{"id":47441,"date":"2026-04-23T09:43:33","date_gmt":"2026-04-23T07:43:33","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=47441"},"modified":"2026-10-27T14:49:19","modified_gmt":"2026-10-27T13:49:19","slug":"pickware-ai","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/pickware-ai","title":{"rendered":"Pickware AI"},"content":{"rendered":"\n<style>\n\n    .pw-main-menu.pw-main-menu--desktop {\n        background: #000826;\n    }\n    \n    .pw-main-menu--desktop .pw-main-menu-primary-item__title {\n        color: white;\n    }\n    \n    .pw-main-menu--desktop .pw-main-menu__secondary-menu-background {\n        background: rgba(255, 255, 255, 0.1);\n    }\n    \n    .pw-main-menu--desktop .pw-main-menu-secondary__item,\n    .pw-main-menu--desktop .wpml-ls-link>span {\n        color: rgba(255, 255, 255, 0.5);\n    }\n    \n    .pw-main-menu--desktop .pw-main-menu-secondary__item:hover,\n    .pw-main-menu--desktop .wpml-ls-link>span:hover {\n        color: rgba(255, 255, 255, 1);\n    }\n    \n    .wpml-ls-current-language span {\n        color: white !important;\n    }\n    \n    .pw-main-menu-buttons__button.pw-main-menu-buttons__button--order-500 {\n        background-color: #0f384f;\n        color: #fff;\n    }\n    \n    .pw-main-menu-buttons__button.pw-main-menu-buttons__button--order-500:hover {\n        background-color: #092738;\n    }\n    \n    \n    .pw-main-menu.pw-main-menu--mobile {\n        background-color: #000826;\n    }\n    \n    .pw-page-header--fixed .pw-main-menu.pw-main-menu--mobile {\n        background-color: white;\n    }\n    \n    .new-home-hero--background-img {\n        background-image: linear-gradient(180deg, #000826, rgba(0, 8, 38, 0) 30%), url(https:\/\/pickware.com\/app\/uploads\/2025\/11\/home-ending-cta-background-03.svg);\n        background-size: cover;\n    }\n    <\/style>\n\n\n\n<style>\n\/* \u2550\u2550 Pickware AI \u00b7 Basis (Tokens, Typo, Layout) \u2013 einmal pro Seite im ersten Inhaltsblock \u2550\u2550 *\/\n.pwai {\n    --color--pink-500: #f155a0; --color--pink-900: #360606;\n    --color--violet-500: #836bff; --color--violet-900: #200a2b;\n    --color--pickware-500: #09a7ff; --color--pickware-900: #011a3d;\n    --color--mint-500: #1fd49e; --color--lime-500: #abed56; --color--lime-900: #22330a;\n    --color--amber-500: #ffc217; --color--red-500: #ff5757; --color--red-900: #570403;\n    --color--midnight: #000826;\n    --color--gray-200: #b0bac5; --color--gray-600: #54677a; --color--gray-800: #37434f;\n    --black: var(--color--midnight); --white: #ffffff; --ink: var(--color--violet-900);\n    --blue: var(--color--pickware-500); --purple: var(--color--violet-500); --pink: var(--color--pink-500);\n    --lime: var(--color--lime-500); --green: var(--color--mint-500);\n    --surface: #060e2c; --line: rgba(255, 255, 255, 0.08);\n    --accent: var(--blue);\n\n    background: var(--black);\n    color: var(--white);\n    font-family: \"Roboto\", system-ui, sans-serif;\n    font-size: 16px;\n    line-height: 1.45;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.pwai *, .pwai *::before, .pwai *::after { box-sizing: border-box; }\n.pwai :where(h1, h2, h3, h4, p, ul, ol, li, dl, dd, figure, blockquote) { margin: 0; padding: 0; }\n.pwai a { color: inherit; }\n.pwai section[id] { scroll-margin-top: 90px; }\n.pwai .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }\n\n\/* Akzentfarbe pro Bereich *\/\n.pwai .is-chat   { --accent: var(--blue); }\n.pwai .is-mcp    { --accent: var(--purple); }\n.pwai .is-agents { --accent: var(--pink); }\n.pwai .is-faq    { --accent: var(--lime); }\n\n.pwai .container { max-width: 1364px; margin: 0 auto; padding: 0 64px; }\n\n\/* Sektionskopf *\/\n.pwai .pwai-section { padding: 120px 0; position: relative; }\n.pwai .pwai-head { max-width: 1100px; margin-bottom: 56px; }\n.pwai .pwai-kicker {\n    display: flex; align-items: center; gap: 10px;\n    font-weight: 600; font-size: 14px; letter-spacing: 0.02em; text-transform: uppercase;\n    color: var(--accent); margin-bottom: 16px;\n}\n.pwai .pwai-h2 {\n    font-family: \"Fira Sans\", sans-serif; font-weight: 900; font-style: italic;\n    font-size: clamp(44px, 5.2vw, 60px); line-height: 1; letter-spacing: -0.01em;\n    color: var(--white); margin-bottom: 24px; text-wrap: pretty;\n}\n\/* Kursive Display-\u00dcberschriften (H1, H2, Webinar, Drei Wege):\n   Innenabstand f\u00e4ngt den \u00dcberhang der Kursiven ab, sonst schneiden mobile Browser z. B. das \u201eA\u201c links unten an.\n   W\u00f6rter brechen nie mitten im Wort, Zeilen werden ausgeglichen. Gesch\u00fctzte Wortgruppen setzt der Build (.pwai-nw, &nbsp;),\n   zu lange Einzelw\u00f6rter verkleinert die Runtime (fitHeads). *\/\n.pwai :is(h1.pwai-hero-title, h1.pwai-shero-title, .pwai-h2, .wb-title, .try-ai-head h2) { padding-inline: 0.08em; margin-inline: -0.08em; hyphens: manual; overflow-wrap: normal; text-wrap: balance; }\n.pwai .pwai-nw { white-space: nowrap; }\n.pwai .pwai-sent { display: inline-block; }\n.pwai .pwai-lead { font-size: 22px; line-height: 1.25; letter-spacing: -0.03em; color: rgba(255, 255, 255, 0.75); max-width: 780px; }\n\n\/* Laufende Eyebrow: zeigt 3 Begriffe, rotiert seitlich (JS in runtime) *\/\n.pwai .pwai-ticker { gap: 0; overflow: hidden; }\n.pwai .pwai-ticker-track { display: inline-flex; align-items: center; white-space: nowrap; margin-left: -20px; }\n.pwai .pwai-ticker-track > span { display: inline-flex; align-items: center; overflow: hidden; max-width: 240px; opacity: 1; transition: max-width 0.55s ease, opacity 0.4s ease; }\n.pwai .pwai-ticker-track > span::before { content: \"\u00b7\"; display: inline-block; width: 20px; text-align: center; opacity: 0.7; }\n.pwai .pwai-ticker-track > span:nth-child(n+4) { display: none; }\n.pwai .pwai-ticker-track > span.is-entering { display: inline-flex; }\n.pwai .pwai-ticker-track > span.is-hidden { max-width: 0; opacity: 0; }\n\n@keyframes pwai-led { 0%, 100% { scale: 0.75; } 50% { scale: 1.5; } }\n\/* Hinweis auf ein Live-Event (Webinar), Lime wie die Webinar-Karte: im Hero von 01 und den Unterseiten *\/\n.pwai .pwai-event { display: flex; align-items: center; gap: 14px; margin-top: 28px; padding: 14px 16px; border-radius: 14px; background: rgba(171, 237, 86, 0.1); border: 1px solid rgba(171, 237, 86, 0.55); color: var(--white); text-decoration: none; transition: background 0.2s ease, transform 0.2s ease; max-width: 560px; }\n.pwai .pwai-event:hover { background: rgba(171, 237, 86, 0.18); transform: translateY(-1px); }\n.pwai .pwai-event-led { flex: 0 0 12px; height: 12px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(171, 237, 86, 0.25); animation: pwai-led 1.8s ease-in-out infinite; }\n.pwai .pwai-event-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }\n.pwai .pwai-event-txt b { font-size: 16px; font-weight: 700; }\n.pwai .pwai-event-txt span { font-size: 14px; color: rgba(255, 255, 255, 0.7); }\n.pwai .pwai-event-cta { flex: 0 0 auto; padding: 10px 16px; border-radius: 8px; background: var(--lime); color: var(--color--lime-900); font-weight: 700; font-size: 15px; white-space: nowrap; }\n@media (max-width: 500px) { .pwai .pwai-event { flex-wrap: wrap; } .pwai .pwai-event-cta { flex: 1 1 100%; text-align: center; } }\n@media (prefers-reduced-motion: reduce) { .pwai .pwai-event-led { animation: none; } }\n@keyframes pwai-spin { to { transform: rotate(360deg); } }\n\n\/* Buttons & Links *\/\n.pwai .pwai-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: var(--blue); color: var(--white);\n    padding: 16px 22px; border-radius: 8px; border: none; cursor: pointer;\n    font-family: \"Roboto\", sans-serif; font-weight: 700; font-size: 17px; letter-spacing: -0.03em;\n    text-decoration: none; transition: transform 0.15s, filter 0.15s;\n}\n.pwai .pwai-btn:hover { transform: translateY(-1px); filter: brightness(1.08); }\n.pwai .pwai-btn--accent { background: var(--accent); }\n.pwai .pwai-btn--dark { background: #0f384f; }\n.pwai .pwai-btn--dark:hover { background: #092738; filter: none; }\n.pwai .pwai-btn--ghost { background: transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35); }\n.pwai .pwai-btn--ghost:hover { background: rgba(255, 255, 255, 0.06); filter: none; }\n.pwai .pwai-btn svg, .pwai .pwai-link svg { flex: 0 0 auto; transition: transform 0.2s; }\n.pwai .pwai-btn:hover svg, .pwai .pwai-link:hover svg { transform: translateX(3px); }\n.pwai .pwai-link {\n    display: inline-flex; align-items: center; gap: 10px;\n    font-weight: 700; font-size: 16px; letter-spacing: -0.01em; color: var(--white); text-decoration: none;\n}\n.pwai .pwai-link:hover { opacity: 0.75; }\n.pwai .pwai-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; margin-top: 32px; }\n.pwai :focus-visible { outline: 2px solid var(--white); outline-offset: 3px; }\n\n\/* Kachel mit Dither-Hintergrund *\/\n.pwai .tile {\n    background: var(--black); border: 1px solid var(--color--gray-800); border-radius: 16px;\n    padding: 48px 16px; display: grid; place-items: center; gap: 16px;\n    position: relative; overflow: hidden; isolation: isolate;\n}\n.pwai canvas.dither { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; display: block; pointer-events: none; transition: opacity 0.5s ease; }\n.pwai .tile > *:not(canvas) { position: relative; z-index: 1; }\n\n\n\/* Zweispaltiges Text\/Visual-Raster *\/\n.pwai .pwai-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 64px; align-items: center; }\n.pwai .pwai-split--flip > :first-child { order: 2; }\n.pwai .pwai-split h3 {\n    font-weight: 400; font-size: 32px; line-height: 1.1; letter-spacing: -0.01em; color: var(--white); margin-bottom: 20px;\n}\n.pwai .pwai-text { font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, 0.7); }\n.pwai .pwai-text + .pwai-text, .pwai .pwai-big + .pwai-text, .pwai .pwai-lead + .pwai-text { margin-top: 16px; }\n\/* Lead und Text im Sektionskopf laufen mindestens so breit wie die H2 *\/\n.pwai .pwai-head .pwai-lead, .pwai .pwai-head .pwai-text { max-width: none; }\n.pwai .pwai-text strong { color: var(--white); font-weight: 700; }\n\/* Links im Flie\u00dftext *\/\n.pwai .pwai-text a { color: var(--white); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }\n.pwai .pwai-text a:hover { text-decoration-thickness: 2px; }\n.pwai .pwai-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 64px; margin-top: 56px; }\n.pwai .pwai-cols h3 { font-weight: 700; font-size: 24px; line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 12px; }\n@media (max-width: 860px) { .pwai .pwai-cols { grid-template-columns: 1fr; margin-top: 40px; } }\n.pwai .pwai-split p.pwai-big { font-size: 26px; line-height: 1.2; color: rgba(255, 255, 255, 0.75); max-width: 38ch; }\n\n\/* Chips *\/\n.pwai .pwai-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }\n.pwai .pwai-chips .label { font-size: 15px; color: rgba(255, 255, 255, 0.5); margin-right: 8px; }\n.pwai .pwai-new { display: inline-block; background: var(--pink); color: var(--white); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 20px; }\n.pwai a.chip { text-decoration: none; transition: border-color 0.2s, color 0.2s, background 0.2s; }\n.pwai a.chip::after { content: \" \u2192\"; opacity: 0.5; transition: opacity 0.2s; }\n.pwai a.chip:hover { border-color: var(--accent); color: var(--white); background: rgba(255, 255, 255, 0.04); }\n.pwai a.chip:hover::after { opacity: 1; }\n.pwai .pwai-chips .chip { border: 1px solid var(--color--gray-800); border-radius: 20px; padding: 6px 14px; font-size: 14px; color: rgba(255, 255, 255, 0.85); }\n\n@media (max-width: 981px) {\n    .pwai .pwai-split { grid-template-columns: 1fr; gap: 32px; }\n    .pwai .pwai-split--flip > :first-child { order: 0; }\n    .pwai .pwai-split > .tile { order: -1; }\n}\n@media (max-width: 768px) {\n    .pwai .pwai-section { padding: 64px 0; }\n    .pwai .pwai-head { margin-bottom: 32px; }\n    .pwai .pwai-lead { font-size: 20px; }\n    .pwai .pwai-split h3 { font-size: 26px; }\n    .pwai .pwai-split p.pwai-big { font-size: 22px; }\n    .pwai .tile { padding: 8px 8px 16px; }\n}\n@media (max-width: 720px) {\n    .pwai .container { padding: 0 20px; }\n}\n@media (prefers-reduced-motion: reduce) {\n}\n\n\/* \u2500\u2500 Wiederkehrende Sektionsbausteine der Unterseiten \u2500\u2500 *\/\n\/* Schritte mit Nummer (So funktioniert's, Einrichtung) *\/\n.pwai .pwai-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }\n.pwai .pwai-step { display: flex; flex-direction: column; gap: 14px; padding: 32px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); }\n.pwai .pwai-step .num { font-family: \"Roboto Mono\", monospace; font-weight: 700; font-size: 14px; color: var(--accent); }\n.pwai .pwai-step h3 { font-weight: 700; font-size: 24px; line-height: 1.2; letter-spacing: -0.01em; }\n.pwai .pwai-step p { font-size: 16px; line-height: 1.55; color: rgba(255, 255, 255, 0.65); }\n@media (max-width: 981px) { .pwai .pwai-steps { grid-template-columns: minmax(0, 1fr); } }\n@media (min-width: 982px) { .pwai .pwai-steps--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\n.pwai .pwai-steps + .pwai-text, .pwai .pwai-steps + .pwai-actions, .pwai .pwai-steps + .pwai-facts { margin-top: 32px; }\n\/* Kennzahlen unter Texten neben UI *\/\n.pwai .pwai-facts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }\n.pwai .pwai-fact { padding: 14px 18px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); }\n.pwai .pwai-fact strong { display: block; font-family: \"Fira Sans\", sans-serif; font-weight: 900; font-style: italic; font-size: 30px; line-height: 1; color: var(--accent); }\n.pwai .pwai-fact span { display: block; margin-top: 6px; font-size: 14px; color: rgba(255, 255, 255, 0.65); }\n\/* Use-Case-Bl\u00f6cke untereinander *\/\n.pwai .pwai-uc + .pwai-uc { margin-top: 96px; }\n@media (max-width: 768px) { .pwai .pwai-uc + .pwai-uc { margin-top: 64px; } }\n<\/style>\n<style>\n\/* \u2550\u2550 Hero \u2550\u2550 *\/\n\/* Partikelwelle im Hero (components\/hero\/waves.html) *\/\n.pwai .pwai-hero-waves { position: absolute; inset: 0; z-index: 0; pointer-events: none; }\n.pwai .pwai-hero-waves canvas { position: absolute; inset: 0; width: 100%; height: 100%; }\n.pwai section.pwai-hero { position: relative; padding-top: 72px; overflow: hidden; }\n.pwai .pwai-hero-inner { position: relative; z-index: 2; text-align: center; }\n.pwai .pwai-hero-badge {\n    display: inline-flex; align-items: center; height: 38px; padding: 0 20px; border-radius: 23px;\n    background: var(--color--red-500); color: var(--color--red-900);\n    font-weight: 700; font-size: 16px; letter-spacing: -0.03em; margin-bottom: 24px;\n}\n.pwai .pwai-hero-badge .led { width: 22px; height: 22px; border-radius: 50%; background: var(--color--red-900); margin-right: 10px; display: grid; place-items: center; }\n.pwai .pwai-hero-badge .led::after { content: \"\"; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); animation: pwai-led 1.8s ease-in-out infinite; }\n.pwai h1.pwai-hero-title {\n    font-family: \"Fira Sans\", sans-serif; font-weight: 900; font-style: italic;\n    font-size: clamp(64px, 10vw, 112px); line-height: 1.06; letter-spacing: -0.01em; color: var(--white);\n}\n.pwai .pwai-hero-sub { font-size: 22px; line-height: 1.25; letter-spacing: -0.03em; color: var(--white); max-width: 560px; margin: 24px auto 36px; }\n\n\/* Bausteine-Navigation \u2192 Bereiche *\/\n.pwai .pwai-hero-nav { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 12px; }\n.pwai .pwai-hero-nav a {\n    display: inline-flex; align-items: center; gap: 10px; height: 60px; padding: 0 24px; border-radius: 8px;\n    background: var(--blue); color: var(--white); text-decoration: none;\n    font-weight: 700; font-size: 18px; letter-spacing: -0.03em; transition: transform 0.15s, filter 0.15s;\n}\n.pwai .pwai-hero-nav a img { width: 38px; height: 38px; flex: 0 0 38px; margin: -8px -6px -8px -10px; display: block; }\n.pwai .pwai-hero-nav a:hover { transform: translateY(-1px); filter: brightness(1.08); }\n.pwai .pwai-hero-nav .new { background: var(--pink); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 20px; }\n.pwai .pwai-hero-inner .pwai-event { margin: 28px auto 0; text-align: left; }\n\n\/* Produktfenster *\/\n.pwai .pwai-hero-window { position: relative; z-index: 2; max-width: min(1080px, calc((100vh - 190px) * 1.555)); margin: 56px auto 20px; border-radius: 32px; overflow: hidden; box-shadow: 0 40px 120px -40px rgba(9, 167, 255, 0.35); }\n\n\/* Chat-Szene (Bestand) *\/\n.pwai .hw-wrap{--hw-bg:#fff;--hw-border-strong:#C6C7CE;--hw-blue:#09A7FF;--hw-ink:#1d203b;--hw-text:#1e1e24;--hw-muted:#60768b;position:relative;width:100%;aspect-ratio:2488\/1600;overflow:hidden;font-family:'Inter',system-ui,-apple-system,sans-serif}\n.pwai .hw-stage{position:absolute;top:0;left:0;width:2488px;height:1600px;background:#09A7FF;overflow:hidden;transform-origin:top left}\n.pwai .hw-stage-zoom{position:absolute;inset:0;width:2488px;height:1600px;overflow:hidden;transform-origin:50% 50%;transform:scale(1);transition:transform 1100ms cubic-bezier(.65,.05,.36,1),transform-origin 1100ms cubic-bezier(.65,.05,.36,1);will-change:transform,transform-origin}\n.pwai .hw-bg-fullshot{position:absolute;inset:0;width:2500px;height:1600px;background:url('https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/bg-main.webp') center\/cover no-repeat}\n.pwai .hw-bg-table{position:absolute;left:160px;top:320px;width:2006px;height:1280px;overflow:hidden;background:#d9d9d9}\n.pwai .hw-bg-table::before{content:\"\";position:absolute;left:-160px;top:-320px;width:2500px;height:2176px;background:url('https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/table.webp') center\/cover no-repeat}\n.pwai .hw-bg-ws1{position:absolute;left:185px;top:0;width:2312px;height:146px;background:var(--hw-bg)}\n.pwai .hw-bg-ws2{position:absolute;left:185px;top:162px;width:2312px;height:158px;background:var(--hw-bg)}\n.pwai .hw-content-header{position:absolute;top:26px;width:1324px;height:240px;overflow:hidden;transition:left 900ms cubic-bezier(.65,.05,.36,1)}\n.pwai .hw-header-mask{position:relative;width:1324px;height:100px;border-radius:8px;overflow:hidden;background:#d9d9d9}\n.pwai .hw-header-mask::before{content:\"\";position:absolute;left:-206px;top:-30px;width:1904px;height:2176px;background:url('https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/header.webp') center\/cover no-repeat}\n.pwai .hw-content-title{position:absolute;left:0;top:196px;font-weight:700;font-size:36px;line-height:100%;color:#000}\n.pwai .hw-navi-trenner{position:absolute;left:158px;top:0;width:2px;height:1600px;background:var(--hw-border-strong)}\n.pwai .hw-navi-bar{position:absolute;left:0;top:0;width:158px;height:1600px;background:#fff;display:flex;flex-direction:column;align-items:center;padding-top:36px;box-sizing:border-box}\n.pwai .hw-navi-logo{width:80px;height:80px;border-radius:50%;background:#09A7FF;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:38px;margin-bottom:60px}\n.pwai .hw-navi-icon{width:110px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:28px;color:#758CA3}\n.pwai .hw-navi-icon svg{width:40px;height:40px}\n.pwai .hw-navi-bar>.hw-navi-icon:nth-child(2){color:#69D6F0}\n.pwai .hw-navi-bar>.hw-navi-icon:nth-child(3){color:#A092F0}\n.pwai .hw-navi-bar>.hw-navi-icon:nth-child(4){color:#57D9A3}\n.pwai .hw-navi-bar>.hw-navi-icon:nth-child(5){color:#F88962}\n.pwai .hw-navi-bar>.hw-navi-icon:nth-child(6),.pwai .hw-navi-bar>.hw-navi-icon:nth-child(7),.pwai .hw-navi-bar>.hw-navi-icon:nth-child(8),.pwai .hw-navi-bar>.hw-navi-icon:nth-child(9){color:#17A6EB}\n\n\/* Pickware AI Sidebar (echtes Chat-Design, 2x skaliert) *\/\n.pwai .hw-pickware-ai{position:absolute;top:0;width:934px;height:1600px;overflow:hidden;transition:left 900ms cubic-bezier(.65,.05,.36,1)}\n.pwai .hw-pickware-peek{position:absolute;left:0;top:320px;width:336px;height:1280px;overflow:hidden;background:#d9d9d9}\n.pwai .hw-pickware-peek::before{content:\"\";position:absolute;left:-2164px;top:-320px;width:2500px;height:2176px;background:url('https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/sidebar.webp') center\/cover no-repeat}\n.pwai .hw-pickware-icon{position:absolute;left:246px;top:58px;width:44px;height:44px;color:#1e1e24;transition:color 700ms ease,transform 250ms cubic-bezier(.5,1.6,.4,1);z-index:5}\n.pwai .hw-pickware-icon::before{content:\"\";position:absolute;left:-18px;top:-18px;width:80px;height:80px;border-radius:8px;background:#f2f3f8;opacity:0;transition:opacity 500ms ease}\n.pwai .hw-pickware-icon.is-active::before{opacity:1}\n.pwai .hw-pickware-icon svg{position:relative;display:block;width:44px;height:44px}\n.pwai .hw-pickware-icon.pressed{transform:scale(.78)}\n.pwai .hw-pickware-ui{position:absolute;left:334px;top:0;width:600px;height:1600px;overflow:hidden;background:#fff;border-left:2px solid #cfd6dc;box-sizing:border-box}\n\n.pwai .hw-pw-head{position:absolute;left:0;top:0;width:600px;height:162px;background:#09A7FF;overflow:hidden}\n.pwai .hw-pw-head::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.35) 1.6px,transparent 2px);background-size:12px 12px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 100%);mask-image:linear-gradient(90deg,transparent 30%,#000 100%);opacity:.7}\n.pwai .hw-pw-title{position:absolute;left:40px;top:26px;font-family:'Fira Sans',sans-serif;font-weight:900;font-style:italic;font-size:54px;line-height:64px;letter-spacing:-.8px;color:#fff;white-space:nowrap}\n.pwai .hw-pw-title-pre{color:rgba(255,255,255,.85)}\n.pwai .hw-pw-close{position:absolute;right:36px;top:40px;width:30px;height:30px;color:#fff}\n.pwai .hw-pw-close svg,.pwai .hw-pw-plus svg,.pwai .hw-pw-tab-x{display:block;width:100%;height:100%}\n.pwai .hw-pw-tabs{position:absolute;left:24px;bottom:0;height:66px;display:flex;align-items:flex-end;gap:22px}\n.pwai .hw-pw-tab{height:66px;display:flex;align-items:center;gap:12px;padding:0 18px 0 26px;background:#fff;border-radius:12px 12px 0 0;font-size:23px;font-weight:600;color:var(--hw-ink);max-width:380px}\n.pwai .hw-pw-tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.pwai .hw-pw-tab-x{width:18px;height:18px;flex:0 0 18px;color:#9aa6b2}\n.pwai .hw-pw-plus{width:30px;height:30px;margin-bottom:18px;color:#fff}\n.pwai .hw-pw-spin{display:none;width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:3px solid rgba(9,167,255,.25);border-top-color:#09A7FF;animation:pwai-spin 800ms linear infinite}\n.pwai .hw-pw-tab.is-loading .hw-pw-spin{display:block}\n\n.pwai .hw-pw-body{position:absolute;left:0;top:162px;width:600px;height:1438px}\n.pwai .hw-pw-empty{position:absolute;left:44px;top:90px;width:512px;transition:opacity 350ms ease,transform 350ms ease}\n.pwai .hw-pw-eyebrow{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:#09A7FF;margin-bottom:26px}\n.pwai .hw-pw-eyebrow span{width:11px;height:11px;border-radius:50%;background:#09A7FF}\n.pwai .hw-pw-hello{font-size:44px;font-weight:600;line-height:1.15;letter-spacing:-.8px;color:var(--hw-ink)}\n.pwai .hw-pw-hl{font-family:'Fira Sans',sans-serif;font-weight:900;font-style:italic;font-size:74px;line-height:1.05;letter-spacing:-1px;color:#09A7FF;margin-bottom:26px}\n.pwai .hw-pw-lede{font-size:24px;line-height:1.5;letter-spacing:.2px;color:var(--hw-muted)}\n.pwai .hw-pw-quick{position:absolute;left:36px;bottom:244px;width:528px;display:flex;flex-direction:column;gap:14px;transition:opacity 350ms ease,transform 350ms ease}\n.pwai .hw-pw-qa{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 24px;box-sizing:border-box;border:2px solid #e2e8ef;border-radius:22px;background:#fff;font-size:22px;line-height:1.4;color:#1e1e24}\n.pwai .hw-pw-qa span{flex:1}\n.pwai .hw-pw-qa i{font-style:normal;color:#09A7FF;font-size:28px}\n.pwai .hw-pw-qa--agent{background:#f0f8fe;border-color:rgba(9,167,255,.3);font-weight:600}\n.pwai .hw-pw-qa--agent span{flex:0 1 auto}\n.pwai .hw-pw-qa--agent svg{width:34px;height:34px;color:#09A7FF;flex:0 0 34px}\n.pwai .hw-pw-qa--agent b{background:#09A7FF;color:#fff;font-size:17px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;padding:3px 14px;border-radius:20px;margin-right:auto}\n.pwai .hw-wrap.is-chatting .hw-pw-empty,.pwai .hw-wrap.is-chatting .hw-pw-quick{opacity:0;transform:translateY(-16px)}\n\n.pwai .hw-pw-msgs{position:absolute;left:30px;top:44px;width:540px;display:flex;flex-direction:column;gap:22px}\n.pwai .hw-qa-question{align-self:flex-end;max-width:470px;background:rgba(9,167,255,.1);border-radius:20px;padding:22px 28px;box-sizing:border-box;font-size:25px;line-height:38px;color:#37434f;opacity:0;transform:translateY(8px);transition:opacity 350ms ease,transform 350ms ease}\n.pwai .hw-qa-loading,.pwai .hw-qa-tool{display:flex;align-items:center;gap:12px;font-size:21px;line-height:30px;color:#37434f;opacity:0;transition:opacity 300ms ease}\n.pwai .hw-qa-status{position:relative;min-height:30px}\n.pwai .hw-qa-loading{position:absolute;left:0;top:0;pointer-events:none}\n.pwai .hw-qa-loading .hw-pw-spin{display:block}\n.pwai .hw-qa-tool svg{width:22px;height:22px;color:#1fa37a;flex:0 0 22px}\n.pwai .hw-qa-tool svg.chev{color:#9aa6b2;width:18px;height:18px}\n.pwai .hw-qa-answer{font-size:25px;line-height:38px;color:var(--hw-text);opacity:0;transform:translateY(8px);transition:opacity 400ms ease,transform 400ms ease}\n.pwai .hw-qa-answer p{margin:0 0 22px}\n.pwai .hw-qa-answer ul{margin:0 0 22px 36px;padding:0}\n.pwai .hw-qa-answer li{margin:0 0 4px}\n.pwai .hw-qa-answer strong{font-weight:700}\n.pwai .hw-qa-question.visible,.pwai .hw-qa-answer.visible{opacity:1;transform:translateY(0)}\n.pwai .hw-qa-loading.visible,.pwai .hw-qa-tool.visible{opacity:1}\n.pwai .hw-er{display:inline-flex;align-items:center;gap:8px;padding:0 14px 0 10px;border-radius:12px;border:2px solid;font-weight:500;line-height:34px;white-space:nowrap}\n.pwai .hw-er::before{content:\"\";width:18px;height:18px;background:currentColor;-webkit-mask:var(--hw-er-ic) center\/contain no-repeat;mask:var(--hw-er-ic) center\/contain no-repeat}\n.pwai .hw-er--p{color:#0e7a58;background:rgba(31,212,158,.12);border-color:rgba(31,212,158,.4);--hw-er-ic:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 9h11v12H10zM3 3h11v4H8v7H3z'\/%3E%3C\/svg%3E\")}\n.pwai .hw-er--c{color:#b4561a;background:rgba(255,136,7,.1);border-color:rgba(255,136,7,.35);--hw-er-ic:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='5'\/%3E%3Cpath d='M3 22c0-5 4-8 9-8s9 3 9 8z'\/%3E%3C\/svg%3E\")}\n.pwai .hw-er--r{color:#c23b3b;background:rgba(255,87,87,.1);border-color:rgba(255,87,87,.35);--hw-er-ic:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L1 21h22zM11 9h2v6h-2zm0 8h2v2h-2z'\/%3E%3C\/svg%3E\")}\n\n.pwai .hw-input-box{position:absolute;left:20px;top:1218px;width:560px;height:190px;border-radius:28px;background:#fff;border:2px solid #cfd6dc;box-sizing:border-box;box-shadow:0 16px 44px -16px rgba(0,8,38,.14),0 2px 6px rgba(0,8,38,.05);transition:border-color 250ms ease,box-shadow 250ms ease}\n.pwai .hw-input-box.is-focus{border-color:#09A7FF;box-shadow:0 0 0 6px rgba(9,167,255,.12),0 16px 44px -16px rgba(0,8,38,.14)}\n.pwai .hw-placeholder{position:absolute;left:28px;top:24px;font-size:25px;line-height:36px;color:#b0bac7;transition:opacity 200ms ease}\n.pwai .hw-typed{position:absolute;left:28px;top:24px;width:500px;font-size:25px;line-height:36px;color:#37434f;white-space:normal;overflow-wrap:break-word}\n.pwai .hw-typed::after{content:\"\";display:inline-block;width:2px;height:28px;background:#09A7FF;margin-left:2px;transform:translateY(5px);animation:hw-blink 1s steps(2) infinite}\n.pwai .hw-typed.no-cursor::after{display:none}\n@keyframes hw-blink{0%,50%{opacity:1}51%,100%{opacity:0}}\n.pwai .hw-clip,.pwai .hw-send{position:absolute;bottom:20px;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}\n.pwai .hw-clip{right:96px;border:2px solid #cdced4;color:#1e1e24;background:#fff}\n.pwai .hw-clip svg{width:28px;height:28px}\n.pwai .hw-send{right:20px;background:#09A7FF;color:#fff;transition:transform 120ms ease,filter 120ms ease,opacity 200ms ease}\n.pwai .hw-send svg{width:30px;height:30px}\n.pwai .hw-send.pressed{transform:scale(.9);filter:brightness(.9)}\n\n.pwai .hw-ripple{position:absolute;left:246px;top:58px;width:44px;height:44px;border-radius:50%;border:6px solid var(--hw-blue);pointer-events:none;opacity:0;z-index:4;transform-origin:center center}\n.pwai .hw-ripple.go{animation:hw-ripple-anim 1100ms cubic-bezier(.2,.6,.2,1) forwards}\n.pwai .hw-ripple.wave2{animation-delay:200ms;border-width:4px}\n.pwai .hw-ripple.wave3{animation-delay:400ms;border-width:3px}\n@keyframes hw-ripple-anim{0%{opacity:1;transform:scale(.8)}60%{opacity:.5}100%{opacity:0;transform:scale(4.2)}}\n.pwai .hw-pause-btn{position:relative;width:44px;height:44px;border:none;border-radius:50%;background:rgba(2,10,38,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:1;transition:background 150ms ease,transform 120ms ease,opacity 200ms ease}\n.pwai .hw-pause-btn:hover{background:rgba(2,10,38,.92)}\n.pwai .hw-pause-btn:active{transform:scale(.92)}\n.pwai .hw-pause-btn svg{width:18px;height:18px;fill:#fff}\n.pwai .hw-icon-pause{display:block}\n.pwai .hw-icon-play{display:none}\n.pwai .hw-pause-btn.is-paused .hw-icon-pause{display:none}\n.pwai .hw-pause-btn.is-paused .hw-icon-play{display:block}\n\n\/* \u2550\u2550 Szenen-Rahmen \u2550\u2550 *\/\n.pwai .hs-scene { position: absolute; inset: 0; width: 2488px; height: 1600px; overflow: hidden; opacity: 0; transition: opacity 600ms ease; pointer-events: none; }\n.pwai .hw-wrap[data-scene=\"chat\"] .hs-chat, .pwai .hw-wrap[data-scene=\"mcp\"] .hs-mcp, .pwai .hw-wrap[data-scene=\"agents\"] .hs-agents { opacity: 1; }\n.pwai .hs-zoom { position: absolute; inset: 0; width: 2488px; height: 1600px; transform-origin: 50% 50%; will-change: transform; }\n.pwai .hs-ui { position: absolute; left: 0; top: 0; width: 1244px; height: 800px; transform: scale(2); transform-origin: 0 0; overflow: hidden; font-family: \"Inter\", \"Roboto\", system-ui, sans-serif; color: #1e1e24; font-size: 13px; line-height: 1.5; }\n.pwai .hs-cursor { position: absolute; left: 900px; top: 600px; width: 22px; height: 22px; z-index: 30; opacity: 0; transition: left 900ms cubic-bezier(.65,.05,.36,1), top 900ms cubic-bezier(.65,.05,.36,1), opacity 300ms ease, transform 150ms ease; }\n.pwai .hs-cursor.is-on { opacity: 1; }\n.pwai .hs-cursor.is-press { transform: scale(0.8); }\n.pwai .hs-cursor svg { width: 100%; height: 100%; display: block; }\n\n\/* \u2550\u2550 Agenten-Szene (Pickware Agenten-Inbox) \u2550\u2550 *\/\n.pwai .ha { background: #fff; display: flex; }\n.pwai .ha-rail { flex: 0 0 64px; border-right: 1px solid #e2e8ef; display: flex; flex-direction: column; align-items: center; padding-top: 14px; gap: 6px; }\n.pwai .ha-logo { width: 32px; height: 32px; border-radius: 50%; background: #09a7ff; color: #fff; font-weight: 700; font-size: 15px; display: grid; place-items: center; margin-bottom: 14px; }\n.pwai .ha-ri { width: 40px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: #758ca3; }\n.pwai .ha-ri svg { width: 18px; height: 18px; }\n.pwai .ha-ri.is-active { background: #09a7ff; color: #fff; }\n.pwai .ha-avatar { margin-top: auto; margin-bottom: 14px; width: 30px; height: 30px; border-radius: 50%; background: #f6e015; color: #423500; font-size: 11px; font-weight: 700; display: grid; place-items: center; }\n.pwai .ha-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }\n.pwai .ha-top { flex: 0 0 56px; display: flex; align-items: center; gap: 16px; padding: 0 20px 0 96px; border-bottom: 1px solid #e2e8ef; }\n.pwai .ha-search { flex: 1; max-width: 640px; height: 36px; border: 1px solid #cfd6dc; border-radius: 6px; display: flex; align-items: center; gap: 10px; padding: 0 10px 0 4px; }\n.pwai .ha-search-chip { display: inline-flex; align-items: center; gap: 4px; background: #09a7ff; color: #fff; font-weight: 600; font-size: 12px; padding: 4px 8px; border-radius: 4px; }\n.pwai .ha-search-chip svg { width: 10px; height: 10px; }\n.pwai .ha-search-ph { flex: 1; color: #54677a; font-size: 12px; }\n.pwai .ha-search-ic { width: 15px; height: 15px; color: #1e1e24; }\n.pwai .ha-top-ic { width: 20px; height: 20px; color: #1e1e24; }\n.pwai .ha-top-ic svg { width: 100%; height: 100%; }\n.pwai .ha-head { flex: 0 0 52px; display: flex; align-items: center; gap: 22px; padding: 0 20px 0 96px; border-bottom: 1px solid #e2e8ef; }\n.pwai .ha-head-title { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 14px; color: #1d203b; padding-right: 22px; border-right: 1px solid #e2e8ef; }\n.pwai .ha-head-title svg { width: 18px; height: 18px; color: #1d203b; }\n.pwai .ha-tab { height: 52px; display: flex; align-items: center; gap: 6px; color: #54677a; font-size: 12.5px; position: relative; }\n.pwai .ha-tab b { font-size: 10px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: #eceef1; color: #54677a; display: inline-grid; place-items: center; transition: transform 0.25s; }\n.pwai .ha-tab.is-active { color: #1d203b; font-weight: 600; }\n.pwai .ha-tab.is-active b { background: #09a7ff; color: #fff; }\n.pwai .ha-tab.is-active::after { content: \"\"; position: absolute; left: -4px; right: -4px; bottom: -1px; height: 2px; background: #09a7ff; }\n.pwai .ha b.is-bump { transform: scale(1.35); }\n.pwai .ha-create { margin-left: auto; background: #09a7ff; color: #fff; font-weight: 600; font-size: 12px; padding: 8px 14px; border-radius: 5px; }\n.pwai .ha-sub { flex: 0 0 36px; display: flex; align-items: center; gap: 18px; padding: 0 20px 0 120px; background: #f7f9fb; border-bottom: 1px solid #e2e8ef; font-size: 11.5px; color: #37434f; }\n.pwai .ha-pill { border: 1px solid #cfd6dc; border-radius: 14px; padding: 2px 10px; background: #fff; font-weight: 600; }\n.pwai .ha-pill b { font-size: 10px; background: #eceef1; border-radius: 8px; padding: 0 5px; margin-left: 3px; display: inline-block; transition: transform 0.25s; }\n.pwai .ha-body { flex: 1; min-height: 0; display: flex; }\n.pwai .ha-list { flex: 0 0 330px; border-right: 1px solid #e2e8ef; overflow: hidden; }\n.pwai .ha-list-h { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 16px; font-weight: 600; font-size: 14px; color: #1d203b; border-bottom: 1px solid #e2e8ef; }\n.pwai .ha-list-h b { font-size: 10px; background: #eceef1; color: #54677a; border-radius: 8px; padding: 1px 6px; transition: transform 0.25s; }\n.pwai .ha-item { padding: 12px 16px; border-bottom: 1px solid #e2e8ef; border-left: 3px solid transparent; transition: background 0.3s, border-color 0.3s; }\n.pwai .ha-item-k { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: #37434f; margin-bottom: 3px; }\n.pwai .ha-item-k svg { width: 14px; height: 14px; }\n.pwai .ha-item-k span { margin-left: auto; font-weight: 400; font-size: 10.5px; color: #909fae; }\n.pwai .ha-item-k.is-help { color: #0b7fc2; }\n.pwai .ha-item-t { font-weight: 600; font-size: 12.5px; color: #1d203b; margin-bottom: 3px; display: flex; align-items: center; gap: 6px; }\n.pwai .ha-dot { width: 6px; height: 6px; border-radius: 50%; background: #09a7ff; }\n.pwai .ha-item-p { font-size: 11.5px; line-height: 1.45; color: #54677a; margin-bottom: 6px; }\n.pwai .ha-item-m { display: flex; align-items: center; gap: 6px; font-size: 10.5px; color: #54677a; }\n.pwai .ha code, .pwai .ha-case-m code { font-family: \"Roboto Mono\", monospace; font-weight: 700; font-size: 10px; color: #1d203b; border: 1px solid #cfd6dc; border-radius: 4px; padding: 0 5px; }\n.pwai .ha-item--new { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; overflow: hidden; border-bottom-width: 0; transition: max-height 0.6s ease, padding 0.6s ease, opacity 0.5s ease 0.15s, background 0.3s, border-color 0.3s; }\n.pwai .ha.is-arrived .ha-item--new { max-height: 160px; padding-top: 12px; padding-bottom: 12px; opacity: 1; border-bottom-width: 1px; background: #fffbe6; }\n.pwai .ha.is-selected .ha-item--new { background: #eef7fe; border-left-color: #09a7ff; }\n.pwai .ha-detail { flex: 1; min-width: 0; display: flex; flex-direction: column; position: relative; background: #f7f9fb; }\n.pwai .ha-empty { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #909fae; font-size: 13px; transition: opacity 0.3s; }\n.pwai .ha-empty svg { width: 34px; height: 34px; }\n.pwai .ha.is-selected .ha-empty { opacity: 0; }\n.pwai .ha-case, .pwai .ha-feed, .pwai .ha-prompt { opacity: 0; transition: opacity 0.4s ease; }\n.pwai .ha.is-selected .ha-case, .pwai .ha.is-selected .ha-feed, .pwai .ha.is-selected .ha-prompt { opacity: 1; }\n.pwai .ha-case { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: 14px 20px; background: #fff; border-bottom: 1px solid #e2e8ef; }\n.pwai .ha-case-ic { width: 38px; height: 38px; border-radius: 9px; background: #eceef1; display: grid; place-items: center; color: #37434f; }\n.pwai .ha-case-ic svg { width: 19px; height: 19px; }\n.pwai .ha-case-txt { flex: 1; min-width: 0; }\n.pwai .ha-case-t { font-weight: 700; font-size: 15px; color: #1d203b; }\n.pwai .ha-case-m { display: flex; align-items: center; gap: 6px; margin-top: 3px; font-size: 11px; color: #54677a; }\n.pwai .ha-done { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; font-size: 12px; padding: 6px 12px; border-radius: 5px; border: 1px solid #09a7ff; color: #09a7ff; background: #fff; transition: background 0.3s, color 0.3s; }\n.pwai .ha-done svg { width: 12px; height: 12px; }\n.pwai .ha.is-done .ha-done { background: #09a7ff; color: #fff; }\n.pwai .ha-feed { position: relative; flex: 1; min-height: 0; overflow: hidden; padding: 12px 40px 16px; }\n.pwai .ha-day { display: flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: #909fae; margin-bottom: 4px; }\n.pwai .ha-day::before, .pwai .ha-day::after { content: \"\"; flex: 1; height: 1px; background: #e2e8ef; }\n.pwai .ha-run { font-family: \"Roboto Mono\", monospace; font-size: 10.5px; color: #909fae; margin-bottom: 8px; }\n.pwai .ha-card { background: #fff; border: 1px solid #e2e8ef; border-radius: 12px; overflow: hidden; margin-bottom: 10px; }\n.pwai .ha-card-h { display: flex; align-items: center; gap: 8px; margin: 7px; padding: 8px 12px; border-radius: 8px; background: #e7f4fd; color: #0b7fc2; font-weight: 600; font-size: 12.5px; }\n.pwai .ha-card-h svg { width: 15px; height: 15px; }\n.pwai .ha-card-b { padding: 6px 16px 14px; font-size: 12.5px; color: #37434f; }\n.pwai .ha-card-b p + p { margin-top: 8px; }\n.pwai .ha-h { font-weight: 700; font-size: 13.5px; color: #1d203b; margin-bottom: 8px; }\n.pwai .ha .ha-step { opacity: 0; transform: translateY(8px); transition: opacity 0.45s ease, transform 0.45s ease; }\n.pwai .ha .ha-step.is-in { opacity: 1; transform: none; }\n.pwai .ha-er { display: inline-flex; align-items: center; padding: 0 6px; border-radius: 5px; border: 1px solid; font-weight: 500; line-height: 18px; white-space: nowrap; }\n.pwai .ha-er--o { color: #0b7fc2; background: rgba(9, 167, 255, 0.1); border-color: rgba(9, 167, 255, 0.35); }\n.pwai .ha-er--c { color: #b4561a; background: rgba(255, 136, 7, 0.1); border-color: rgba(255, 136, 7, 0.35); }\n.pwai .ha-contact { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #e2e8ef; border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; font-size: 12px; color: #37434f; }\n.pwai .ha-contact b { display: block; font-size: 13px; color: #1d203b; }\n.pwai .ha-contact-av { width: 34px; height: 34px; border-radius: 50%; background: #fdeee4; color: #b4561a; display: grid; place-items: center; }\n.pwai .ha-contact-av svg { width: 17px; height: 17px; }\n.pwai .ha-k { font-size: 9.5px; font-weight: 600; letter-spacing: 1.3px; text-transform: uppercase; color: #909fae; margin-bottom: 3px; }\n.pwai .ha-mail { background: #fff; border: 1px solid #e2e8ef; border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; font-size: 12px; color: #37434f; }\n.pwai .ha-mail-row { display: flex; gap: 12px; padding: 2px 0; }\n.pwai .ha-mail-row span { flex: 0 0 52px; color: #909fae; }\n.pwai .ha-mail-body { margin-top: 8px; border: 1px solid #e2e8ef; border-radius: 8px; padding: 10px 12px; line-height: 1.55; }\n.pwai .ha-mail-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }\n.pwai .ha-btn, .pwai .ha-btn-sec { font-weight: 600; font-size: 12px; padding: 7px 14px; border-radius: 5px; transition: transform 0.15s, background 0.2s; }\n.pwai .ha-btn { background: #09a7ff; color: #fff; }\n.pwai .ha-btn-sec { border: 1px solid #cfd6dc; color: #37434f; background: #fff; }\n.pwai .ha-btn.is-press { transform: scale(0.92); background: #0788d1; }\n.pwai .ha-sent { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: #0e7a58; }\n.pwai .ha-sent::before { content: \"\"; width: 16px; height: 16px; border-radius: 50%; background: #1fd49e url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'\/%3E%3C\/svg%3E\") center \/ 16px no-repeat; }\n.pwai .ha-prompt { flex: 0 0 auto; position: relative; margin: 0 40px 14px; height: 54px; border: 1px solid #cfd6dc; border-radius: 12px; background: #fff; padding: 9px 12px; color: #b0bac7; font-size: 12.5px; box-shadow: 0 8px 22px -8px rgba(0, 8, 38, 0.14); }\n.pwai .ha-prompt i { position: absolute; right: 10px; bottom: 9px; width: 24px; height: 24px; border-radius: 50%; background: #09a7ff url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center \/ 12px no-repeat; }\n\n\/* \u2550\u2550 MCP-Szene (Claude mit verbundenem Pickware-AI-Konnektor) \u2550\u2550 *\/\n.pwai .hm { background: #faf9f5; display: flex; color: #3d3929; }\n.pwai .hm-side { flex: 0 0 60px; border-right: 1px solid #ebe8df; display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 16px; background: #f5f4ee; }\n.pwai .hm-logo { width: 28px; height: 28px; margin-bottom: 12px; }\n.pwai .hm-si { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: #6b6657; }\n.pwai .hm-si svg { width: 18px; height: 18px; }\n.pwai .hm-si--new { background: #ebe8df; color: #3d3929; }\n.pwai .hm-av { margin-top: auto; margin-bottom: 16px; width: 30px; height: 30px; border-radius: 50%; background: #3d3929; color: #faf9f5; font-size: 11px; font-weight: 600; display: grid; place-items: center; }\n.pwai .hm-main { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; position: relative; }\n.pwai .hm-title { align-self: stretch; height: 52px; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; color: #3d3929; }\n.pwai .hm-title svg { width: 10px; height: 10px; }\n.pwai .hm-col { width: 680px; flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 18px; padding-top: 18px; }\n.pwai .hm-user { align-self: flex-end; max-width: 520px; background: #ebe8df; border-radius: 16px; padding: 12px 16px; font-size: 14px; line-height: 1.5; color: #3d3929; opacity: 0; transform: translateY(8px); transition: opacity 0.4s ease, transform 0.4s ease; }\n.pwai .hm-ai { position: relative; }\n.pwai .hm-tools { border: 1px solid #e3dfd3; border-radius: 12px; background: #fff; overflow: hidden; max-width: 560px; opacity: 0; transition: opacity 0.3s ease; }\n.pwai .hm-tool { display: flex; align-items: center; gap: 10px; padding: 0 14px; height: 0; overflow: hidden; font-size: 13px; transition: height 0.35s ease; border-top: 1px solid transparent; }\n.pwai .hm-tool.is-on { height: 42px; }\n.pwai .hm-tool + .hm-tool.is-on { border-top-color: #efece4; }\n.pwai .hm-tool-ic { flex: 0 0 24px; height: 24px; border-radius: 6px; background: #f0eee6; color: #6b6657; display: grid; place-items: center; font-size: 7.5px; font-weight: 700; }\n.pwai .hm-tool-ic svg { width: 14px; height: 14px; }\n.pwai .hm-tool-ic--pw { background: none; }\n.pwai .hm-tool-ic--pw img { width: 24px; height: 24px; display: block; border-radius: 6px; }\n.pwai .hm-tool-n { font-weight: 600; color: #3d3929; }\n.pwai .hm-tool-a { color: #6b6657; }\n.pwai .hm-st { margin-left: auto; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #e3dfd3; border-top-color: #d97757; animation: pwai-spin 0.8s linear infinite; }\n.pwai .hm-tool.is-done .hm-st { animation: none; border: 0; background: #1fa37a url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'\/%3E%3C\/svg%3E\") center \/ 14px no-repeat; }\n.pwai .hm-answer { margin-top: 16px; font-family: ui-serif, Georgia, \"Times New Roman\", serif; font-size: 15.5px; line-height: 1.6; color: #29261b; opacity: 0; transform: translateY(8px); transition: opacity 0.5s ease, transform 0.5s ease; }\n.pwai .hm-answer ul { margin: 6px 0 10px 20px; }\n.pwai .hm-answer li { margin-bottom: 4px; }\n.pwai .hm-answer b { font-weight: 700; }\n.pwai .hm-sum { font-weight: 700; }\n.pwai .hm-thinking { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.3s; }\n.pwai .hm-thinking img { display: block; animation: hm-pulse 1.2s ease-in-out infinite; }\n@keyframes hm-pulse { 0%, 100% { transform: rotate(0) scale(1); } 50% { transform: rotate(30deg) scale(0.85); } }\n.pwai .hm.is-sent .hm-user { opacity: 1; transform: none; }\n.pwai .hm.is-thinking .hm-thinking { opacity: 1; }\n.pwai .hm.is-tools .hm-tools { opacity: 1; }\n.pwai .hm.is-tools .hm-thinking { opacity: 0; }\n.pwai .hm.is-answer .hm-answer { opacity: 1; transform: none; }\n.pwai .hm-composer { width: 700px; height: 112px; margin-bottom: 26px; background: #fff; border: 1px solid #e3dfd3; border-radius: 20px; position: relative; box-shadow: 0 6px 24px -10px rgba(61, 57, 41, 0.2); transition: box-shadow 0.25s, border-color 0.25s; }\n.pwai .hm-composer.is-focus { border-color: #d0c9b7; box-shadow: 0 0 0 4px rgba(217, 119, 87, 0.12), 0 6px 24px -10px rgba(61, 57, 41, 0.2); }\n.pwai .hm-ph, .pwai .hm-typed { position: absolute; left: 18px; right: 18px; top: 14px; font-size: 14px; line-height: 1.45; }\n.pwai .hm-ph { color: #a29e90; transition: opacity 0.2s; }\n.pwai .hm-typed { color: #3d3929; }\n.pwai .hm-typed:not(:empty)::after { content: \"\"; display: inline-block; width: 1.5px; height: 16px; background: #d97757; margin-left: 1px; transform: translateY(3px); animation: hw-blink 1s steps(2) infinite; }\n.pwai .hm-bar { position: absolute; left: 12px; right: 12px; bottom: 10px; display: flex; align-items: center; gap: 8px; }\n.pwai .hm-b { height: 30px; min-width: 30px; padding: 0 8px; border: 1px solid #e3dfd3; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: #6b6657; font-size: 12px; }\n.pwai .hm-b svg { width: 15px; height: 15px; }\n.pwai .hm-b--conn { color: #3d3929; font-weight: 500; }\n.pwai .hm-send { margin-left: auto; width: 32px; height: 32px; border-radius: 8px; background: #d97757; color: #fff; display: grid; place-items: center; transition: transform 0.15s, filter 0.15s; }\n.pwai .hm-send svg { width: 16px; height: 16px; }\n.pwai .hm-send.is-press { transform: scale(0.88); filter: brightness(0.9); }\n\n\/* \u2550\u2550 Szenen-Umschalter \u2550\u2550 *\/\n.pwai .hs-controls { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 80px; }\n.pwai .hs-switch { display: flex; gap: 4px; padding: 4px; border-radius: 24px; background: rgba(2, 10, 38, 0.75); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }\n.pwai .hs-switch button { position: relative; overflow: hidden; height: 36px; padding: 0 14px; border: 0; border-radius: 18px; background: transparent; color: rgba(255, 255, 255, 0.7); font: 600 13px\/1 \"Roboto\", sans-serif; cursor: pointer; transition: background 0.2s, color 0.2s; }\n.pwai .hs-switch button:hover { color: #fff; }\n.pwai .hs-switch button[aria-pressed=\"true\"] { background: rgba(255, 255, 255, 0.14); color: #fff; }\n.pwai .hs-switch button i { position: absolute; left: 14px; right: 14px; bottom: 5px; height: 2px; border-radius: 1px; background: var(--c); transform: scaleX(0); transform-origin: left; }\n.pwai .hs-switch button[aria-pressed=\"true\"] i { transform: scaleX(1); }\n\n@media (max-width: 560px) {\n    .pwai .pwai-hero-nav { display: grid; grid-template-columns: 1fr; width: 100%; }\n    .pwai .pwai-hero-nav a { justify-content: center; height: 52px; font-size: 16px; padding: 0 12px; }\n}\n@media (max-width: 768px) {\n    .pwai h1.pwai-hero-title { font-size: clamp(54px, 14vw, 112px); }\n    .pwai .pwai-hero-sub { font-size: 20px; }\n    .pwai .pwai-hero-window { border-radius: 16px; margin: 40px auto 16px; }\n    .pwai .hs-controls { margin-bottom: 56px; }\n    .pwai .hs-switch { padding: 3px; }\n    .pwai .hs-switch button { height: 30px; padding: 0 10px; font-size: 12px; }\n    .pwai .hs-switch button i { left: 10px; right: 10px; bottom: 4px; }\n}\n@media (prefers-reduced-motion: reduce) {\n    .pwai .pwai-hero-badge .led::after { animation: none; }\n    .pwai .hw-pause-btn { display: none; }\n}\n<\/style>\n<div class=\"pwai\">\n    <section class=\"pwai-hero is-chat\" id=\"hero\" aria-labelledby=\"hero-title\">\n        <div class=\"pwai-hero-waves\" id=\"pwaiHeroWaves\"><\/div>\n\n        <div class=\"container pwai-hero-inner\">\n            <p class=\"pwai-hero-badge\"><span class=\"led\" aria-hidden=\"true\"><\/span>A NEW CHAPTER<\/p>\n            <h1 class=\"pwai-hero-title\" id=\"hero-title\">Pickware&nbsp;AI<\/h1>\n            <p class=\"pwai-hero-sub\">Mit Pickware AI beginnt eine neue Art, mit deinem ERP und WMS f\u00fcr Shopware und Shopify zu arbeiten. F\u00fcr mehr Outcome, rund um die Uhr.<\/p>\n            <nav class=\"pwai-hero-nav\" aria-label=\"Bereiche von Pickware AI\">\n                <a href=\"#chat\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/09\/icon-navi-ai-bot-01_1.svg\" alt=\"\" width=\"38\" height=\"38\">AI Chat<\/a>\n                <a href=\"#mcp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/09\/icon-navi-ai-bot-01.svg\" alt=\"\" width=\"38\" height=\"38\">MCP-Server<\/a>\n                <a href=\"#agents\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/09\/icon-navi-ai-agent-01.svg\" alt=\"\" width=\"38\" height=\"38\">AI Agents<span class=\"new\">Neu<\/span><\/a>\n            <\/nav>\n            <!-- Webinar-Hinweis unter den Hero-Buttons (01, 04). Mit dem Webinar am 28.10.2026 entfernen. -->\n            <a class=\"pwai-event\" href=\"#webinar\">\n                <span class=\"pwai-event-led\" aria-hidden=\"true\"><\/span>\n                <span class=\"pwai-event-txt\"><b>Live-Webinar \u00b7 28. Oktober, 14 Uhr<\/b><span>AI Agents in Aktion mit Samuel Vogel<\/span><\/span>\n                <span class=\"pwai-event-cta\">Zum Webinar anmelden<\/span>\n            <\/a>\n        <\/div>\n\n        <div class=\"container\">\n            <div class=\"pwai-hero-window\">\n                <div id=\"hwWrap\" class=\"hw-wrap\" data-scene=\"chat\" role=\"img\" aria-label=\"Animation: Pickware AI im Einsatz als Chat im ERP, \u00fcber den MCP-Server in Claude und als AI Agent in der Inbox\">\n                    <div id=\"hwStage\" class=\"hw-stage\">\n                        <div class=\"hs-scene hs-chat\" id=\"hsChat\">\n                            <div id=\"hwStageZoom\" class=\"hw-stage-zoom\">\n    \n                                <div class=\"hw-bg-fullshot\"><\/div>\n                                <div class=\"hw-bg-table\"><\/div>\n                                <div class=\"hw-bg-ws1\"><\/div>\n                                <div class=\"hw-bg-ws2\"><\/div>\n    \n                                <div class=\"hw-navi-bar\">\n                                    <div class=\"hw-navi-logo\">P<\/div>\n                                    <div class=\"hw-navi-icon\"><svg viewBox=\"0 0 24 22\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.04938 11H3C3.55228 11 4 11.4477 4 12C4 12.5523 3.55228 13 3 13H2.04958C2.32821 15.7977 3.76679 18.3236 5.99885 20H7.97217C8.52445 20 8.97217 20.4477 8.97217 21C8.97217 21.5523 8.52445 22 7.97217 22H5.67384C5.46771 22 5.26661 21.9363 5.09808 21.8176C1.9267 19.5843 0 15.9533 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 15.9533 22.0733 19.5843 18.9019 21.8176C18.7334 21.9363 18.5323 22 18.3262 22H15.876C15.3237 22 14.876 21.5523 14.876 21C14.876 20.4477 15.3237 20 15.876 20H18.0011C20.2332 18.3236 21.6718 15.7977 21.9504 13H21C20.4477 13 20 12.5523 20 12C20 11.4477 20.4477 11 21 11H21.9506C21.4816 6.27558 17.7244 2.51844 13 2.04938V3C13 3.55228 12.5523 4 12 4C11.4477 4 11 3.55228 11 3V2.04938C6.27558 2.51844 2.51844 6.27558 2.04938 11zM12.7372 12.6757C12.364 13.0828 11.7314 13.1103 11.3243 12.7372C10.9172 12.364 10.8897 11.7314 11.2628 11.3243L15.3535 6.86175C15.7267 6.45463 16.3593 6.42713 16.7664 6.80032C17.1735 7.17352 17.201 7.80608 16.8278 8.2132L12.7372 12.6757z\"\/><\/svg><\/div>\n                                    <div class=\"hw-navi-icon\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.89204 3.00002C6.44433 3.00002 6.89204 3.44774 6.89204 4.00002C6.89204 4.55231 6.44433 5.00002 5.89204 5.00002H3.78955C3.25769 5.00002 2.81888 5.41634 2.79093 5.94746L2.00146 20.9475C1.97243 21.499 2.39599 21.9696 3.00008 22H20.8103C21.3626 22 21.8103 21.5523 21.8089 20.9475L21.0195 5.94744C20.9915 5.41632 20.5527 5 20.0208 5H17.892C17.3398 5 16.892 4.55228 16.892 4C16.892 3.44772 17.3398 3 17.892 3H20.0208C21.6164 3 22.9328 4.24895 23.0167 5.84232L23.8062 20.8423C23.8096 20.9211 23.8096 20.9211 23.8103 21C23.8103 22.6569 22.4672 24 20.8103 24H3.00008C2.9212 23.9993 2.9212 23.9993 2.8424 23.9959C1.18783 23.9088 -0.0828608 22.4969 0.00422151 20.8423L0.793695 5.84235C0.877557 4.24897 2.19397 3.00002 3.78955 3.00002H5.89204ZM9.89204 5C9.89204 5.55228 9.44433 6 8.89204 6C8.33976 6 7.89204 5.55228 7.89204 5V3C7.89204 1.34315 9.23519 0 10.892 0H12.892C14.5489 0 15.892 1.34315 15.892 3V5C15.892 5.55228 15.4443 6 14.892 6C14.3398 6 13.892 5.55228 13.892 5V3C13.892 2.44772 13.4443 2 12.892 2H10.892C10.3398 2 9.89204 2.44772 9.89204 3V5Z\"\/><\/svg><\/div>\n                                    <div class=\"hw-navi-icon\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 9C9.44771 9 9 9.44771 9 10V21C9 21.5523 9.44771 22 10 22H21C21.5523 22 22 21.5523 22 21V10C22 9.44771 21.5523 9 21 9H10ZM15 7V3C15 2.44772 14.5523 2 14 2H3C2.44772 2 2 2.44772 2 3V14C2 14.5523 2.44772 15 3 15H7V10C7 8.34315 8.34315 7 10 7H15ZM17 7H21C22.6569 7 24 8.34315 24 10V21C24 22.6569 22.6569 24 21 24H10C8.34315 24 7 22.6569 7 21V17H3C1.34315 17 0 15.6569 0 14V3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V7Z\"\/><\/svg><\/div>\n                                    <div class=\"hw-navi-icon\"><svg viewBox=\"0 0 24 22\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.99978 1.99992C5.7907 1.99992 3.99989 3.79073 3.99989 5.9998C3.99989 8.20888 5.7907 9.9997 7.99978 9.9997C10.2089 9.9997 11.9997 8.20888 11.9997 5.9998C11.9997 3.79073 10.2089 1.99992 7.99978 1.99992zM7.99978 -0.000028C11.3134 -0.000028 13.9996 2.68619 13.9996 5.9998C13.9996 9.3134 11.3134 11.9996 7.99978 11.9996C4.68616 11.9996 1.99994 9.3134 1.99994 5.9998C1.99994 2.68619 4.68616 -0.000028 7.99978 -0.000028zM1.99994 21.0984C1.99994 21.6507 1.55224 22.0984 0.999972 22.0984C0.447703 22.0984 0 21.6507 0 21.0984V18.9994C0 16.2381 2.23851 13.9996 4.99986 13.9996H11.0004C13.7617 13.9996 16.0003 16.2381 16.0003 18.9994V21.0984C16.0003 21.6507 15.5526 22.0984 15.0003 22.0984C14.448 22.0984 14.0003 21.6507 14.0003 21.0984V18.9994C14.0003 17.3426 12.6572 15.9995 11.0004 15.9995H4.99986C3.34305 15.9995 1.99994 17.3426 1.99994 18.9994V21.0984zM15.8006 2.07995C15.2594 1.97008 14.9097 1.44226 15.0196 0.90103C15.1294 0.3598 15.6572 0.01011 16.1985 0.11997C18.9746 0.68349 20.9994 3.13329 20.9994 5.9998C20.9994 8.86632 18.9746 11.3161 16.1985 11.8796C15.6572 11.9895 15.1294 11.6398 15.0196 11.0986C14.9097 10.5573 15.2594 10.0295 15.8006 9.9197C17.649 9.5445 18.9995 7.91056 18.9995 5.9998C18.9995 4.08905 17.649 2.45514 15.8006 2.07995zM19.0002 15.9995C18.4479 15.9995 18.0002 15.5518 18.0002 14.9996C18.0002 14.4473 18.4479 13.9996 19.0002 13.9996C21.7615 13.9996 24 16.2381 24 18.9994V21.0984C24 21.6507 23.5523 22.0984 23.0001 22.0984C22.4478 22.0984 22.0001 21.6507 22.0001 21.0984V18.9994C22.0001 17.3426 20.657 15.9995 19.0002 15.9995z\"\/><\/svg><\/div>\n                                    <div class=\"hw-navi-icon\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M23.41,5.09l-11-5a1,1,0,0,0-.82,0l-11,5A1,1,0,0,0,0,6V23a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V6A1,1,0,0,0,23.41,5.09ZM6,16H18v2H6Zm12-2H6V12H18ZM6,20H18v2H6Zm16,2H20V11a1,1,0,0,0-1-1H5a1,1,0,0,0-1,1V22H2V6.64L12,2.1,22,6.64Z\"\/><\/svg><\/div>\n                                    <div class=\"hw-navi-icon\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M14.983 4a.88.88 0 01.876.775l.006.102v2.897l3.454.001c.157 0 .31.04.443.116l.097.063.088.077 3.797 3.776a.876.876 0 01.249.506l.007.115v5.393c0 .45-.34.82-.78.871l-.102.006h-1.342l-.006.027a2.765 2.765 0 01-2.344 2.088l-.181.017-.168.005a2.769 2.769 0 01-2.647-1.945l-.052-.193H7.695l-.001.012a2.764 2.764 0 01-2.387 2.27l-.174.016-.17.005a2.767 2.767 0 01-2.698-2.13l-.034-.173-1.349.001a.882.882 0 01-.857-.668l-.02-.107L0 17.82V4.877c0-.45.34-.82.78-.871L.881 4h14.1zM4.95 17.08c-.561 0-1.016.452-1.016 1.01S4.39 19.1 4.95 19.1c.56 0 1.016-.452 1.016-1.01s-.455-1.01-1.016-1.01zm14.1 0c-.56 0-1.016.452-1.016 1.01s.455 1.01 1.016 1.01c.561 0 1.016-.452 1.016-1.01s-.455-1.01-1.016-1.01zM14.1 5.755H1.765v11.188h.667l.052-.11a2.765 2.765 0 012.281-1.5l.185-.006c1.051 0 2 .592 2.466 1.507l.051.109H14.1V5.755zm4.858 3.775h-3.094v7.413h.668l.052-.11a2.765 2.765 0 012.282-1.5l.184-.006c1.052 0 2 .592 2.466 1.507l.051.109h.667v-4.155L18.958 9.53z\"\/><\/svg><\/div>\n                                    <div class=\"hw-navi-icon\"><svg viewBox=\"0 0 32 32\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m31.08,2.6c-.61-.33-1.37-.1-1.69.51l-2.22,4.14h-4.54c-.69,0-1.25.56-1.25,1.25h0c0,.69.56,1.25,1.25,1.25h3.96v16.53c0,.5-.41.9-.9.9H6.3c-.5,0-.9-.41-.9-.9V9.75h3.96c.69,0,1.25-.56,1.25-1.25h0c0-.69-.56-1.25-1.25-1.25h-4.54L2.61,3.11c-.33-.61-1.08-.84-1.69-.51-.61.33-.84,1.08-.51,1.69l2.49,4.65v17.33c0,1.88,1.52,3.4,3.4,3.4h19.39c1.88,0,3.4-1.52,3.4-3.4V8.94l2.49-4.65c.33-.61.1-1.37-.51-1.69Z\"\/><path d=\"m15.12,20.18c.49.49,1.28.49,1.77,0l3.96-3.96c.49-.49.49-1.28,0-1.77h0c-.49-.49-1.28-.49-1.77,0l-1.83,1.83V5.44c0-.69-.56-1.25-1.25-1.25h0c-.69,0-1.25.56-1.25,1.25v10.84l-1.83-1.83c-.49-.49-1.28-.49-1.77,0h0c-.49.49-.49,1.28,0,1.77l3.96,3.96Z\"\/><\/svg><\/div>\n                                    <div class=\"hw-navi-icon\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.1274 13.2868L5.70711 18.7071C5.31658 19.0976 4.68342 19.0976 4.29289 18.7071C3.90237 18.3166 3.90237 17.6834 4.29289 17.2929L10.2929 11.2929C10.63 10.9558 11.1581 10.9035 11.5547 11.1679L13.8726 12.7132L20.2929 6.29289C20.6834 5.90237 21.3166 5.90237 21.7071 6.29289C22.0976 6.68342 22.0976 7.31658 21.7071 7.70711L14.7071 14.7071C14.37 15.0442 13.8419 15.0965 13.4453 14.8321L11.1274 13.2868ZM0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1V21C2 21.5523 2.44772 22 3 22H23C23.5523 22 24 22.4477 24 23C24 23.5523 23.5523 24 23 24H3C1.34315 24 0 22.6569 0 21V1Z\"\/><\/svg><\/div>\n                                <\/div>\n                                <div class=\"hw-navi-trenner\"><\/div>\n    \n                                <div class=\"hw-content-header\" id=\"hwContentHeader\" style=\"left:588px;\">\n                                    <div class=\"hw-header-mask\"><\/div>\n                                    <div class=\"hw-content-title\">Produkte (500)<\/div>\n                                <\/div>\n    \n                                <div class=\"hw-pickware-ai\" id=\"hwPickwareAi\" style=\"left:2154px;\">\n                                    <div class=\"hw-pickware-ui\">\n                                        <div class=\"hw-pw-head\">\n                                            <div class=\"hw-pw-title\"><span class=\"hw-pw-title-pre\">Pickware<\/span> <span class=\"hw-pw-title-ai\">AI<\/span><\/div>\n                                            <div class=\"hw-pw-close\"><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M2 2l14 14M16 2L2 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div>\n                                            <div class=\"hw-pw-tabs\">\n                                                <div class=\"hw-pw-tab\"><span class=\"hw-pw-spin\" id=\"hwTabSpin\"><\/span><span class=\"hw-pw-tab-label\" id=\"hwTabLabel\">Unterhaltung<\/span><svg class=\"hw-pw-tab-x\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M3 3l12 12M15 3L3 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div>\n                                                <div class=\"hw-pw-plus\"><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 2v14M2 9h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"hw-pw-body\">\n                                            <div class=\"hw-pw-empty\" id=\"hwEmpty\">\n                                                <div class=\"hw-pw-eyebrow\"><span><\/span>Neue Konversation<\/div>\n                                                <div class=\"hw-pw-hello\">Gude \ud83d\udc4b<\/div>\n                                                <div class=\"hw-pw-hl\">Was steht an?<\/div>\n                                                <div class=\"hw-pw-lede\">Frag mich nach Bestellungen, Best\u00e4nden, Umsatzentwicklung oder Kunden. Ich antworte direkt aus deinen Shop-Daten.<\/div>\n                                            <\/div>\n                                            <div class=\"hw-pw-quick\" id=\"hwQuick\">\n                                                <div class=\"hw-pw-qa\"><span>Wie viele offene Bestellungen haben wir aktuell?<\/span><i>\u2192<\/i><\/div>\n                                                <div class=\"hw-pw-qa\"><span>Zeig mir den Umsatz der letzten 30 Tage.<\/span><i>\u2192<\/i><\/div>\n                                                <div class=\"hw-pw-qa\"><span>Welche Produkte sind diese Woche am meisten bestellt worden?<\/span><i>\u2192<\/i><\/div>\n                                                <div class=\"hw-pw-qa hw-pw-qa--agent\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2M20 14h2M15 13v2M9 13v2\"\/><\/svg><span>Einen neuen Agenten erstellen<\/span><b>Neu<\/b><i>\u2192<\/i><\/div>\n                                            <\/div>\n                                            <div class=\"hw-pw-msgs\">\n                                                <div class=\"hw-qa-question\" id=\"hwQaQuestion\">Wie lange reicht unser Bestand vom Oversize Tee Washed Black noch?<\/div>\n                                                <div class=\"hw-qa-status\"><div class=\"hw-qa-loading\" id=\"hwQaLoading\"><span class=\"hw-pw-spin\"><\/span>Verwendet Tools \u2026<\/div>\n                                                <div class=\"hw-qa-tool\" id=\"hwQaTool1\"><svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3 3 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verwendet 2 Tools<svg class=\"chev\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/div>\n                                                <div class=\"hw-qa-answer\" id=\"hwQaAnswer\">\n                                                    <p>F\u00fcr <span class=\"hw-er hw-er--p\">Oversize Tee Washed Black<\/span> reicht der Bestand je nach Gr\u00f6\u00dfe unterschiedlich lange:<\/p>\n                                                    <ul>\n                                                        <li><strong>S:<\/strong> ca. 22 Tage \u00b7 52 Stk.<\/li>\n                                                        <li><strong>M:<\/strong> ca. 8 Tage \u00b7 24 Stk. <span class=\"hw-er hw-er--r\">Kritisch<\/span><\/li>\n                                                        <li><strong>L:<\/strong> ca. 18 Tage \u00b7 43 Stk.<\/li>\n                                                    <\/ul>\n                                                    <p>Die Lieferzeit bei <span class=\"hw-er hw-er--c\">TextilPro<\/span> liegt bei 10 Tagen. <strong>Gr\u00f6\u00dfe M<\/strong> solltest du jetzt nachbestellen. Soll ich die Bestellung vorbereiten?<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"hw-input-box\" id=\"hwInputBox\">\n                                                <span class=\"hw-placeholder\" id=\"hwInputPlaceholder\">Frage mich etwas!<\/span>\n                                                <span class=\"hw-typed\" id=\"hwInputTyped\" style=\"display:none;\"><\/span>\n                                                <div class=\"hw-clip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.5 11.5l-8.4 8.4a5 5 0 01-7.1-7.1l8.8-8.8a3.3 3.3 0 014.7 4.7l-8.8 8.8a1.7 1.7 0 01-2.4-2.4l8.1-8.1\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n                                                <div class=\"hw-send\" id=\"hwSendBtn\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 19V5M6 11l6-6 6 6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"hw-pickware-peek\"><\/div>\n                                    <div class=\"hw-ripple\" id=\"hwRipple1\"><\/div>\n                                    <div class=\"hw-ripple wave2\" id=\"hwRipple2\"><\/div>\n                                    <div class=\"hw-ripple wave3\" id=\"hwRipple3\"><\/div>\n                                    <div class=\"hw-pickware-icon\" id=\"hwPickwareIcon\"><svg viewBox=\"0 0 98 99\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><g transform=\"translate(0.607934, 0)\" fill=\"currentColor\"><path d=\"M39.7269153,22.4488086 C39.3474946,23.2838952 39.105501,24.2098478 39.0288219,25.2190965 C38.9255266,26.6071848 39.0636314,27.9947359 39.5089738,29.2542074 L39.5811042,29.4500336 L35.0832248,29.4508444 C33.6654806,29.4508443 32.4831529,29.8131822 30.8580677,30.5768606 L30.2541708,30.865915 C26.6632573,32.6014893 24.1503716,36.0749965 23.4153892,40.0952235 L23.3473518,40.4810558 L23.1029452,41.0920227 C23.0243682,41.2997031 22.9713085,41.4751944 22.9205069,41.7035765 L17.1740497,67.3861437 L13.1068392,85.8045892 C12.7896335,87.2422473 13.2205952,88.6455989 14.1503414,89.7268313 C15.310571,91.0784915 16.9488237,91.43322 18.8456343,91.1593123 L20.5066639,90.9183227 L21.0372143,90.7347225 C22.4141645,90.2484298 23.336665,89.8270561 24.2935106,89.1921263 L24.6019486,89.0001629 L24.940834,88.7976242 L25.2313623,88.6149803 L25.3665525,88.5246049 L26.4354613,87.7952071 L26.8387748,87.4396399 L27.147967,87.1519706 C29.4889408,84.9204119 31.1480284,82.0933113 31.8907528,78.9901902 L32.7094619,75.5641477 L32.8350221,75.1592254 C33.8857715,71.8664376 35.4636717,69.3855809 37.6782177,67.7767099 C40.2106492,65.935461 42.6794263,65.0135732 45.3444253,64.9966038 L52.893281,64.9176047 C56.2535139,64.8956496 59.1835922,63.34336 62.037618,60.5539587 C63.1207916,59.4954513 64.1057414,57.9325969 64.9650226,56.1051694 L65.147,55.7088086 L65.348595,55.9123262 C67.0916851,57.5992267 69.4936284,58.2282051 71.8228368,57.9621351 C70.5581987,60.9363646 68.978649,63.5584177 66.9303637,65.5600588 C62.8989093,69.500228 58.4035828,71.8817509 52.9373474,71.917466 L45.3889969,71.9964619 C44.2962655,72.0034199 43.2108913,72.408719 41.7925625,73.4399393 C40.9219002,74.0724767 40.1386593,75.3039092 39.5110068,77.2641953 L39.464,77.4138086 L38.6984706,80.6196007 C37.6218303,85.1178309 35.2152368,89.1817063 31.8390907,92.3499889 L31.4736671,92.6859997 L31.1009221,93.0150304 L30.7116588,93.351677 L29.3175692,94.3029669 C29.0684907,94.473277 28.8325871,94.6236758 28.5782433,94.7783645 L28.1879009,95.011897 L27.8139478,95.251952 C26.4224693,96.1347566 25.1160841,96.7176065 23.3926014,97.3266824 L22.1582205,97.7519969 L19.8460875,98.0874501 C18.4575138,98.2879662 17.0770557,98.3173171 15.7402708,98.1251179 C11.5640237,98.3214053 5.48399847,97.3678031 2.84276935,94.2907855 C0.553306742,91.6282944 -0.552192927,88.0284275 0.271509455,84.2951964 L4.3429565,65.8576916 L10.0875142,40.1836391 C10.21216,39.6232845 10.3349188,39.2079526 10.4917943,38.780592 L10.5884619,38.525 L10.6566284,38.1983791 C11.9000978,32.4352128 15.5796022,27.4264369 20.8760207,24.728579 L21.2315017,24.5521625 L21.8808962,24.2415272 C24.3590072,23.0769852 26.4021382,22.4508443 29.0812445,22.4508447 L33.7269153,22.4488086 L33.700282,22.5102852 C34.1443785,22.4708249 34.6026645,22.4508446 35.0812445,22.4508447 L39.7269153,22.4488086 Z\"\/><path d=\"M73.3841049,50.4416874 C72.867739,52.1193902 69.8592462,52.6273709 69.1496743,51.0407856 C65.1809018,42.1602362 66.5195431,34.2136422 57.67117,31.5564251 L46.2306169,28.1190135 C45.1426834,27.7921291 44.9448773,26.5700143 45.0115793,25.6736449 C45.0909318,24.6292093 45.875256,23.8854619 47.1759461,23.5084628 L57.3756109,20.5494187 C60.8038667,19.5550978 63.9365634,17.2794357 64.9980461,13.8135498 L68.5965072,2.06051798 C68.9932694,0.765509042 69.9661995,-0.00785161568 71.1725867,0 C72.1811678,0.00809396489 73.256451,0.894212657 73.6026117,2.14366279 L76.1832913,11.450187 C77.1734719,15.021997 78.9249759,18.6872026 82.7350435,19.8762874 L95.8615486,23.9697457 C96.8022777,24.262461 97.0702359,25.4162376 96.9851333,26.1201211 C96.8965806,26.8524789 96.4526669,27.8126306 95.5268883,28.1144577 L82.5015863,32.3719277 C80.4200221,33.0530318 78.018748,35.3810865 77.3850784,37.4403444 L73.3841049,50.4416874 Z\"\/><path d=\"M51.7335708,15.5205192 C51.5746889,16.0367355 50.6489988,16.1930372 50.430669,15.7048571 C49.2095082,12.9723804 49.6213979,10.5272745 46.8988215,9.70966927 L43.3786514,8.65200417 C43.0439026,8.55142435 42.9830392,8.17538901 43.0035629,7.89958304 C43.027979,7.57821826 43.2693095,7.34937289 43.6695219,7.23337317 L46.8078803,6.32289805 C47.8627282,6.01695317 48.8266349,5.31674944 49.153245,4.25032302 L50.2604638,0.634005532 C50.3825444,0.235541244 50.6819075,-0.00241588175 51.0531036,0 C51.3634363,0.00249045074 51.6942926,0.275142356 51.8008036,0.659588551 L52.5948589,3.52313446 C52.8995298,4.62215294 53.4384541,5.7499085 54.6107826,6.11578073 L58.6497073,7.37530636 C58.9391624,7.46537261 59.0216111,7.82038081 58.9954256,8.03696035 C58.9681786,8.26230119 58.8315898,8.55773249 58.5467349,8.65060236 L54.5389496,9.96059313 C53.8984683,10.1701636 53.1596148,10.8864882 52.9646395,11.520106 L51.7335708,15.5205192 Z\"\/><\/g><\/svg><\/div>\n                                <\/div>\n    \n                            <\/div>\n                        <\/div>\n                        <!-- MCP-Szene: MHD-Abverkauf mit Pickware + Klaviyo (Vorzeige-Use-Case der MCP-Seite, Pickware Day Folie 30) -->\n                        <div class=\"hs-scene hs-mcp\" id=\"hsMcp\" aria-hidden=\"true\">\n                        <div class=\"hs-zoom\" id=\"hsMcpZoom\"><div class=\"hs-ui hm\">\n                            <div class=\"hm-side\">\n                                <img loading=\"lazy\" decoding=\"async\" class=\"hm-logo\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/claude-icon.svg\" alt=\"\" width=\"28\" height=\"28\">\n                                <div class=\"hm-si hm-si--new\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/div>\n                                <div class=\"hm-si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><path d=\"M4 5h16v11H9l-5 4z\"\/><\/svg><\/div>\n                                <div class=\"hm-si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18\"\/><\/svg><\/div>\n                                <div class=\"hm-av\">MM<\/div>\n                            <\/div>\n                            <div class=\"hm-main\">\n                                <div class=\"hm-title\">Abverkauf MHD-Ware <svg viewBox=\"0 0 12 12\"><path d=\"M3 4.5l3 3 3-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg><\/div>\n                                <div class=\"hm-col\" id=\"hmCol\">\n                                    <div class=\"hm-user\" id=\"hmUser\">Welche Produkte haben in den n\u00e4chsten 60 Tagen ihr MHD und noch nennenswerten Bestand? Erstelle daraus in Klaviyo eine Kampagne mit Rabatt f\u00fcr alle Kunden, die sie schon gekauft haben.<\/div>\n                                    <div class=\"hm-ai\">\n                                        <div class=\"hm-tools\" id=\"hmTools\">\n                                            <div class=\"hm-tool\"><span class=\"hm-tool-ic hm-tool-ic--pw\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2022\/09\/favicon.svg\" alt=\"\" width=\"24\" height=\"24\"><\/span><span class=\"hm-tool-n\">Pickware<\/span><span class=\"hm-tool-a\">Produkte mit MHD in 60 Tagen finden<\/span><i class=\"hm-st\"><\/i><\/div>\n                                            <div class=\"hm-tool\"><span class=\"hm-tool-ic hm-tool-ic--pw\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2022\/09\/favicon.svg\" alt=\"\" width=\"24\" height=\"24\"><\/span><span class=\"hm-tool-n\">Pickware<\/span><span class=\"hm-tool-a\">K\u00e4ufer dieser Artikel ermitteln<\/span><i class=\"hm-st\"><\/i><\/div>\n                                            <div class=\"hm-tool\"><span class=\"hm-tool-ic\">KL<\/span><span class=\"hm-tool-n\">Klaviyo<\/span><span class=\"hm-tool-a\">Segment anlegen<\/span><i class=\"hm-st\"><\/i><\/div>\n                                            <div class=\"hm-tool\"><span class=\"hm-tool-ic\">KL<\/span><span class=\"hm-tool-n\">Klaviyo<\/span><span class=\"hm-tool-a\">Kampagnen-Entwurf erstellen<\/span><i class=\"hm-st\"><\/i><\/div>\n                                        <\/div>\n                                        <div class=\"hm-answer\" id=\"hmAnswer\">\n                                            <p>Die Abverkaufskampagne ist vorbereitet:<\/p>\n                                            <ul>\n                                                <li><b>Pickware:<\/b> 4 Produkte mit MHD in den n\u00e4chsten 60 Tagen, zusammen 1.465 St\u00fcck auf Lager.<\/li>\n                                                <li><b>Pickware:<\/b> 1.284 Kunden haben diese Artikel schon gekauft.<\/li>\n                                                <li><b>Klaviyo:<\/b> Segment und Kampagnen-Entwurf mit 25 % Rabatt liegen zur Freigabe bereit.<\/li>\n                                            <\/ul>\n                                            <p class=\"hm-sum\">2 Systeme, 1 Prompt, 1 Kampagne.<\/p>\n                                        <\/div>\n                                        <div class=\"hm-thinking\" id=\"hmThinking\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/claude-icon.svg\" alt=\"\" width=\"22\" height=\"22\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"hm-composer\" id=\"hmComposer\">\n                                    <span class=\"hm-ph\" id=\"hmPh\">Schreib eine Nachricht \u2026<\/span>\n                                    <span class=\"hm-typed\" id=\"hmTyped\"><\/span>\n                                    <div class=\"hm-bar\">\n                                        <span class=\"hm-b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/span>\n                                        <span class=\"hm-b hm-b--conn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9 7V3M15 7V3M7 7h10v4a5 5 0 01-10 0zM12 16v5\"\/><\/svg>Pickware<\/span>\n                                        <span class=\"hm-send\" id=\"hmSend\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 19V5M6 11l6-6 6 6\"\/><\/svg><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div><\/div>\n                        <\/div>\n                        <div class=\"hs-scene hs-agents\" id=\"hsAgents\" aria-hidden=\"true\">\n                        <div class=\"hs-zoom\" id=\"hsAgentsZoom\"><div class=\"hs-ui ha\">\n                            <div class=\"ha-rail\">\n                                <div class=\"ha-logo\">P<\/div>\n                                <div class=\"ha-ri is-active\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2M20 14h2M15 13v2M9 13v2\"\/><\/svg><\/div>\n                                <div class=\"ha-ri\" style=\"color:#69D6F0\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"13\" r=\"8\"\/><path d=\"M12 13l4-4\" stroke-linecap=\"round\"\/><\/svg><\/div>\n                                <div class=\"ha-ri\" style=\"color:#A092F0\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><path d=\"M6 7h12l1 14H5zM9 7V5a3 3 0 016 0v2\"\/><\/svg><\/div>\n                                <div class=\"ha-ri\" style=\"color:#57D9A3\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"12\" height=\"12\" rx=\"2\"\/><path d=\"M15 9V4H3v12h6\"\/><\/svg><\/div>\n                                <div class=\"ha-ri\" style=\"color:#F88962\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M2 21v-2a5 5 0 015-5h4a5 5 0 015 5v2M16 3a4 4 0 010 8M22 21v-2a5 5 0 00-4-4.9\"\/><\/svg><\/div>\n                                <div class=\"ha-ri\" style=\"color:#17A6EB\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><path d=\"M2 8l10-5 10 5v13H2zM6 21v-9h12v9M6 16h12\"\/><\/svg><\/div>\n                                <div class=\"ha-ri\" style=\"color:#17A6EB\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"6\" width=\"14\" height=\"11\"\/><path d=\"M15 9h4l4 4v4h-8\"\/><circle cx=\"6\" cy=\"18\" r=\"2\"\/><circle cx=\"18\" cy=\"18\" r=\"2\"\/><\/svg><\/div>\n                                <div class=\"ha-ri\" style=\"color:#17A6EB\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 3v18h18M7 15l4-4 3 3 6-6\"\/><\/svg><\/div>\n                                <div class=\"ha-avatar\">PG<\/div>\n                            <\/div>\n                            <div class=\"ha-main\">\n                                <div class=\"ha-top\">\n                                    <div class=\"ha-search\"><span class=\"ha-search-chip\">Agenten <svg viewBox=\"0 0 12 12\"><path d=\"M3 4.5l3 3 3-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg><\/span><span class=\"ha-search-ph\">Durchsuche die Agenten \u2026<\/span><svg class=\"ha-search-ic\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M20 20l-4-4\" stroke-linecap=\"round\"\/><\/svg><\/div>\n                                    <div class=\"ha-top-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><path d=\"M6 16V11a6 6 0 0112 0v5l2 2H4zM10 21h4\"\/><\/svg><\/div>\n                                    <div class=\"ha-top-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.5 9.5a2.5 2.5 0 015 .5c0 1.5-2.5 2-2.5 3.5M12 17h.01\" stroke-linecap=\"round\"\/><\/svg><\/div>\n                                <\/div>\n                                <div class=\"ha-head\">\n                                    <div class=\"ha-head-title\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2M20 14h2M15 13v2M9 13v2\"\/><\/svg>Agenten<\/div>\n                                    <div class=\"ha-tab is-active\">Inbox <b id=\"haInboxCount\">1<\/b><\/div>\n                                    <div class=\"ha-tab\">Agenten <b>8<\/b><\/div>\n                                    <div class=\"ha-tab\">Wissen <b>3<\/b><\/div>\n                                    <div class=\"ha-create\">+ Agent erstellen<\/div>\n                                <\/div>\n                                <div class=\"ha-sub\"><span class=\"ha-pill\">Offen <b id=\"haOpenCount\">1<\/b><\/span><span>Wartet auf Agent<\/span><span>Archiv<\/span><\/div>\n                                <div class=\"ha-body\">\n                                    <div class=\"ha-list\">\n                                        <div class=\"ha-list-h\">Nachrichten <b id=\"haMsgCount\">1<\/b><\/div>\n                                        <div class=\"ha-item ha-item--new\" id=\"haItemNew\">\n                                            <div class=\"ha-item-k is-help\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 11V6a2 2 0 00-4 0M14 10V4a2 2 0 00-4 0v2M10 10.5V6a2 2 0 00-4 0v8a8 8 0 0016 0v-2a2 2 0 00-4 0\"\/><\/svg>Ich brauche Deine Hilfe<span>09.09.2026 \u00b7 08:12<\/span><\/div>\n                                            <div class=\"ha-item-t\">Lieferavis zu LB-3178 fehlt<\/div>\n                                            <div class=\"ha-item-p\">Die Lieferung ist f\u00fcr den 15. September zugesagt, aber ein Lieferavis fehlt noch. 17 Kundenauftr\u00e4ge warten auf die Ware.<\/div>\n                                            <div class=\"ha-item-m\"><code>#3011<\/code>Lieferantenagent \u00b7 Max Mustermann<\/div>\n                                        <\/div>\n                                        <div class=\"ha-item\">\n                                            <div class=\"ha-item-k\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><path d=\"M4 5h16v11H9l-5 4z\"\/><\/svg>F\u00fcr Dich zur Info<span>09.09.2026 \u00b7 07:05<\/span><\/div>\n                                            <div class=\"ha-item-t\"><i class=\"ha-dot\"><\/i>Dein Lagerbriefing f\u00fcr heute<\/div>\n                                            <div class=\"ha-item-p\">146 offene Auftr\u00e4ge. Starte mit 37 Einpositionsauftr\u00e4gen und priorisiere 12 Speditionsauftr\u00e4ge vor 11:00 Uhr.<\/div>\n                                            <div class=\"ha-item-m\"><code>#3012<\/code>Lagerleiter-Agent \u00b7 Max Mustermann<\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ha-detail\">\n                                        <div class=\"ha-empty\" id=\"haEmpty\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><path d=\"M4 5h16v11H9l-5 4z\"\/><\/svg>W\u00e4hle eine Nachricht aus<\/div>\n                                        <div class=\"ha-case\" id=\"haCase\">\n                                            <div class=\"ha-case-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 11V6a2 2 0 00-4 0M14 10V4a2 2 0 00-4 0v2M10 10.5V6a2 2 0 00-4 0v8a8 8 0 0016 0v-2a2 2 0 00-4 0\"\/><\/svg><\/div>\n                                            <div class=\"ha-case-txt\">\n                                                <div class=\"ha-case-t\">Fehlendes Lieferavis bei Clothing Company kl\u00e4ren<\/div>\n                                                <div class=\"ha-case-m\"><code>#3011<\/code>Lieferantenagent \u00b7 Max Mustermann<\/div>\n                                            <\/div>\n                                            <div class=\"ha-done\" id=\"haDone\"><svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3 3 7-7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Erledigt<\/div>\n                                        <\/div>\n                                        <div class=\"ha-feed\" id=\"haFeed\">\n                                            <div class=\"ha-day ha-step\">Mittwoch, 9. September 2026<\/div>\n                                            <div class=\"ha-run ha-step\">Lieferantenagent \u00b7 09.09.2026 \u00b7 08:12<\/div>\n                                            <div class=\"ha-card ha-step\">\n                                                <div class=\"ha-card-h\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 11V6a2 2 0 00-4 0M14 10V4a2 2 0 00-4 0v2M10 10.5V6a2 2 0 00-4 0v8a8 8 0 0016 0v-2a2 2 0 00-4 0\"\/><\/svg>Ich brauche Deine Hilfe<\/div>\n                                                <div class=\"ha-card-b\">\n                                                    <div class=\"ha-h\">Was jetzt zu tun ist<\/div>\n                                                    <p>F\u00fcr <span class=\"ha-er ha-er--o\">Lieferantenbestellung LB-3178<\/span> von <span class=\"ha-er ha-er--c\">Clothing Company GmbH<\/span> ist die Lieferung f\u00fcr den <b>15. September<\/b> zugesagt. <b>Ein Lieferavis ist bisher aber noch nicht eingegangen.<\/b><\/p>\n                                                    <p>F\u00fcr eine p\u00fcnktliche Zustellung m\u00fcsste die Ware inzwischen unterwegs sein. Auf die Lieferung warten aktuell <b>17 Kundenauftr\u00e4ge<\/b>. Ich w\u00fcrde deshalb jetzt beim Lieferanten nachfragen.<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"ha-contact ha-step\">\n                                                <div class=\"ha-contact-av\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7z\"\/><\/svg><\/div>\n                                                <div><div class=\"ha-k\">Direktkontakt beim Lieferanten<\/div><b>Laura Beck<\/b><span>Clothing Company GmbH \u00b7 +49 40 555 83 21<\/span><\/div>\n                                            <\/div>\n                                            <div class=\"ha-mail ha-step\" id=\"haMail\">\n                                                <div class=\"ha-k\">Vom Agenten vorbereitet \u00b7 E-Mail<\/div>\n                                                <div class=\"ha-mail-row\"><span>An<\/span>Laura Beck &lt;laura.beck@clothing-company.example&gt;<\/div>\n                                                <div class=\"ha-mail-row\"><span>Betreff<\/span>Lieferavis zu LB-3178<\/div>\n                                                <div class=\"ha-mail-body\">Hallo Frau Beck,<br><br>f\u00fcr unsere <b>Lieferantenbestellung LB-3178<\/b> ist die Lieferung f\u00fcr den <b>15. September<\/b> angek\u00fcndigt. Ein Lieferavis haben wir bislang noch nicht erhalten. K\u00f6nnen Sie uns bitte kurz best\u00e4tigen, ob die Ware bereits versendet wurde?<br><br>Viele Gr\u00fc\u00dfe<br>Max Mustermann<\/div>\n                                                <div class=\"ha-mail-actions\"><span class=\"ha-btn-sec\">Bearbeiten<\/span><span class=\"ha-btn\" id=\"haSend\">E-Mail senden<\/span><\/div>\n                                            <\/div>\n                                            <div class=\"ha-sent ha-step\" id=\"haSent\">E-Mail an Laura Beck gesendet \u00b7 08:14<\/div>\n                                        <\/div>\n                                        <div class=\"ha-prompt\">Frag Deinen Agenten zu diesem Fall \u2026<i><\/i><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"hs-cursor\" id=\"haCursor\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 3l14 8-6 1.5L10 19z\" fill=\"#1e1e24\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n                        <\/div><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"hs-controls\">\n                <button id=\"hwPauseBtn\" class=\"hw-pause-btn\" type=\"button\" aria-label=\"Animation pausieren\">\n                    <svg class=\"hw-icon-pause\" viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\/><rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\/><\/svg>\n                    <svg class=\"hw-icon-play\" viewBox=\"0 0 24 24\"><path d=\"M7 4.5L19 12L7 19.5Z\"\/><\/svg>\n                <\/button>\n                <div class=\"hs-switch\" role=\"group\" aria-label=\"Szene w\u00e4hlen\">\n                    <button type=\"button\" data-scene=\"chat\" aria-pressed=\"true\" style=\"--c:#09a7ff\">AI Chat<i><\/i><\/button>\n                    <button type=\"button\" data-scene=\"mcp\" aria-pressed=\"false\" style=\"--c:#836bff\">MCP-Server<i><\/i><\/button>\n                    <button type=\"button\" data-scene=\"agents\" aria-pressed=\"false\" style=\"--c:#f155a0\">AI Agents<i><\/i><\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n<script>\n\/* \u2550\u2550 Pickware AI \u00b7 Runtime \u2013 einmal pro Seite \u2550\u2550\n   window.pwAi.inAdmin            true im WordPress-Editor (dort keine Animationen)\n   window.pwAi.reduced            prefers-reduced-motion\n   window.pwAi.onReady(fn)        nach DOM-Aufbau (alle Bl\u00f6cke geparst)\n   window.pwAi.whenVisible(el, on, off, opts)\n   window.pwAi.dither(canvas, opt) WebGL2-Bayer-Dither\n   Deklarativ:\n     <canvas class=\"dither\" data-dither='{\"front\":\"#F155A0\",\"shape\":4,\"type\":4,\"px\":3,\"speed\":0.6}'>\n     data-reveal \/ data-reveal-stagger  \u2192 Einblenden per GSAP ScrollTrigger\n     Klick auf .pwai a[href^=\"#\"]         \u2192 eigenes Scrollen zur Sprungmarke (misst das Ziel laufend neu)\n*\/\n(function(){\n  var pw = window.pwAi = window.pwAi || {};\n  pw.inAdmin = false;\n  try{ if(window.top){ if(\/\\\/wp-admin\\\/\/.test(window.top.location.pathname)) pw.inAdmin = true; } }catch(e){}\n  pw.reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  pw.onReady = function(fn){ if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', fn); } else { fn(); } };\n  pw.whenVisible = function(el, on, off, opts){\n    if(!('IntersectionObserver' in window)){ on(); return; }\n    new IntersectionObserver(function(entries){\n      entries.forEach(function(e){ if(e.isIntersecting){ on(); } else if(off){ off(); } });\n    }, opts || {rootMargin: '80px'}).observe(el);\n  };\n  if(pw.inAdmin) return;\n\n  \/* \u2500\u2500 Sprungmarken (#webinar, #chat \u2026) \u2500\u2500\n     Eigenes Scrollen statt der Theme-Funktion. Das Theme rechnet das Ziel nur einmal beim Klick aus und bleibt zu fr\u00fch stehen,\n     wenn sich w\u00e4hrenddessen etwas verschiebt (vor allem, solange die Seite noch l\u00e4dt). Hier wird das Ziel in jedem Schritt neu gemessen.\n     Nach dem Ankommen h\u00e4lt das Script die Position, bis die Seite fertig geladen ist und nichts mehr w\u00e4chst.\n     L\u00e4uft sofort (nicht erst nach DOMContentLoaded), damit auch Klicks w\u00e4hrend des Ladens greifen. FAQ-Links behalten ihre eigene Logik. *\/\n  var jump = {token: 0, hold: null, started: 0};\n  \/* Diagnose: Seite mit ?pwdebug=1 aufrufen, danach in der Konsole copy(JSON.stringify(pwAiDebug)) *\/\n  var dbg = null;\n  if(\/[?&]pwdebug=1\/.test(location.search)){\n    dbg = window.pwAiDebug = {ua: navigator.userAgent, fenster: window.innerWidth + 'x' + window.innerHeight, log: []};\n    try{\n      new PerformanceObserver(function(list){ list.getEntries().forEach(function(e){\n        dbg.log.push([Math.round(e.startTime), 'verschiebung', +e.value.toFixed(3), (e.sources || []).map(function(x){ return x.node ? String(x.node.id || x.node.className || x.node.nodeName).slice(0, 50) : '?'; })]);\n      }); }).observe({type: 'layout-shift', buffered: true});\n    }catch(err){}\n    ['DOMContentLoaded', 'load'].forEach(function(n){ window.addEventListener(n, function(){ dbg.log.push([Math.round(performance.now()), n]); }); });\n  }\n  function L(){ if(dbg){ var a = [Math.round(performance.now())]; for(var i = 0; i < arguments.length; i++) a.push(arguments[i]); dbg.log.push(a); } }\n  function headerOffset(down){\n    var h = document.querySelector('.pw-page-header');\n    if(!h) return 24;\n    var pos = getComputedStyle(h).position;\n    if(pos !== 'sticky'){ if(pos !== 'fixed') return 24; }\n    return down ? 40 : h.offsetHeight + 40; \/* runter: Header blendet sich aus, hoch: Header bleibt sichtbar *\/\n  }\n  function targetY(el, down){\n    \/* Abstand oben: Header (bzw. 40 px, wenn er sich ausblendet), mindestens aber scroll-margin-top der Sektion (FAQ mobil: Kategorie-Leiste) *\/\n    var off = Math.max(headerOffset(down), parseFloat(getComputedStyle(el).scrollMarginTop) || 0);\n    return Math.max(0, Math.round(el.getBoundingClientRect().top + window.pageYOffset - off));\n  }\n  function scrollToEl(el, instant){\n    \/* weiches Scrollen des Browsers; verschiebt sich das Ziel unterwegs oder nach dem Ankommen (Seite l\u00e4dt noch),\n       wird es sanft nachgef\u00fchrt statt hart gesprungen. L\u00e4uft, bis die Seite fertig ist, plus 1,5 s. *\/\n    var tok = ++jump.token, down = targetY(el, true) > window.pageYOffset, aim = targetY(el, down), until = Date.now() + 1500, hardStop = Date.now() + 20000, lastY = -1, still = 0, pushes = 0;\n    jump.started = Date.now(); L('start', el.id, aim, Math.round(window.pageYOffset), document.readyState);\n    clearInterval(jump.hold);\n    if(instant || pw.reduced){ window.scrollTo(0, aim); } else { window.scrollTo({top: aim, behavior: 'smooth'}); }\n    jump.hold = setInterval(function(){\n      if(tok !== jump.token){ clearInterval(jump.hold); return; }\n      var t = targetY(el, down);\n      if(Math.abs(t - aim) > 6){\n        L('neues Ziel', aim, t, Math.round(window.pageYOffset)); aim = t; \/* Ziel hat sich verschoben: neu ansteuern *\/\n        if(pw.reduced){ window.scrollTo(0, aim); } else { window.scrollTo({top: aim, behavior: 'smooth'}); }\n      }\n      var y = window.pageYOffset, maxY = document.documentElement.scrollHeight - window.innerHeight, off = Math.abs(y - Math.min(aim, maxY)); \/* am Seitenende kann das Ziel nicht ganz erreicht werden *\/\n      \/* Seite steht, ist aber nicht am Ziel (z. B. hat das Theme mit eigener, zu fr\u00fch berechneter Animation dazwischengefunkt): nachschieben *\/\n      if(off > 3){ if(Math.abs(y - lastY) < 1){ still++; } else { still = 0; } } else { still = 0; }\n      if(still >= 2){\n        still = 0; pushes++;\n        L('nachgeschoben', aim, Math.round(y), pushes);\n        if(pushes > 2){ window.scrollTo(0, aim); } else if(pw.reduced){ window.scrollTo(0, aim); } else { window.scrollTo({top: aim, behavior: 'smooth'}); }\n      }\n      lastY = y;\n      if(document.readyState !== 'complete') until = Date.now() + 1500;\n      if(off > 3) until = Math.max(until, Date.now() + 400); \/* noch unterwegs *\/\n      if(dbg){ L('tick', aim, Math.round(window.pageYOffset), document.readyState); }\n      if(Date.now() > Math.min(until, hardStop)){ L('fertig', aim, Math.round(window.pageYOffset)); clearInterval(jump.hold); }\n    }, 100);\n  }\n  function stopJump(reason){\n    if(!jump.hold) return;\n    L('abbruch', reason, Math.round(window.pageYOffset));\n    jump.token++; clearInterval(jump.hold); jump.hold = null;\n  }\n  \/* eigenes Scrollen beendet das Nachf\u00fchren. Mausrad erst nach 700 ms (Trackpad-Nachlauf von vorher z\u00e4hlt nicht) *\/\n  function userWheel(){ if(Date.now() - jump.started > 700) stopJump('mausrad'); }\n  function jumpTarget(href, withFaq){\n    if(!href) return null;\n    if(href.length < 2) return null;\n    if(href.charAt(0) !== '#') return null;\n    if(href.indexOf('#faq-') === 0){ if(!withFaq) return null; }\n    var el = document.getElementById(decodeURIComponent(href.slice(1)));\n    if(!el) return null;\n    return el.closest('.pwai') ? el : null;\n  }\n  window.addEventListener('wheel', userWheel, {passive: true});\n  window.addEventListener('touchstart', function(){ stopJump('touch'); }, {passive: true});\n  window.addEventListener('mousedown', function(e){ if(e.target === document.documentElement) stopJump('scrollbalken'); }, true);\n  window.addEventListener('keydown', function(e){ if(['ArrowDown', 'ArrowUp', 'PageDown', 'PageUp', 'Home', 'End', ' '].indexOf(e.key) > -1) stopJump('taste'); });\n  window.addEventListener('click', function(e){\n    var a = e.target.closest ? e.target.closest('a[href^=\"#\"]') : null;\n    if(!a) return;\n    if(!a.closest('.pwai')) return;\n    if(a.closest('.pwai-faqx-nav')) return;\n    var href = a.getAttribute('href'), el = jumpTarget(href);\n    L('klick', href, document.readyState, el ? 'ziel da' : 'ziel fehlt');\n    if(!el){\n      \/* Seite baut sich noch auf und das Ziel ist noch nicht im Dokument: merken und anspringen, sobald es da ist *\/\n      if(document.readyState !== 'loading') return;\n      if(href.indexOf('#faq-') === 0) return;\n      e.preventDefault(); e.stopPropagation();\n      var tok = ++jump.token;\n      document.addEventListener('DOMContentLoaded', function(){ if(tok !== jump.token) return; var later = jumpTarget(href); if(later) scrollToEl(later); });\n      if(location.hash !== href){ try{ history.pushState(null, '', href); }catch(err){} }\n      return;\n    }\n    e.preventDefault(); e.stopPropagation(); \/* Theme-Handler am document nicht mehr ausl\u00f6sen *\/\n    scrollToEl(el);\n    if(location.hash !== href){ try{ history.pushState(null, '', href); }catch(err){} }\n  }, true);\n  \/* Seite wird mit Sprungmarke aufgerufen (z. B. \/de\/pickware-ai#webinar): Ziel halten, bis alles geladen ist *\/\n  \/* (erst nach dem Aufbau pr\u00fcfen: beim Ausf\u00fchren dieses Scripts im ersten Block gibt es das Ziel meist noch nicht) *\/\n  \/* Aufruf mit #\u2026 in der Adresse (auch direkte Links auf FAQ-Fragen): FAQ-Frage vorher aufklappen, dann Ziel ansteuern und halten.\n     Das Theme animiert beim Aufbau ebenfalls zu #\u2026, mit zu fr\u00fch berechnetem Ziel; der W\u00e4chter in scrollToEl schiebt danach nach. *\/\n  var initialJump = function(){\n    var el = jumpTarget(location.hash, true);\n    if(!el) return;\n    if(el.tagName === 'DETAILS') el.open = true;\n    scrollToEl(el, true);\n  };\n  if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', initialJump); } else { initialJump(); }\n\n  \/* \u2500\u2500 Dither-Shader \u2500\u2500 *\/\n  var vertSrc = '#version 300 es\\nprecision mediump float;\\nlayout(location=0) in vec4 a_position;\\nvoid main(){ gl_Position = a_position; }';\n  var fragSrc = ['#version 300 es','precision mediump float;',\n  'uniform float u_time;uniform vec2 u_resolution;uniform vec4 u_colorBack;uniform vec4 u_colorFront;uniform float u_shape;uniform float u_type;uniform float u_pxSize;',\n  'out vec4 fragColor;','#define TWO_PI 6.28318530718',\n  'const int bayer2x2[4]=int[4](0,2,3,1);',\n  'const int bayer4x4[16]=int[16](0,8,2,10,12,4,14,6,3,11,1,9,15,7,13,5);',\n  'const int bayer8x8[64]=int[64](0,32,8,40,2,34,10,42,48,16,56,24,50,18,58,26,12,44,4,36,14,46,6,38,60,28,52,20,62,30,54,22,3,35,11,43,1,33,9,41,51,19,59,27,49,17,57,25,15,47,7,39,13,45,5,37,63,31,55,23,61,29,53,21);',\n  'float getBayerValue(vec2 uv,int size){ivec2 pos=ivec2(mod(uv,float(size)));int index=pos.y*size+pos.x;if(size==2)return float(bayer2x2[index])\/4.0;else if(size==4)return float(bayer4x4[index])\/16.0;else if(size==8)return float(bayer8x8[index])\/64.0;return 0.0;}',\n  \/* 2D-Simplex-Noise (f\u00fcr Form 9 Hex), aus der Dither-Galerie *\/\n  'vec3 permute(vec3 x){return mod(((x*34.0)+1.0)*x,289.0);}',\n  'float snoise(vec2 v){const vec4 C=vec4(0.211324865405187,0.366025403784439,-0.577350269189626,0.024390243902439);vec2 i=floor(v+dot(v,C.yy));vec2 x0=v-i+dot(i,C.xx);vec2 i1;i1=(x0.x>x0.y)?vec2(1.,0.):vec2(0.,1.);vec4 x12=x0.xyxy+C.xxzz;x12.xy-=i1;i=mod(i,289.);vec3 p=permute(permute(i.y+vec3(0.,i1.y,1.))+i.x+vec3(0.,i1.x,1.));vec3 m=max(.5-vec3(dot(x0,x0),dot(x12.xy,x12.xy),dot(x12.zw,x12.zw)),0.);m=m*m;m=m*m;vec3 x=2.*fract(p*C.www)-1.;vec3 h=abs(x)-.5;vec3 ox=floor(x+.5);vec3 a0=x-ox;m*=1.79284291400159-.85373472095314*(a0*a0+h*h);vec3 g;g.x=a0.x*x0.x+h.x*x0.y;g.yz=a0.yz*x12.xz+h.yz*x12.yw;return 130.*dot(m,g);}',\n  'void main(){',\n  'float t=.5*u_time;',\n  'float pxSize=u_pxSize;vec2 pxSizeUv=gl_FragCoord.xy;pxSizeUv-=.5*u_resolution;pxSizeUv\/=pxSize;',\n  'vec2 pixelizedUv=floor(pxSizeUv)*pxSize\/u_resolution.xy;',\n  'vec2 shape_uv=pixelizedUv;vec2 dithering_uv=pxSizeUv;float shape=0.;',\n  'if(u_shape<4.5){shape_uv*=4.;float wave=cos(.5*shape_uv.x-2.*t)*sin(1.5*shape_uv.x+t)*(.75+.25*cos(3.*t));shape=1.-smoothstep(-1.,1.,shape_uv.y+wave);}',\n  'else if(u_shape<5.5){float dist=length(shape_uv);shape=sin(pow(dist,1.7)*7.-3.*t)*.5+.5;}',\n  'else if(u_shape<6.5){float l=length(shape_uv);float angle=6.*atan(shape_uv.y,shape_uv.x)+4.*t;float twist=1.2;float offset=pow(l,-twist)+angle\/TWO_PI;float mid=smoothstep(0.,1.,pow(l,twist));shape=mix(0.,fract(offset),mid);}',\n  'else if(u_shape<7.5){vec2 p=shape_uv*2.4;vec2 n[7];float phase[7];for(int i=0;i<7;i++){float fi=float(i);float a=fi*.9+t*(.18+fi*.04);float r=.55+.35*sin(t*.4+fi*1.7);n[i]=vec2(cos(a*1.1+fi)*r+.28*sin(t*.7+fi*2.3),sin(a*.9+fi*.6)*r+.28*cos(t*.55+fi*1.9));phase[i]=fract(t*(.55+fi*.09)+fi*.37);}float val=0.;for(int i=0;i<7;i++){float d=length(p-n[i]);val=max(val,exp(-d*22.)*.9);float ph=phase[i];float ringR=ph*.9;float ringA=pow(1.-ph,1.3);val=max(val,exp(-pow((d-ringR)*40.,2.))*ringA*.75);}for(int i=0;i<7;i++){for(int j=0;j<7;j++){if(j<=i)continue;vec2 a=n[i];vec2 b=n[j];vec2 ab=b-a;float L=length(ab);float gate=smoothstep(1.2,.3,L);if(gate<=.001)continue;vec2 ap=p-a;float h=clamp(dot(ap,ab)\/(L*L+.0001),0.,1.);float dSeg=length(ap-ab*h);float line=exp(-pow(dSeg*55.,2.))*.65*gate;float sparkPos=fract(t*.8+float(i)*.31+float(j)*.17);vec2 sparkPt=mix(a,b,sparkPos);float dSpark=length(p-sparkPt);float spark=exp(-dSpark*28.)*.85*gate;val=max(val,line);val=max(val,spark);}}shape=clamp(val,0.,1.);}',\n  \/* 8 Sphere: beleuchtete Kugel mit wanderndem Licht (aus der Dither-Galerie), oben rechts versetzt, damit sie hinter UI-Karten hervorschaut *\/\n  'else if(u_shape<8.5){float asp=u_resolution.x\/u_resolution.y;vec2 suv=(vec2(shape_uv.x*asp,shape_uv.y)-vec2(.3*asp,.26))*1.7;float dd=1.-dot(suv,suv);vec3 pos=vec3(suv,sqrt(max(dd,0.)));vec3 lp=normalize(vec3(cos(1.5*t),.8,sin(1.25*t)));shape=(.5+.5*dot(lp,pos))*step(0.,dd);}',\n  \/* 9 Hex: sechseckige Wellen mit leichter Noise-Verzerrung (aus der Dither-Galerie), seitenrichtig *\/\n  'else{vec2 suv=vec2(shape_uv.x*u_resolution.x\/u_resolution.y,shape_uv.y)*3.5;vec2 a=abs(suv);float hexDist=max(a.x*.866025+a.y*.5,a.y);float distort=snoise(suv*1.2+vec2(t*.4,-t*.3))*.18;float d=hexDist+distort;shape=sin(pow(max(d,.001),1.4)*6.5-3.*t)*.5+.5;}',\n  'int type=int(floor(u_type));float dithering=0.;',\n  'if(type==2)dithering=getBayerValue(dithering_uv,2);else if(type==3)dithering=getBayerValue(dithering_uv,4);else dithering=getBayerValue(dithering_uv,8);',\n  'dithering-=.5;float res=step(.5,shape+dithering);',\n  'vec3 fgColor=u_colorFront.rgb*u_colorFront.a;float fgOpacity=u_colorFront.a;vec3 bgColor=u_colorBack.rgb*u_colorBack.a;float bgOpacity=u_colorBack.a;',\n  'vec3 color=fgColor*res;float opacity=fgOpacity*res;color+=bgColor*(1.-opacity);opacity+=bgOpacity*(1.-opacity);fragColor=vec4(color,opacity);',\n  '}'].join('\\n');\n\n  function hexToRgba(hex){ var m = \/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$\/i.exec(hex); if(!m) return [0,0,0,1]; return [parseInt(m[1],16)\/255, parseInt(m[2],16)\/255, parseInt(m[3],16)\/255, 1]; }\n  function compile(gl, type, src){ var s = gl.createShader(type); gl.shaderSource(s, src); gl.compileShader(s); if(!gl.getShaderParameter(s, gl.COMPILE_STATUS)){ console.error(gl.getShaderInfoLog(s)); gl.deleteShader(s); return null; } return s; }\n\n  \/* opt: back, front (Hex), shape (4 Welle \u00b7 5 Ringe \u00b7 6 Spirale \u00b7 7 Netzwerk \u00b7 8 Kugel \u00b7 9 Hex), type (2\/3\/4 Bayer), px, speed *\/\n  pw.dither = function(canvas, opt){\n    if(canvas._pwDither) return canvas._pwDither;\n    var gl = canvas.getContext('webgl2', {antialias: false, premultipliedAlpha: true}); if(!gl) return null;\n    var vs = compile(gl, gl.VERTEX_SHADER, vertSrc), fs = compile(gl, gl.FRAGMENT_SHADER, fragSrc); if(!vs || !fs) return null;\n    var prog = gl.createProgram(); gl.attachShader(prog, vs); gl.attachShader(prog, fs); gl.linkProgram(prog);\n    if(!gl.getProgramParameter(prog, gl.LINK_STATUS)){ console.error(gl.getProgramInfoLog(prog)); return null; }\n    gl.useProgram(prog);\n    var buf = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, buf);\n    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]), gl.STATIC_DRAW);\n    var locPos = gl.getAttribLocation(prog, 'a_position'); gl.enableVertexAttribArray(locPos); gl.vertexAttribPointer(locPos, 2, gl.FLOAT, false, 0, 0);\n    var U = {}; ['u_time','u_resolution','u_colorBack','u_colorFront','u_shape','u_type','u_pxSize'].forEach(function(n){ U[n] = gl.getUniformLocation(prog, n); });\n    var back = hexToRgba(opt.back || '#000000'), front = hexToRgba(opt.front || '#09a7ff');\n    var speed = opt.speed || 1, px = opt.px || 3, type = opt.type || 4, shape = opt.shape || 4;\n    var W = 1, H = 1;\n    function resize(){ var r = canvas.getBoundingClientRect(), dpr = Math.min(window.devicePixelRatio || 1, 2); W = Math.max(1, Math.floor(r.width * dpr)); H = Math.max(1, Math.floor(r.height * dpr)); if(canvas.width !== W || canvas.height !== H){ canvas.width = W; canvas.height = H; } gl.viewport(0, 0, W, H); }\n    resize(); new ResizeObserver(resize).observe(canvas);\n    var start = performance.now(), raf = null, running = false;\n    function frame(){\n      var t = (performance.now() - start) * 0.001 * speed;\n      gl.clearColor(back[0], back[1], back[2], 1); gl.clear(gl.COLOR_BUFFER_BIT);\n      gl.uniform1f(U.u_time, t); gl.uniform2f(U.u_resolution, W, H);\n      gl.uniform4fv(U.u_colorBack, back); gl.uniform4fv(U.u_colorFront, front);\n      gl.uniform1f(U.u_shape, shape); gl.uniform1f(U.u_type, type); gl.uniform1f(U.u_pxSize, px);\n      gl.drawArrays(gl.TRIANGLES, 0, 6);\n      raf = running ? requestAnimationFrame(frame) : null;\n    }\n    var api = {\n      start: function(){ if(!running){ running = true; if(!raf) raf = requestAnimationFrame(frame); } },\n      stop: function(){ running = false; }\n    };\n    if(pw.reduced){ requestAnimationFrame(frame); } \/* ein Standbild *\/\n    canvas._pwDither = api;\n    return api;\n  };\n\n  pw.onReady(function(){\n    \/* Deklarative Dither-Canvases *\/\n    document.querySelectorAll('.pwai canvas.dither[data-dither]').forEach(function(c){\n      var opt = {}; try{ opt = JSON.parse(c.getAttribute('data-dither')); }catch(e){}\n      var api = pw.dither(c, opt); if(!api || pw.reduced) return;\n      pw.whenVisible(c.parentElement || c, api.start, api.stop);\n    });\n\n\n    \/* Laufende Eyebrow *\/\n    document.querySelectorAll('.pwai .pwai-ticker-track').forEach(function(track){\n      if(pw.reduced) return;\n      if(track.children.length < 4) return;\n      var visible = true;\n      pw.whenVisible(track, function(){ visible = true; }, function(){ visible = false; });\n      setInterval(function(){\n        if(!visible) return;\n        var first = track.children[0], next = track.children[3];\n        next.classList.add('is-entering', 'is-hidden');\n        void next.offsetWidth;\n        first.classList.add('is-hidden');\n        next.classList.remove('is-hidden');\n        setTimeout(function(){\n          track.appendChild(first);\n          first.classList.remove('is-hidden');\n          next.classList.remove('is-entering');\n        }, 600);\n      }, 2600);\n    });\n    \/* \u00dcberschriften: Ein einzelnes langes Wort (z. B. \u201eZeitverschwendung\u201c) darf auf schmalen Handys\n       nicht \u00fcber den Rand ragen. Dann wird nur diese \u00dcberschrift stufenweise kleiner (h\u00f6chstens auf 60 %). *\/\n    var heads = document.querySelectorAll('.pwai h1, .pwai .pwai-h2, .pwai .pwai-faqx-h2, .pwai .wb-title, .pwai .try-ai-head h2');\n    function fitHeads(){\n      heads.forEach(function(h){\n        h.style.fontSize = '';\n        if(h.clientWidth < 50) return;\n        var fs = parseFloat(getComputedStyle(h).fontSize), min = fs * 0.6;\n        while(h.scrollWidth > h.clientWidth + 1){\n          if(fs <= min) break;\n          fs -= 1; h.style.fontSize = fs + 'px';\n        }\n      });\n    }\n    fitHeads();\n    if(document.fonts) document.fonts.ready.then(fitHeads);\n    var fitW = window.innerWidth, fitT;\n    window.addEventListener('resize', function(){\n      if(window.innerWidth === fitW) return;\n      fitW = window.innerWidth; clearTimeout(fitT); fitT = setTimeout(fitHeads, 150);\n    });\n\n    \/* Einblenden *\/\n    if(pw.reduced || typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\n    gsap.registerPlugin(ScrollTrigger);\n    document.querySelectorAll('.pwai [data-reveal]').forEach(function(el){\n      gsap.from(el, {scrollTrigger: {trigger: el, start: 'top 85%'}, y: 28, opacity: 0, duration: 0.65, ease: 'power2.out', clearProps: 'transform,opacity'});\n    });\n    document.querySelectorAll('.pwai [data-reveal-stagger]').forEach(function(el){\n      gsap.from(el.children, {scrollTrigger: {trigger: el, start: 'top 85%'}, y: 24, opacity: 0, duration: 0.55, ease: 'power2.out', stagger: 0.1, clearProps: 'transform,opacity'});\n    });\n  });\n})();\n<\/script>\n<!-- GSAP erst nach dem Inline-Script laden: Beim ersten Besuch (ohne Cache) blockiert der Download sonst den Klick-Handler der Sprungmarken.\n     Das Einblenden nutzt GSAP erst nach DOMContentLoaded, dann ist es geladen. -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/three@0.149.0\/build\/three.min.js\"><\/script>\n<script>\n\/* \u2550\u2550 Hero-Hintergrund: Partikelwelle (Three.js) in #pwaiHeroWaves \u2550\u2550 *\/\n(function boot(tries){\n  var pw = window.pwAi;\n  if(!pw){ if(tries < 200) setTimeout(function(){ boot(tries + 1); }, 50); return; }\n  if(pw.inAdmin) return;\n  (function(){\n    var box = document.getElementById('pwaiHeroWaves'); if(!box || typeof THREE === 'undefined') return;\n    var SEP = 150, AX = 60, AY = 60;\n    var r = box.getBoundingClientRect(), W = r.width || window.innerWidth, H = r.height || 800;\n    var scene = new THREE.Scene(), camera = new THREE.PerspectiveCamera(60, W \/ H, 1, 10000);\n    camera.position.set(0, 355, 1220); camera.lookAt(0, 0, 0);\n    var renderer = new THREE.WebGLRenderer({alpha: true, antialias: true});\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)); renderer.setSize(W, H); renderer.setClearColor(0x000000, 0);\n    box.appendChild(renderer.domElement);\n    var pos = [], col = [];\n    for(var ix = 0; ix < AX; ix++){ for(var iy = 0; iy < AY; iy++){ pos.push(ix * SEP - AX * SEP \/ 2, 0, iy * SEP - AY * SEP \/ 2); col.push(1.0, 0.1, 0.1); } }\n    var geo = new THREE.BufferGeometry();\n    geo.setAttribute('position', new THREE.Float32BufferAttribute(pos, 3));\n    geo.setAttribute('color', new THREE.Float32BufferAttribute(col, 3));\n    scene.add(new THREE.Points(geo, new THREE.PointsMaterial({size: 8, vertexColors: true, sizeAttenuation: true})));\n    var count = 0, running = false;\n    function draw(){\n      var a = geo.attributes.position.array, i = 0;\n      for(var x = 0; x < AX; x++){ for(var y = 0; y < AY; y++){ a[i * 3 + 1] = Math.sin((x + count) * 0.3) * 50 + Math.sin((y + count) * 0.5) * 50; i++; } }\n      geo.attributes.position.needsUpdate = true; renderer.render(scene, camera); count += 0.1;\n    }\n    function loop(){ if(!running) return; requestAnimationFrame(loop); draw(); }\n    new ResizeObserver(function(){ var b = box.getBoundingClientRect(); if(!b.width) return; camera.aspect = b.width \/ b.height; camera.updateProjectionMatrix(); renderer.setSize(b.width, b.height); if(!running) draw(); }).observe(box);\n    if(pw.reduced){ draw(); return; }\n    pw.whenVisible(box, function(){ if(!running){ running = true; loop(); } }, function(){ running = false; }, {rootMargin: '120px'});\n  })();\n\n})(0);\n<\/script>\n<script>\n\/* \u2550\u2550 Hero \u00dcbersicht: UI-Animation mit drei Szenen (Chat \u2192 MCP \u2192 Agents) \u2550\u2550 *\/\n(function boot(tries){\n  \/* wartet auf window.pwAi (falls ein Optimierungs-Plugin die Script-Reihenfolge \u00e4ndert) *\/\n  var pw = window.pwAi;\n  if(!pw){ if(tries < 200) setTimeout(function(){ boot(tries + 1); }, 50); return; }\n  if(pw.inAdmin) return;\n\n  \/* \u2500\u2500 UI-Animation \u2500\u2500 *\/\n  var $ = function(id){ return document.getElementById(id); };\n  var wrap = $('hwWrap'); if(!wrap) return;\n  var stage = $('hwStage'), pauseBtn = $('hwPauseBtn');\n  var switchBtns = Array.prototype.slice.call(document.querySelectorAll('#hero .hs-switch button'));\n\n  function fit(){ stage.style.transform = 'scale(' + (wrap.offsetWidth \/ 2488) + ')'; }\n  window.addEventListener('resize', fit); fit();\n  if('ResizeObserver' in window) new ResizeObserver(fit).observe(wrap);\n\n  \/* Pausierbarer Schlaf + Abbruch beim Szenenwechsel *\/\n  var userPaused = false, offscreen = false, pauseL = [], resumeL = [], runTok = 0, CANCEL = {};\n  function isPaused(){ return userPaused || offscreen; }\n  function applyPause(){ (isPaused() ? pauseL : resumeL).slice().forEach(function(f){ f(); }); }\n  function sleep(ms){\n    return new Promise(function(resolve){\n      var left = ms, t0 = 0, tid = null;\n      function go(){ t0 = Date.now(); tid = setTimeout(done, left); }\n      function hold(){ if(tid !== null){ clearTimeout(tid); tid = null; left = Math.max(0, left - (Date.now() - t0)); } }\n      function cont(){ if(tid === null){ if(left > 0) go(); } }\n      function done(){ tid = null; pauseL.splice(pauseL.indexOf(hold), 1); resumeL.splice(resumeL.indexOf(cont), 1); resolve(); }\n      pauseL.push(hold); resumeL.push(cont); if(!isPaused()) go();\n    });\n  }\n  function stepper(tok){ return function(ms){ return sleep(ms).then(function(){ if(tok !== runTok) throw CANCEL; }); }; }\n  pauseBtn.addEventListener('click', function(){\n    userPaused = !userPaused; applyPause();\n    pauseBtn.classList.toggle('is-paused', userPaused);\n    pauseBtn.setAttribute('aria-label', userPaused ? 'Animation fortsetzen' : 'Animation pausieren');\n  });\n  pw.whenVisible(wrap, function(){ offscreen = false; applyPause(); }, function(){ offscreen = true; applyPause(); }, {threshold: 0.05});\n\n  var EASE = 'cubic-bezier(0.65,0.05,0.36,1)';\n  function zoom(el, ox, oy, sc, dur){\n    el.style.transition = 'transform ' + dur + 'ms ' + EASE + ', transform-origin ' + dur + 'ms ' + EASE;\n    el.style.transformOrigin = (ox \/ 2488 * 100) + '% ' + (oy \/ 1600 * 100) + '%';\n    el.style.transform = 'scale(' + sc + ')';\n  }\n  function typeInto(el, text, spd, step){\n    el.textContent = '';\n    var i = 0;\n    return (function next(){ if(i >= text.length) return Promise.resolve(); el.textContent += text[i++]; return step(spd + (Math.random() * 30 - 15)).then(next); })();\n  }\n  function cls(el, c, on){ el.classList.toggle(c, on); }\n  function bump(el){ el.classList.add('is-bump'); setTimeout(function(){ el.classList.remove('is-bump'); }, 260); }\n  \/* Mittelpunkt eines Elements in UI-Koordinaten (1244\u00d7800), unabh\u00e4ngig von Zoom\/Skalierung *\/\n  function center(el, ui){ var r = el.getBoundingClientRect(), u = ui.getBoundingClientRect(), s = u.width \/ 1244; return {x: (r.left - u.left + r.width \/ 2) \/ s, y: (r.top - u.top + r.height \/ 2) \/ s}; }\n\n  \/* \u2500\u2500 Szene 1: AI Chat im ERP \u2500\u2500 *\/\n  var C = {\n    zoomEl: $('hwStageZoom'), pai: $('hwPickwareAi'), icon: $('hwPickwareIcon'), header: $('hwContentHeader'),\n    box: $('hwInputBox'), ph: $('hwInputPlaceholder'), typed: $('hwInputTyped'), send: $('hwSendBtn'),\n    q: $('hwQaQuestion'), load: $('hwQaLoading'), tool: $('hwQaTool1'), a: $('hwQaAnswer'),\n    tab: wrap.querySelector('.hw-pw-tab'), tabLabel: $('hwTabLabel'),\n    ripples: [$('hwRipple1'), $('hwRipple2'), $('hwRipple3')]\n  };\n  var QUESTION = 'Wie lange reicht unser Bestand vom Oversize Tee Washed Black noch?';\n  function chatCollapse(){ C.pai.style.left = '2154px'; C.header.style.left = '588px'; C.icon.style.color = '#1e1e24'; C.icon.classList.remove('is-active'); }\n  function chatExpand(){ C.pai.style.left = '1554px'; C.header.style.left = '361px'; C.icon.style.color = '#09A7FF'; C.icon.classList.add('is-active'); }\n  var chat = {\n    reset: function(){\n      [C.q, C.load, C.tool, C.a].forEach(function(el){ el.classList.remove('visible'); });\n      wrap.classList.remove('is-chatting'); C.tab.classList.remove('is-loading'); C.tabLabel.textContent = 'Unterhaltung';\n      C.ph.style.opacity = '1'; C.typed.style.display = 'none'; C.typed.textContent = ''; C.typed.classList.remove('no-cursor');\n      C.send.classList.remove('pressed'); C.box.classList.remove('is-focus'); C.ripples.forEach(function(r){ r.classList.remove('go'); });\n      chatCollapse(); zoom(C.zoomEl, 1244, 800, 1, 0);\n    },\n    final: function(){ chatExpand(); wrap.classList.add('is-chatting'); C.tabLabel.textContent = 'Bestandsreichweite'; [C.q, C.tool, C.a].forEach(function(el){ el.classList.add('visible'); }); },\n    run: function(step){\n      return step(800)\n      .then(function(){ zoom(C.zoomEl, 2488, 0, 2.0, 1100); return step(1200); })\n      .then(function(){ C.icon.classList.add('pressed'); C.ripples.forEach(function(r){ r.classList.remove('go'); void r.offsetHeight; r.classList.add('go'); }); return step(220); })\n      .then(function(){ C.icon.classList.remove('pressed'); return step(780); })\n      .then(function(){ chatExpand(); return step(1500); })\n      .then(function(){ zoom(C.zoomEl, 2488, 1600, 2.6, 1100); return step(1200); })\n      .then(function(){ C.box.classList.add('is-focus'); C.ph.style.opacity = '0'; C.typed.style.display = 'block'; return typeInto(C.typed, QUESTION, 42, step); })\n      .then(function(){ C.typed.classList.add('no-cursor'); return step(400); })\n      .then(function(){ C.send.classList.add('pressed'); return step(150); })\n      .then(function(){\n        C.send.classList.remove('pressed'); C.typed.style.display = 'none'; C.typed.textContent = ''; C.typed.classList.remove('no-cursor');\n        C.ph.style.opacity = '1'; C.box.classList.remove('is-focus'); wrap.classList.add('is-chatting');\n        C.tabLabel.textContent = QUESTION; C.tab.classList.add('is-loading'); return step(250);\n      })\n      .then(function(){ zoom(C.zoomEl, 2488, 0, 1.75, 1100); C.q.classList.add('visible'); return step(700); })\n      .then(function(){ C.load.classList.add('visible'); return step(1500); })\n      .then(function(){ C.load.classList.remove('visible'); C.tool.classList.add('visible'); return step(600); })\n      .then(function(){ C.a.classList.add('visible'); C.tab.classList.remove('is-loading'); C.tabLabel.textContent = 'Bestandsreichweite'; return step(3600); })\n      .then(function(){ zoom(C.zoomEl, 1244, 800, 1, 1000); return step(1300); });\n    }\n  };\n\n  \/* \u2500\u2500 Szene 2: MCP-Server in Claude \u2500\u2500 *\/\n  var M = {ui: wrap.querySelector('.hm'), zoomEl: $('hsMcpZoom'), comp: $('hmComposer'), ph: $('hmPh'), typed: $('hmTyped'), send: $('hmSend'), user: $('hmUser'), tools: Array.prototype.slice.call(wrap.querySelectorAll('.hm-tool'))};\n  var mcp = {\n    reset: function(){\n      ['is-sent', 'is-thinking', 'is-tools', 'is-answer'].forEach(function(c){ M.ui.classList.remove(c); });\n      M.tools.forEach(function(t){ t.classList.remove('is-on', 'is-done'); });\n      M.typed.textContent = ''; M.ph.style.opacity = '1'; M.comp.classList.remove('is-focus'); M.send.classList.remove('is-press');\n      zoom(M.zoomEl, 1244, 800, 1, 0);\n    },\n    final: function(){ ['is-sent', 'is-tools', 'is-answer'].forEach(function(c){ M.ui.classList.add(c); }); M.tools.forEach(function(t){ t.classList.add('is-on', 'is-done'); }); },\n    run: function(step){\n      var p = step(600)\n      .then(function(){ zoom(M.zoomEl, 1244, 1600, 1.7, 1100); return step(1200); })\n      .then(function(){ M.comp.classList.add('is-focus'); M.ph.style.opacity = '0'; return typeInto(M.typed, M.user.textContent, 26, step); })\n      .then(function(){ return step(400); })\n      .then(function(){ M.send.classList.add('is-press'); return step(160); })\n      .then(function(){ M.send.classList.remove('is-press'); M.typed.textContent = ''; M.ph.style.opacity = '1'; M.comp.classList.remove('is-focus'); zoom(M.zoomEl, 1244, 0, 1.45, 1100); M.ui.classList.add('is-sent'); return step(600); })\n      .then(function(){ M.ui.classList.add('is-thinking'); return step(1200); })\n      .then(function(){ M.ui.classList.add('is-tools'); M.tools[0].classList.add('is-on'); });\n      M.tools.forEach(function(t){\n        p = p.then(function(){ t.classList.add('is-on'); return step(900); }).then(function(){ t.classList.add('is-done'); return step(250); });\n      });\n      return p\n      .then(function(){ M.ui.classList.add('is-answer'); return step(600); })\n      .then(function(){ zoom(M.zoomEl, 1244, 300, 1.3, 1200); return step(4200); })\n      .then(function(){ zoom(M.zoomEl, 1244, 800, 1, 1000); return step(1300); });\n    }\n  };\n\n  \/* \u2500\u2500 Szene 3: AI Agent in der Inbox \u2500\u2500 *\/\n  var A = {ui: wrap.querySelector('.ha'), zoomEl: $('hsAgentsZoom'), cursor: $('haCursor'), item: $('haItemNew'), feed: $('haFeed'), send: $('haSend'),\n           counts: [$('haInboxCount'), $('haOpenCount'), $('haMsgCount')], steps: Array.prototype.slice.call(wrap.querySelectorAll('.ha .ha-step'))};\n  function cursorTo(el){ var c = center(el, A.ui); A.cursor.style.left = (c.x - 4) + 'px'; A.cursor.style.top = (c.y - 2) + 'px'; }\n  function follow(s){ var target = s.offsetTop + s.offsetHeight - A.feed.clientHeight + 16; if(target > A.feed.scrollTop) A.feed.scrollTo({top: target, behavior: 'smooth'}); }\n  function setCounts(n){ A.counts.forEach(function(b){ b.textContent = String(n); }); }\n  var agents = {\n    reset: function(){\n      ['is-arrived', 'is-selected', 'is-done'].forEach(function(c){ A.ui.classList.remove(c); });\n      A.steps.forEach(function(s){ s.classList.remove('is-in'); });\n      A.cursor.classList.remove('is-on', 'is-press'); A.cursor.style.left = '900px'; A.cursor.style.top = '640px';\n      A.send.classList.remove('is-press'); A.send.textContent = 'E-Mail senden'; A.feed.scrollTop = 0; setCounts(1);\n      zoom(A.zoomEl, 1244, 800, 1, 0);\n    },\n    final: function(){ A.ui.classList.add('is-arrived', 'is-selected', 'is-done'); A.steps.forEach(function(s){ s.classList.add('is-in'); }); setCounts(2); A.send.textContent = 'Gesendet'; },\n    run: function(step){\n      var p = step(900)\n      .then(function(){ zoom(A.zoomEl, 0, 380, 1.6, 1100); return step(900); })\n      .then(function(){ A.ui.classList.add('is-arrived'); setCounts(2); A.counts.forEach(bump); return step(1600); })\n      .then(function(){ A.cursor.classList.add('is-on'); cursorTo(A.item); return step(1000); })\n      .then(function(){ A.cursor.classList.add('is-press'); return step(150); })\n      .then(function(){ A.cursor.classList.remove('is-press'); A.ui.classList.add('is-selected'); return step(500); })\n      .then(function(){ A.cursor.classList.remove('is-on'); zoom(A.zoomEl, 2488, 500, 1.4, 1100); return step(700); });\n      A.steps.forEach(function(s){\n        p = p.then(function(){\n          if(s.id === 'haSent') return;\n          s.classList.add('is-in');\n          follow(s);\n          return step(s.id === 'haMail' ? 1400 : 700);\n        });\n      });\n      return p\n      .then(function(){ zoom(A.zoomEl, 2488, 1600, 1.6, 1100); A.cursor.classList.add('is-on'); cursorTo(A.send); return step(1300); })\n      .then(function(){ A.cursor.classList.add('is-press'); A.send.classList.add('is-press'); return step(160); })\n      .then(function(){ A.cursor.classList.remove('is-press'); A.send.classList.remove('is-press'); A.send.textContent = 'Gesendet'; $('haSent').classList.add('is-in'); follow($('haSent')); A.ui.classList.add('is-done'); return step(800); })\n      .then(function(){ A.cursor.classList.remove('is-on'); return step(2800); })\n      .then(function(){ zoom(A.zoomEl, 1244, 800, 1, 1000); return step(1300); });\n    }\n  };\n\n  \/* \u2500\u2500 Steuerung \u2500\u2500 *\/\n  var ORDER = ['chat', 'mcp', 'agents'], SCENES = {chat: chat, mcp: mcp, agents: agents};\n  function show(name){\n    wrap.setAttribute('data-scene', name);\n    switchBtns.forEach(function(b){ b.setAttribute('aria-pressed', b.getAttribute('data-scene') === name ? 'true' : 'false'); });\n  }\n  function play(name){\n    var tok = ++runTok, step = stepper(tok);\n    ORDER.forEach(function(n){ try{ SCENES[n].reset(); }catch(e){ console.error('[pwai] Hero-Reset ' + n, e); } });\n    show(name);\n    if(pw.reduced){ SCENES[name].final(); return; }\n    SCENES[name].run(step).then(function(){\n      if(tok !== runTok) return;\n      var next = ORDER[(ORDER.indexOf(name) + 1) % ORDER.length];\n      try{ SCENES[next].reset(); }catch(e){ console.error('[pwai] Hero-Reset ' + next, e); }\n      show(next);\n      return step(650).then(function(){ play(next); });\n    }).catch(function(e){ if(e !== CANCEL) console.error('[pwai] Hero-Szene ' + name, e); });\n  }\n  switchBtns.forEach(function(b){ b.addEventListener('click', function(){ play(b.getAttribute('data-scene')); }); });\n  play('chat');\n})(0);\n<\/script>\n\n\n\n<style>\n\/* \u2550\u2550 Baustein-Karten (AI Chat \u00b7 MCP-Server \u00b7 AI Agents) \u2013 Links auf die Unterseiten \u2550\u2550 *\/\n.pwai .pwai-bausteine { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }\n.pwai .pwai-bausteine--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.pwai .pwai-baustein {\n    position: relative; display: flex; flex-direction: column; gap: 14px;\n    padding: 36px 32px 32px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line);\n    text-decoration: none; color: var(--white); overflow: hidden; transition: transform 0.2s ease, border-color 0.2s ease;\n}\n.pwai .pwai-baustein::before { content: \"\"; position: absolute; left: 0; top: 0; right: 0; height: 3px; background: var(--accent); }\n.pwai .pwai-baustein:hover { transform: translateY(-3px); border-color: var(--accent); }\n.pwai .pwai-baustein .ic { width: 56px; height: 56px; border-radius: 14px; background: var(--accent); display: grid; place-items: center; }\n.pwai .pwai-baustein .ic img { width: 72px; height: 72px; margin: -8px; display: block; flex: 0 0 auto; }\n.pwai .pwai-baustein h3 { font-weight: 700; font-size: 26px; line-height: 1.15; letter-spacing: -0.01em; }\n.pwai .pwai-baustein p { font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, 0.65); flex: 1; }\n.pwai .pwai-baustein .pwai-link { color: var(--accent); }\n@media (max-width: 981px) { .pwai .pwai-bausteine, .pwai .pwai-bausteine--2 { grid-template-columns: 1fr; } }\n@media (max-width: 768px) { .pwai .pwai-baustein { padding: 28px 24px 24px; } }\n<\/style>\n<style>\n\/* \u2500\u2500 Was ist Pickware AI? \u2500\u2500 *\/\n.pwai .pwai-whatis { padding-top: 40px; }\n@media (max-width: 768px) { .pwai .pwai-whatis { padding-top: 24px; } }\n<\/style>\n<div class=\"pwai\">\n    <section class=\"pwai-section pwai-whatis\" id=\"was-ist-pickware-ai\" aria-labelledby=\"was-ist-title\">\n        <div class=\"container\">\n            <div class=\"pwai-head\" data-reveal>\n                <span class=\"pwai-kicker\">\u00dcberblick<\/span>\n                <h2 class=\"pwai-h2\" id=\"was-ist-title\">Was ist Pickware&nbsp;AI?<\/h2>\n                <p class=\"pwai-lead\">Pickware AI ist die k\u00fcnstliche Intelligenz, die fest in Pickware integriert ist, dem ERP und WMS f\u00fcr Shopware und Shopify. Pickware AI arbeitet nicht neben deinem System, sondern mittendrin: mit deinen echten Daten zu Bestellungen, Best\u00e4nden, Lagerpl\u00e4tzen, Lieferanten, Kunden und Ums\u00e4tzen.<\/p>\n                <p class=\"pwai-text\">Damit beantwortet Pickware AI nicht nur Fragen, sondern erledigt Aufgaben in Warenwirtschaft, Lagerverwaltung, Einkauf, Versand und Buchhaltung. Genau das unterscheidet Pickware AI von aufgesetzten Chatbots und Plug-ins. <strong>Pickware ist das erste ERP und WMS f\u00fcr Shopware und Shopify mit echter, integrierter KI<\/strong> und bietet dir drei Wege, diese KI zu nutzen: im Chat, in deiner eigenen AI und als Agent im Hintergrund.<\/p>\n            <\/div>\n            <div class=\"pwai-bausteine\" data-reveal>\n                <a class=\"pwai-baustein is-chat\" href=\"\/de\/pickware-ai\/ai-chat\">\n                    <span class=\"ic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/09\/icon-navi-ai-bot-01_1.svg\" alt=\"\" width=\"44\" height=\"44\"><\/span>\n                    <h3>AI&nbsp;Chat<\/h3>\n                    <p>Frag Pickware AI in eigenen Worten, direkt in deinem ERP. Antworten zu Bestand, Marge, Kunden oder Umsatz bekommst du in Sekunden. Aufgaben wie Retoure, Umtausch, Teillieferung oder Mahnlauf erledigt der Chat gleich mit. Ohne Export, ohne Excel, ohne Men\u00fcsuche.<\/p>\n                    <span class=\"pwai-link\">Mehr zum AI Chat <svg width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M10.5 0L9.427 1.045 15.112 6.75H0v1.5h15.112L9.427 13.93 10.5 15 18 7.5z\"\/><\/svg><\/span>\n                <\/a>\n                <a class=\"pwai-baustein is-mcp\" href=\"\/de\/pickware-ai\/mcp-server\">\n                    <span class=\"ic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/09\/icon-navi-ai-bot-01.svg\" alt=\"\" width=\"44\" height=\"44\"><\/span>\n                    <h3><span class=\"pwai-nw\">MCP-Server<\/span><\/h3>\n                    <p>Verbinde Claude, ChatGPT oder einen anderen Client mit Pickware AI. So nutzt du deine Shop-, Lager- und Bestelldaten in der AI, mit der du eh schon arbeitest. Zusammen mit CRM, Onlineshop und Messenger entstehen ganze Workflows aus einem einzigen Prompt.<\/p>\n                    <span class=\"pwai-link\">Mehr zum MCP-Server <svg width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M10.5 0L9.427 1.045 15.112 6.75H0v1.5h15.112L9.427 13.93 10.5 15 18 7.5z\"\/><\/svg><\/span>\n                <\/a>\n                <a class=\"pwai-baustein is-agents\" href=\"\/de\/pickware-ai\/ai-agents\">\n                    <span class=\"ic\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/09\/icon-navi-ai-agent-01.svg\" alt=\"\" width=\"44\" height=\"44\"><\/span>\n                    <h3>AI&nbsp;Agents<\/h3>\n                    <p>Sie \u00fcbernehmen wiederkehrende Aufgaben in ERP und WMS, nach Zeitplan oder sobald etwas passiert. Vom Lagerbriefing am Morgen \u00fcber den Margenschutz bis zum DATEV-Export. Du beschreibst die Aufgabe, testest sie mit echten Daten und gibst sie frei. Sie melden sich nur, wenn du entscheiden musst.<\/p>\n                    <span class=\"pwai-link\">Mehr zu den AI Agents <svg width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M10.5 0L9.427 1.045 15.112 6.75H0v1.5h15.112L9.427 13.93 10.5 15 18 7.5z\"\/><\/svg><\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style>\n\/* \u2550\u2550 Kundenzitat (angelehnt an .new-testimonial der Startseite) \u2550\u2550\n   Farbe \u00fcber --quote-bg \/ --quote-ink; Bildspalte: Foto (img, Upload \u00fcber @@asset) + Logo (Inline-SVG, currentColor) *\/\n.pwai .pwai-quote-section { padding: 40px 0 80px; }\n.pwai .pwai-quote {\n    --quote-bg: #4be160; --quote-ink: #0c330b;\n    display: flex; max-width: 1100px; margin: 0 auto; padding: 10px; border-radius: 16px;\n    background: var(--quote-bg); color: var(--quote-ink);\n}\n.pwai .pwai-quote-txt { position: relative; flex: 1 1 50%; min-width: 0; display: flex; }\n\/* Icon-Kachel (::before) + Anf\u00fchrungszeichen als Maske (::after), damit die Farbe frei w\u00e4hlbar ist *\/\n.pwai .pwai-quote-txt::before { content: \"\"; position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 8px; background: var(--quote-icon-bg, var(--quote-ink)); }\n.pwai .pwai-quote-txt::after {\n    content: \"\"; position: absolute; left: 12px; top: 12px; width: 24px; height: 24px; background: var(--quote-icon, var(--quote-bg));\n    -webkit-mask: url(\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-quotes-green-500.svg\") center \/ 24px auto no-repeat;\n    mask: url(\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-quotes-green-500.svg\") center \/ 24px auto no-repeat;\n}\n.pwai .pwai-quote-body { display: flex; flex-direction: column; justify-content: center; gap: 24px; padding: 64px 24px; }\n.pwai .pwai-quote blockquote { margin: 26px 40px; }\n.pwai .pwai-quote blockquote p { font-size: 26px; line-height: 34px; letter-spacing: -0.15px; font-weight: 400; color: var(--quote-ink); }\n.pwai .pwai-quote figcaption { margin: 0 0 0 40px; }\n.pwai .pwai-quote-name { font-size: 18px; line-height: 28px; font-weight: 700; color: var(--quote-ink); }\n.pwai .pwai-quote-job { font-size: 14px; line-height: 20px; color: var(--quote-ink); }\n.pwai .pwai-quote-media { position: relative; flex: 1 1 50%; min-width: 0; min-height: 490px; border-radius: 6px; overflow: hidden; background: var(--quote-ink); display: flex; }\n.pwai .pwai-quote-media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% 40%; display: block; }\n.pwai .pwai-quote-media::after { content: \"\"; position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient(rgba(0, 8, 38, 0), rgba(0, 8, 38, 0.55)); pointer-events: none; }\n.pwai .pwai-quote-logo { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); width: 250px; max-width: 70%; max-height: 88px; height: auto; color: #ffffff; z-index: 1; }\n\/* Farbe: Pickware-Blau (Variante A, gew\u00e4hlt am 07.10.2026; weitere Varianten im archive\/) *\/\n.pwai .pwai-quote--blue { --quote-bg: #09a7ff; --quote-ink: #011a3d; }\n\/* Auf den Unterseiten in der Bereichsfarbe: Wrapper <div class=\"is-mcp\"> bzw. <div class=\"is-agents\"> um das Markup *\/\n.pwai .is-mcp .pwai-quote--blue { --quote-bg: #836bff; --quote-ink: #0d0630; }\n.pwai .is-agents .pwai-quote--blue { --quote-bg: #f155a0; --quote-ink: #2a0517; }\n@media (max-width: 1223px) { .pwai .pwai-quote { max-width: 936px; } }\n@media (max-width: 860px) {\n    .pwai .pwai-quote-section { padding: 24px 0 56px; }\n    .pwai .pwai-quote { flex-direction: column; }\n    .pwai .pwai-quote-body { padding: 72px 8px 24px; }\n    .pwai .pwai-quote blockquote { margin: 0 12px; }\n    .pwai .pwai-quote blockquote p { font-size: 22px; line-height: 30px; }\n    .pwai .pwai-quote figcaption { margin-left: 12px; }\n    .pwai .pwai-quote-media { min-height: 320px; }\n}\n<\/style>\n<div class=\"pwai\">\n    <section class=\"pwai-quote-section\" id=\"kundenstimme\" aria-labelledby=\"kundenstimme-title\">\n        <h2 class=\"sr-only\" id=\"kundenstimme-title\">Kundenstimme zu Pickware&nbsp;AI<\/h2>\n        <div class=\"container\" data-reveal>\n            <figure class=\"pwai-quote pwai-quote--blue\">\n                <div class=\"pwai-quote-txt\">\n                    <div class=\"pwai-quote-body\">\n                        <blockquote>\n                            <p>\u201eFr\u00fcher hat mich eine Liste mit offenen Lieferantenbestellungen einen halben Vormittag gekostet. Mit Pickware AI habe ich die Liste in zwei Minuten. AI ver\u00e4ndert Operations grundlegend.\u201c<\/p>\n                        <\/blockquote>\n                        <figcaption>\n                            <p class=\"pwai-quote-name\">Daniel Kiefer<\/p>\n                            <p class=\"pwai-quote-job\">Gr\u00fcnder &amp; Gesch\u00e4ftsf\u00fchrer von BABOSSA &amp; Co.<\/p>\n                        <\/figcaption>\n                    <\/div>\n                <\/div>\n                <div class=\"pwai-quote-media\">\n                    <img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/10\/pickware-ai-zitat-babossa-daniel-kiefer.jpg\" alt=\"Daniel Kiefer, Gr\u00fcnder von BABOSSA &amp; Co., an einem Keramikgrill\" width=\"798\" height=\"800\" loading=\"lazy\">\n                    <svg class=\"pwai-quote-logo\" role=\"img\" aria-label=\"BABOSSA &amp; Co.\" viewBox=\"0 118 375 98\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><clipPath id=\"963936942f\"><path clip-rule=\"nonzero\" d=\"M 0.746094 188.347656 L 374.246094 188.347656 L 374.246094 191.347656 L 0.746094 191.347656 Z M 0.746094 188.347656\"><\/path><\/clipPath><\/defs><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(46.511369, 172.849558)\"><g><path d=\"M 2.234375 -0.746094 L 2.234375 0 L 14.894531 0 C 22.9375 0 28.300781 -5.363281 28.300781 -11.914062 L 28.300781 -15.640625 C 28.300781 -22.640625 21.523438 -25.84375 16.382812 -27.183594 C 21.523438 -28.523438 27.554688 -31.726562 27.554688 -38.726562 L 27.554688 -40.214844 C 27.554688 -46.769531 22.195312 -52.132812 14.148438 -52.132812 L 2.234375 -52.132812 L 2.234375 -51.386719 L 5.214844 -51.386719 L 5.214844 -0.746094 Z M 22.34375 -11.914062 C 22.34375 -5.734375 18.992188 -0.746094 14.894531 -0.746094 L 11.171875 -0.746094 L 11.171875 -26.8125 L 14.148438 -26.8125 C 18.246094 -26.8125 22.34375 -22.269531 22.34375 -15.640625 Z M 21.597656 -38.726562 C 21.597656 -32.097656 18.246094 -27.554688 14.148438 -27.554688 L 11.171875 -27.554688 L 11.171875 -51.386719 L 14.148438 -51.386719 C 18.246094 -51.386719 21.597656 -46.398438 21.597656 -40.214844 Z M 21.597656 -38.726562\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(89.930055, 172.849558)\"><g><path d=\"M -0.445312 0 L 6.703125 0 L 6.703125 -0.746094 L 3.871094 -0.746094 L 6.925781 -15.265625 L 17.574219 -15.265625 L 20.703125 -0.746094 L 17.726562 -0.746094 L 17.726562 0 L 29.789062 0 L 29.789062 -0.746094 L 26.8125 -0.746094 L 15.34375 -52.878906 L 14.148438 -52.878906 L 3.722656 -3.574219 C 3.351562 -1.863281 1.9375 -0.746094 -0.445312 -0.746094 Z M 12.140625 -39.695312 L 17.425781 -16.011719 L 7.074219 -16.011719 Z M 12.140625 -39.695312\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(132.380595, 172.849558)\"><g><path d=\"M 2.234375 -0.746094 L 2.234375 0 L 14.894531 0 C 22.9375 0 28.300781 -5.363281 28.300781 -11.914062 L 28.300781 -15.640625 C 28.300781 -22.640625 21.523438 -25.84375 16.382812 -27.183594 C 21.523438 -28.523438 27.554688 -31.726562 27.554688 -38.726562 L 27.554688 -40.214844 C 27.554688 -46.769531 22.195312 -52.132812 14.148438 -52.132812 L 2.234375 -52.132812 L 2.234375 -51.386719 L 5.214844 -51.386719 L 5.214844 -0.746094 Z M 22.34375 -11.914062 C 22.34375 -5.734375 18.992188 -0.746094 14.894531 -0.746094 L 11.171875 -0.746094 L 11.171875 -26.8125 L 14.148438 -26.8125 C 18.246094 -26.8125 22.34375 -22.269531 22.34375 -15.640625 Z M 21.597656 -38.726562 C 21.597656 -32.097656 18.246094 -27.554688 14.148438 -27.554688 L 11.171875 -27.554688 L 11.171875 -51.386719 L 14.148438 -51.386719 C 18.246094 -51.386719 21.597656 -46.398438 21.597656 -40.214844 Z M 21.597656 -38.726562\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(175.799281, 172.849558)\"><g><path d=\"M 21.523438 -11.171875 C 21.523438 -4.988281 19.289062 0 15.566406 0 C 11.839844 0 9.605469 -4.988281 9.605469 -11.171875 L 9.605469 -40.960938 C 9.605469 -47.144531 11.839844 -52.132812 15.566406 -52.132812 C 19.289062 -52.132812 21.523438 -47.144531 21.523438 -40.960938 Z M 3.648438 -11.171875 C 3.648438 -4.617188 8.640625 0.746094 15.566406 0.746094 C 22.492188 0.746094 27.480469 -4.617188 27.480469 -11.171875 L 27.480469 -40.960938 C 27.480469 -47.515625 22.492188 -52.878906 15.566406 -52.878906 C 8.640625 -52.878906 3.648438 -47.515625 3.648438 -40.960938 Z M 3.648438 -11.171875\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(219.590336, 172.849558)\"><g><path d=\"M 2.679688 0 L 3.425781 0 C 3.425781 -2.382812 4.171875 -3.425781 4.988281 -3.722656 C 6.851562 -0.96875 9.757812 0.746094 13.777344 0.746094 C 20.777344 0.746094 24.875 -5.289062 24.875 -12.660156 C 24.875 -28.152344 8.042969 -29.269531 8.042969 -43.195312 C 8.042969 -48.484375 10.128906 -51.910156 14.148438 -51.910156 C 18.691406 -51.910156 22.640625 -46.992188 22.640625 -40.960938 L 23.386719 -40.960938 L 23.386719 -52.132812 L 22.640625 -52.132812 C 22.640625 -50.34375 21.746094 -49.453125 20.628906 -49.453125 C 18.917969 -51.535156 16.457031 -52.878906 13.03125 -52.878906 C 6.40625 -52.878906 2.679688 -47.21875 2.679688 -40.214844 C 2.679688 -24.578125 19.511719 -23.460938 19.511719 -9.683594 C 19.511719 -4.394531 16.683594 -0.222656 12.660156 -0.222656 C 7.746094 -0.222656 3.425781 -5.4375 3.425781 -11.914062 L 2.679688 -11.914062 Z M 2.679688 0\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(259.136445, 172.849558)\"><g><path d=\"M 2.679688 0 L 3.425781 0 C 3.425781 -2.382812 4.171875 -3.425781 4.988281 -3.722656 C 6.851562 -0.96875 9.757812 0.746094 13.777344 0.746094 C 20.777344 0.746094 24.875 -5.289062 24.875 -12.660156 C 24.875 -28.152344 8.042969 -29.269531 8.042969 -43.195312 C 8.042969 -48.484375 10.128906 -51.910156 14.148438 -51.910156 C 18.691406 -51.910156 22.640625 -46.992188 22.640625 -40.960938 L 23.386719 -40.960938 L 23.386719 -52.132812 L 22.640625 -52.132812 C 22.640625 -50.34375 21.746094 -49.453125 20.628906 -49.453125 C 18.917969 -51.535156 16.457031 -52.878906 13.03125 -52.878906 C 6.40625 -52.878906 2.679688 -47.21875 2.679688 -40.214844 C 2.679688 -24.578125 19.511719 -23.460938 19.511719 -9.683594 C 19.511719 -4.394531 16.683594 -0.222656 12.660156 -0.222656 C 7.746094 -0.222656 3.425781 -5.4375 3.425781 -11.914062 L 2.679688 -11.914062 Z M 2.679688 0\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(298.682554, 172.849558)\"><g><path d=\"M -0.445312 0 L 6.703125 0 L 6.703125 -0.746094 L 3.871094 -0.746094 L 6.925781 -15.265625 L 17.574219 -15.265625 L 20.703125 -0.746094 L 17.726562 -0.746094 L 17.726562 0 L 29.789062 0 L 29.789062 -0.746094 L 26.8125 -0.746094 L 15.34375 -52.878906 L 14.148438 -52.878906 L 3.722656 -3.574219 C 3.351562 -1.863281 1.9375 -0.746094 -0.445312 -0.746094 Z M 12.140625 -39.695312 L 17.425781 -16.011719 L 7.074219 -16.011719 Z M 12.140625 -39.695312\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(115.316141, 211.802213)\"><g><path d=\"M 3.125 -7.765625 L 0.0625 -7.765625 L 0.0625 -9.578125 L 8.390625 -9.578125 L 8.390625 -7.765625 L 5.328125 -7.765625 L 5.328125 0 L 3.125 0 Z M 3.125 -7.765625\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(127.177604, 211.802213)\"><g><path d=\"M 9.90625 -9.578125 L 9.90625 0 L 7.703125 0 L 7.703125 -3.921875 L 3.34375 -3.921875 L 3.34375 0 L 1.140625 0 L 1.140625 -9.578125 L 3.34375 -9.578125 L 3.34375 -5.796875 L 7.703125 -5.796875 L 7.703125 -9.578125 Z M 9.90625 -9.578125\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(141.635239, 211.802213)\"><g><path d=\"M 8.546875 -1.78125 L 8.546875 0 L 1.140625 0 L 1.140625 -9.578125 L 8.375 -9.578125 L 8.375 -7.796875 L 3.34375 -7.796875 L 3.34375 -5.71875 L 7.78125 -5.71875 L 7.78125 -4 L 3.34375 -4 L 3.34375 -1.78125 Z M 8.546875 -1.78125\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(154.220907, 211.802213)\"><g><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(161.504916, 211.802213)\"><g><path d=\"M 7.234375 0 L 5.390625 -2.671875 L 3.34375 -2.671875 L 3.34375 0 L 1.140625 0 L 1.140625 -9.578125 L 5.28125 -9.578125 C 6.125 -9.578125 6.859375 -9.429688 7.484375 -9.140625 C 8.109375 -8.859375 8.585938 -8.457031 8.921875 -7.9375 C 9.265625 -7.425781 9.4375 -6.8125 9.4375 -6.09375 C 9.4375 -5.382812 9.265625 -4.769531 8.921875 -4.25 C 8.578125 -3.738281 8.09375 -3.347656 7.46875 -3.078125 L 9.609375 0 Z M 7.1875 -6.09375 C 7.1875 -6.632812 7.015625 -7.046875 6.671875 -7.328125 C 6.328125 -7.617188 5.820312 -7.765625 5.15625 -7.765625 L 3.34375 -7.765625 L 3.34375 -4.4375 L 5.15625 -4.4375 C 5.820312 -4.4375 6.328125 -4.582031 6.671875 -4.875 C 7.015625 -5.164062 7.1875 -5.570312 7.1875 -6.09375 Z M 7.1875 -6.09375\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(174.965084, 211.802213)\"><g><path d=\"M 8.546875 -1.78125 L 8.546875 0 L 1.140625 0 L 1.140625 -9.578125 L 8.375 -9.578125 L 8.375 -7.796875 L 3.34375 -7.796875 L 3.34375 -5.71875 L 7.78125 -5.71875 L 7.78125 -4 L 3.34375 -4 L 3.34375 -1.78125 Z M 8.546875 -1.78125\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(187.550752, 211.802213)\"><g><path d=\"M 7.4375 -2.046875 L 3 -2.046875 L 2.140625 0 L -0.125 0 L 4.140625 -9.578125 L 6.328125 -9.578125 L 10.609375 0 L 8.28125 0 Z M 6.734375 -3.734375 L 5.21875 -7.390625 L 3.703125 -3.734375 Z M 6.734375 -3.734375\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(201.434499, 211.802213)\"><g><path d=\"M 1.140625 -9.578125 L 3.34375 -9.578125 L 3.34375 -1.8125 L 8.15625 -1.8125 L 8.15625 0 L 1.140625 0 Z M 1.140625 -9.578125\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(213.104674, 211.802213)\"><g><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(220.388689, 211.802213)\"><g><path d=\"M 8.15625 -4.984375 C 8.707031 -4.804688 9.132812 -4.515625 9.4375 -4.109375 C 9.75 -3.703125 9.90625 -3.203125 9.90625 -2.609375 C 9.90625 -1.773438 9.578125 -1.128906 8.921875 -0.671875 C 8.273438 -0.222656 7.328125 0 6.078125 0 L 1.140625 0 L 1.140625 -9.578125 L 5.8125 -9.578125 C 6.976562 -9.578125 7.875 -9.351562 8.5 -8.90625 C 9.125 -8.457031 9.4375 -7.847656 9.4375 -7.078125 C 9.4375 -6.617188 9.320312 -6.207031 9.09375 -5.84375 C 8.875 -5.476562 8.5625 -5.191406 8.15625 -4.984375 Z M 3.34375 -7.90625 L 3.34375 -5.640625 L 5.53125 -5.640625 C 6.082031 -5.640625 6.5 -5.734375 6.78125 -5.921875 C 7.0625 -6.117188 7.203125 -6.40625 7.203125 -6.78125 C 7.203125 -7.15625 7.0625 -7.4375 6.78125 -7.625 C 6.5 -7.8125 6.082031 -7.90625 5.53125 -7.90625 Z M 5.921875 -1.671875 C 6.503906 -1.671875 6.941406 -1.765625 7.234375 -1.953125 C 7.535156 -2.148438 7.6875 -2.445312 7.6875 -2.84375 C 7.6875 -3.632812 7.097656 -4.03125 5.921875 -4.03125 L 3.34375 -4.03125 L 3.34375 -1.671875 Z M 5.921875 -1.671875\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(234.258768, 211.802213)\"><g><path d=\"M 8.15625 -4.984375 C 8.707031 -4.804688 9.132812 -4.515625 9.4375 -4.109375 C 9.75 -3.703125 9.90625 -3.203125 9.90625 -2.609375 C 9.90625 -1.773438 9.578125 -1.128906 8.921875 -0.671875 C 8.273438 -0.222656 7.328125 0 6.078125 0 L 1.140625 0 L 1.140625 -9.578125 L 5.8125 -9.578125 C 6.976562 -9.578125 7.875 -9.351562 8.5 -8.90625 C 9.125 -8.457031 9.4375 -7.847656 9.4375 -7.078125 C 9.4375 -6.617188 9.320312 -6.207031 9.09375 -5.84375 C 8.875 -5.476562 8.5625 -5.191406 8.15625 -4.984375 Z M 3.34375 -7.90625 L 3.34375 -5.640625 L 5.53125 -5.640625 C 6.082031 -5.640625 6.5 -5.734375 6.78125 -5.921875 C 7.0625 -6.117188 7.203125 -6.40625 7.203125 -6.78125 C 7.203125 -7.15625 7.0625 -7.4375 6.78125 -7.625 C 6.5 -7.8125 6.082031 -7.90625 5.53125 -7.90625 Z M 5.921875 -1.671875 C 6.503906 -1.671875 6.941406 -1.765625 7.234375 -1.953125 C 7.535156 -2.148438 7.6875 -2.445312 7.6875 -2.84375 C 7.6875 -3.632812 7.097656 -4.03125 5.921875 -4.03125 L 3.34375 -4.03125 L 3.34375 -1.671875 Z M 5.921875 -1.671875\"><\/path><\/g><\/g><\/g><g fill-opacity=\"1\" fill=\"currentColor\"><g transform=\"translate(248.128846, 211.802213)\"><g><path d=\"M 11.484375 1.03125 C 11.171875 1.40625 10.789062 1.691406 10.34375 1.890625 C 9.90625 2.097656 9.425781 2.203125 8.90625 2.203125 C 8.1875 2.203125 7.539062 2.046875 6.96875 1.734375 C 6.394531 1.429688 5.738281 0.894531 5 0.125 C 4.132812 0.0078125 3.363281 -0.265625 2.6875 -0.703125 C 2.007812 -1.148438 1.476562 -1.726562 1.09375 -2.4375 C 0.71875 -3.144531 0.53125 -3.925781 0.53125 -4.78125 C 0.53125 -5.71875 0.753906 -6.5625 1.203125 -7.3125 C 1.660156 -8.070312 2.285156 -8.664062 3.078125 -9.09375 C 3.878906 -9.519531 4.773438 -9.734375 5.765625 -9.734375 C 6.765625 -9.734375 7.660156 -9.519531 8.453125 -9.09375 C 9.242188 -8.664062 9.863281 -8.070312 10.3125 -7.3125 C 10.769531 -6.5625 11 -5.71875 11 -4.78125 C 11 -3.675781 10.6875 -2.703125 10.0625 -1.859375 C 9.445312 -1.023438 8.625 -0.441406 7.59375 -0.109375 C 7.820312 0.128906 8.039062 0.300781 8.25 0.40625 C 8.46875 0.507812 8.695312 0.5625 8.9375 0.5625 C 9.53125 0.5625 10.050781 0.320312 10.5 -0.15625 Z M 2.78125 -4.78125 C 2.78125 -4.1875 2.910156 -3.65625 3.171875 -3.1875 C 3.429688 -2.726562 3.785156 -2.367188 4.234375 -2.109375 C 4.691406 -1.847656 5.203125 -1.71875 5.765625 -1.71875 C 6.335938 -1.71875 6.847656 -1.847656 7.296875 -2.109375 C 7.753906 -2.367188 8.113281 -2.726562 8.375 -3.1875 C 8.632812 -3.65625 8.765625 -4.1875 8.765625 -4.78125 C 8.765625 -5.375 8.632812 -5.898438 8.375 -6.359375 C 8.113281 -6.828125 7.753906 -7.191406 7.296875 -7.453125 C 6.847656 -7.710938 6.335938 -7.84375 5.765625 -7.84375 C 5.203125 -7.84375 4.691406 -7.710938 4.234375 -7.453125 C 3.785156 -7.191406 3.429688 -6.828125 3.171875 -6.359375 C 2.910156 -5.898438 2.78125 -5.375 2.78125 -4.78125 Z M 2.78125 -4.78125\"><\/path><\/g><\/g><\/g><g clip-path=\"url(#963936942f)\"><path fill-rule=\"nonzero\" fill-opacity=\"1\" d=\"M 0.746094 188.347656 L 374.246094 188.347656 L 374.246094 191.347656 L 0.746094 191.347656 Z M 0.746094 188.347656\" fill=\"currentColor\"><\/path><\/g><\/svg>\n                <\/div>\n            <\/figure>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style>\n\/* \u2500\u2500 Webinar-Anmeldung (Stil wie beim letzten Pickware-AI-Webinar) \u2500\u2500 *\/\n.pwai section.wb { background: var(--black); padding: 72px 0; }\n.pwai .wb .pwai-head { margin-bottom: 40px; }\n.pwai .wb-card {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    max-width: 1100px;\n    margin: 0 auto;\n    border-radius: 24px;\n    overflow: hidden;\n}\n.pwai .wb-left { background: #a7b1bd; color: #22330a; padding: 48px; min-width: 0; }\n.pwai .wb-right { background: #abed56; color: #22330a; padding: 48px; min-width: 0; display: flex; flex-direction: column; justify-content: center; }\n.pwai #pw-webinar-form { width: 100%; }\n.pwai .wb-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    height: 40px;\n    padding: 0 18px 0 6px;\n    border-radius: 20px;\n    background: #22330a;\n    color: #abed56;\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n    letter-spacing: -0.02em;\n    margin-bottom: 24px;\n}\n.pwai .wb-badge i {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: #abed56;\n    display: grid;\n    place-items: center;\n}\n.pwai .wb-badge i::after {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: #ff5757;\n    animation: wb-rec 1.6s ease-in-out infinite;\n}\n@keyframes wb-rec { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }\n.pwai .wb .wb-title {\n    font-family: \"Fira Sans\", sans-serif;\n    font-weight: 900;\n    font-style: italic;\n    font-size: clamp(36px, 4.4vw, 64px);\n    line-height: 1;\n    letter-spacing: -0.02em;\n    color: #22330a;\n    margin-bottom: 28px;\n    overflow-wrap: break-word;\n}\n.pwai .wb-facts {\n    display: inline-flex;\n    flex-wrap: wrap;\n    max-width: 100%;\n    background: #abed56;\n    border: 1px solid #8ccf3a;\n    border-radius: 10px;\n    overflow: hidden;\n    margin-bottom: 28px;\n}\n.pwai .wb-facts span {\n    padding: 12px 16px;\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 500;\n    font-size: 16px;\n    color: #22330a;\n    white-space: nowrap;\n}\n.pwai .wb-facts span + span { border-left: 1px solid #8ccf3a; }\n.pwai .wb-lead {\n    font-size: 17px;\n    line-height: 1.5;\n    color: #22330a;\n    max-width: 460px;\n    margin-bottom: 32px;\n}\n.pwai .wb-speaker { display: flex; align-items: center; gap: 18px; }\n.pwai .wb-avatar {\n    width: 52px;\n    height: 52px;\n    flex: 0 0 52px;\n    border-radius: 50%;\n    background: #22330a center \/ cover no-repeat;\n    color: #abed56;\n    display: grid;\n    place-items: center;\n    font-weight: 700;\n    font-size: 20px;\n}\n.pwai .wb-speaker strong { display: block; font-size: 16px; font-weight: 700; color: #22330a; }\n.pwai .wb-speaker div span { font-size: 14px; color: #455564; }\n\n\/* HubSpot-Formular (greift, wenn das Formular nicht im iFrame rendert) *\/\n.pwai .wb #pw-webinar-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }\n.pwai .wb #pw-webinar-form .hs-richtext h1,\n.pwai .wb #pw-webinar-form .hs-richtext h2,\n.pwai .wb #pw-webinar-form .hs-richtext h3 {\n    font-style: normal;\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: clamp(24px, 2.2vw, 30px);\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n    color: #22330a;\n    margin: 0 0 20px;\n}\n#pw-webinar-form,\n#pw-webinar-form .hs-form,\n#pw-webinar-form .hs-form fieldset { width: 100% !important; max-width: 100% !important; min-width: 0; box-sizing: border-box; }\n#pw-webinar-form .hs-form fieldset.form-columns-1 .hs-form-field,\n#pw-webinar-form .hs-form fieldset.form-columns-1 .input { width: 100% !important; float: none !important; }\n#pw-webinar-form .hs-form .hs-form-field { max-width: 100%; margin-bottom: 14px; }\n#pw-webinar-form .hs-form fieldset.form-columns-2 { display: flex; gap: 20px; }\n#pw-webinar-form .hs-form fieldset.form-columns-2 .hs-form-field { width: auto !important; flex: 1; float: none !important; }\n#pw-webinar-form .hs-form fieldset .input { margin-right: 0 !important; }\n#pw-webinar-form .hs-form label {\n    display: block;\n    font-family: \"Roboto\", sans-serif;\n    font-size: 14px;\n    font-weight: 500;\n    color: #4f6e1d;\n    margin-bottom: 5px;\n}\n#pw-webinar-form .hs-form .hs-form-required { color: #e0201b; margin-left: 1px; }\n#pw-webinar-form .hs-form .hs-input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    width: 100% !important;\n    max-width: 100%;\n    height: 44px;\n    padding: 0 14px;\n    border: 1px solid #dfe5ea;\n    border-radius: 2px;\n    background: #f4f7fa;\n    font-family: \"Roboto\", sans-serif;\n    font-size: 16px;\n    color: #22330a;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n#pw-webinar-form .hs-form .hs-input:focus { outline: none; border-color: #22330a; box-shadow: 0 0 0 3px rgba(34, 51, 10, 0.15); }\n#pw-webinar-form .hs-form ul.inputs-list { list-style: none; margin: 0; padding: 0; }\n#pw-webinar-form .hs-form .hs-form-booleancheckbox-display { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; color: #4f6e1d; line-height: 1.4; }\n#pw-webinar-form .hs-form input[type=\"checkbox\"] { width: 18px; height: 18px; margin: 2px 0 0; flex: 0 0 18px; accent-color: #22330a; }\n#pw-webinar-form .hs-form .legal-consent-container,\n#pw-webinar-form .hs-form .hs-richtext { font-size: 13px; line-height: 1.45; color: #4f6e1d; }\n#pw-webinar-form .hs-form a { color: #0d8ae0; text-decoration: underline; }\n#pw-webinar-form .hs-form .hs-error-msgs { list-style: none; margin: 6px 0 0; padding: 0; }\n#pw-webinar-form .hs-form .hs-error-msg { font-size: 13px; color: #b3261e; font-weight: 500; }\n#pw-webinar-form .hs-form .hs_submit { margin-top: 18px; }\n#pw-webinar-form .hs-form .hs_submit .actions { margin: 0; padding: 0; }\n#pw-webinar-form .hs-form .hs-button {\n    background: #22330a;\n    color: #abed56;\n    border: none;\n    border-radius: 4px;\n    padding: 14px 24px;\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 17px;\n    letter-spacing: -0.02em;\n    cursor: pointer;\n    transition: transform 0.15s ease, background 0.15s ease;\n}\n#pw-webinar-form .hs-form .hs-button:hover { background: #2f4610; transform: translateY(-1px); }\n#pw-webinar-form .submitted-message { font-family: \"Roboto\", sans-serif; font-size: 20px; line-height: 1.45; color: #22330a; }\n\n@media (max-width: 981px) {\n    .pwai .wb-card { grid-template-columns: minmax(0, 1fr); max-width: 640px; }\n}\n@media (max-width: 768px) {\n    .pwai section.wb { padding: 48px 0; }\n    .pwai .wb-card { border-radius: 16px; }\n    .pwai .wb-left, .pwai .wb-right { padding: 32px 22px; }\n    .pwai .wb .wb-title { font-size: clamp(32px, 9vw, 44px); margin-bottom: 20px; }\n    .pwai .wb-facts { margin-bottom: 20px; }\n    .pwai .wb-facts span { padding: 10px 12px; font-size: 14px; white-space: normal; }\n    .pwai .wb-lead { font-size: 16px; margin-bottom: 24px; }\n    #pw-webinar-form .hs-form fieldset.form-columns-2 { display: block; }\n    #pw-webinar-form .hs-form fieldset.form-columns-2 .hs-form-field { width: 100% !important; }\n}\n@media (prefers-reduced-motion: reduce) {\n    .pwai .wb-badge i::after { animation: none; }\n}\n<\/style>\n<div class=\"pwai\">\n    <section class=\"wb is-agents\" id=\"webinar\" aria-labelledby=\"webinar-title\">\n        <div class=\"container\">\n            <div class=\"pwai-head\" data-reveal>\n                <span class=\"pwai-kicker\">Webinar<\/span>\n                <h2 class=\"pwai-h2\" id=\"webinar-title\">Erlebe die AI&nbsp;Agents live im Webinar<\/h2>\n                <p class=\"pwai-lead\">Melde dich jetzt an und sieh dir an, wie die Pickware AI Agents in deinem Alltag arbeiten.<\/p>\n            <\/div>\n            <div class=\"wb-card\" id=\"webinar-anmeldung\">\n                <div class=\"wb-left\">\n                    <span class=\"wb-badge\"><i aria-hidden=\"true\"><\/i>Webinar<\/span>\n                    <h3 class=\"wb-title\">Pickware&nbsp;AI Agents<\/h3>\n                    <div class=\"wb-facts\"><span>Online<\/span><span>28. Oktober 2026<\/span><span>14:00 Uhr<\/span><\/div>\n                    <p class=\"wb-lead\">Wir zeigen dir die Pickware AI Agents live: wie du deinen ersten Agenten erstellst, testest und freigibst, vom Lagerbriefing bis zum DATEV-Export. Plus Q&amp;A.<\/p>\n                    <div class=\"wb-speaker\">\n                        <span class=\"wb-avatar\" style=\"background-image:url('https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/samy.jpg')\" role=\"img\" aria-label=\"Samuel Vogel\"><\/span>\n                        <div><strong>Samuel Vogel<\/strong><span>CEO &amp; Founder, Pickware<\/span><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"wb-right\">\n                    <div id=\"pw-webinar-form\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n<script>\n(function(){\n    var done = false;\n    function createForm(){\n        if(done) return;\n        if(!window.hbspt) return;\n        done = true;\n        hbspt.forms.create({\n            portalId: \"26748939\",\n            formId: \"352ab922-c742-4cec-82b0-ded6c2b39552\",\n            region: \"eu1\",\n            target: \"#pw-webinar-form\"\n        });\n    }\n    createForm();\n    if(!done){ window.addEventListener('load', createForm); }\n})();\n<\/script>\n\n\n\n<style>\n\/* \u2550\u2550 Chat-Karten (echtes Pickware-AI-Chatdesign) + Slider-Steuerung \u2550\u2550 *\/\n\/* \u2500\u2500 Chat-Karte im echten Pickware-AI-Design \u2500\u2500 *\/\n.pwai .chat-card {\n    position: relative;\n    background: #ffffff;\n    border-radius: 15px;\n    width: 100%;\n    max-width: 521px;\n    overflow: hidden;\n    color: #1e1e24;\n    display: flex;\n    flex-direction: column;\n    min-height: 600px;\n    font-family: \"Inter\", \"Roboto\", system-ui, sans-serif;\n    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.5);\n}\n\n.pwai .chat-card .cc-head {\n    position: relative;\n    background: #09a7ff;\n    height: 86px;\n    flex: 0 0 86px;\n    overflow: hidden;\n}\n\n.pwai .chat-card .cc-head::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(rgba(255, 255, 255, 0.35) 0.9px, transparent 1.1px);\n    background-size: 6px 6px;\n    -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000 100%);\n    mask-image: linear-gradient(90deg, transparent 35%, #000 100%);\n}\n\n.pwai .chat-card .cc-title {\n    position: absolute;\n    left: 20px;\n    top: 11px;\n    font-family: \"Fira Sans\", sans-serif;\n    font-weight: 900;\n    font-style: italic;\n    font-size: 24px;\n    line-height: 30px;\n    letter-spacing: -0.4px;\n    color: #ffffff;\n}\n\n.pwai .chat-card .cc-title span { color: rgba(255, 255, 255, 0.85); }\n\n.pwai .chat-card .cc-close {\n    position: absolute;\n    right: 18px;\n    top: 18px;\n    width: 12px;\n    height: 12px;\n    color: #ffffff;\n}\n\n.pwai .chat-card .cc-close svg,\n.pwai .chat-card .cc-plus svg { display: block; width: 100%; height: 100%; }\n\n.pwai .chat-card .cc-tabs {\n    position: absolute;\n    left: 12px;\n    bottom: 0;\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n}\n\n.pwai .chat-card .cc-tab {\n    max-width: 230px;\n    height: 33px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0 8px 0 13px;\n    background: #ffffff;\n    border-radius: 6px 6px 0 0;\n    font-size: 12px;\n    font-weight: 600;\n    color: #1d203b;\n}\n\n.pwai .chat-card .cc-tab svg { width: 9px; height: 9px; color: #9aa6b2; }\n\n.pwai .chat-card .cc-plus {\n    width: 13px;\n    height: 13px;\n    margin-bottom: 10px;\n    color: #ffffff;\n}\n\n.pwai .chat-card .cc-spin {\n    display: none;\n    width: 11px;\n    height: 11px;\n    flex: 0 0 11px;\n    border-radius: 50%;\n    border: 2px solid rgba(9, 167, 255, 0.25);\n    border-top-color: #09a7ff;\n    animation: pwai-spin 0.8s linear infinite;\n}\n\n.pwai .chat-card .body {\n    padding: 20px 18px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.pwai .chat-card .msg-user { display: flex; justify-content: flex-end; }\n\n.pwai .chat-card .msg-user .bubble {\n    background: rgba(9, 167, 255, 0.1);\n    color: #37434f;\n    border-radius: 10px;\n    padding: 11px 14px;\n    font-size: 14px;\n    line-height: 21px;\n    max-width: 88%;\n}\n\n.pwai .chat-card .msg-ai .content {\n    font-size: 14px;\n    line-height: 21px;\n    color: #1e1e24;\n}\n\n.pwai .chat-card .cc-status { position: relative; min-height: 18px; margin-bottom: 8px; }\n\n.pwai .chat-card .cc-think,\n.pwai .chat-card .tool-line {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    line-height: 18px;\n    color: #37434f;\n}\n\n.pwai .chat-card .cc-think { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.3s ease; }\n.pwai .chat-card .cc-think .cc-spin { display: block; }\n.pwai .chat-card .tool-line svg { width: 11px; height: 11px; color: #1fa37a; flex: 0 0 11px; }\n.pwai .chat-card .tool-line svg.chev { color: #9aa6b2; width: 9px; height: 9px; }\n\n.pwai .chat-card .answer p { margin: 0 0 10px; }\n.pwai .chat-card .answer p:last-child { margin-bottom: 0; }\n.pwai .chat-card .answer ul { margin: 0 0 10px 20px; padding: 0; }\n.pwai .chat-card .answer li { margin: 0 0 3px; }\n.pwai .chat-card .answer strong { font-weight: 700; }\n\n\/* Entity-Referenzen wie im Produkt *\/\n.pwai .er {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 0 7px 0 5px;\n    border-radius: 6px;\n    border: 1px solid;\n    font-weight: 500;\n    line-height: 19px;\n    white-space: nowrap;\n}\n\n.pwai .er::before {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    flex: 0 0 10px;\n    background: currentColor;\n    -webkit-mask: var(--er-ic) center \/ contain no-repeat;\n    mask: var(--er-ic) center \/ contain no-repeat;\n}\n\n.pwai .er--p { color: #0e7a58; background: rgba(31, 212, 158, 0.12); border-color: rgba(31, 212, 158, 0.4); --er-ic: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 9h11v12H10zM3 3h11v4H8v7H3z'\/%3E%3C\/svg%3E\"); }\n.pwai .er--c { color: #b4561a; background: rgba(255, 136, 7, 0.1); border-color: rgba(255, 136, 7, 0.35); --er-ic: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='5'\/%3E%3Cpath d='M3 22c0-5 4-8 9-8s9 3 9 8z'\/%3E%3C\/svg%3E\"); }\n.pwai .er--o { color: #0b7fc2; background: rgba(9, 167, 255, 0.1); border-color: rgba(9, 167, 255, 0.35); --er-ic: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h10l5 5v15H5zM8 11h8v2H8zm0 4h8v2H8z'\/%3E%3C\/svg%3E\"); }\n.pwai .er--r { color: #c23b3b; background: rgba(255, 87, 87, 0.1); border-color: rgba(255, 87, 87, 0.35); --er-ic: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L1 21h22zM11 9h2v6h-2zm0 8h2v2h-2z'\/%3E%3C\/svg%3E\"); }\n\n.pwai .chat-card .footer { padding: 0 10px 10px; }\n\n.pwai .chat-card .cc-prompt {\n    position: relative;\n    height: 88px;\n    border: 1px solid #cfd6dc;\n    border-radius: 14px;\n    background: #ffffff;\n    box-shadow: 0 8px 22px -8px rgba(0, 8, 38, 0.14), 0 1px 3px rgba(0, 8, 38, 0.05);\n}\n\n.pwai .chat-card .footer .ph {\n    position: absolute;\n    left: 14px;\n    top: 11px;\n    font-size: 14px;\n    line-height: 22px;\n    color: #b0bac7;\n}\n\n.pwai .chat-card .cc-btns {\n    position: absolute;\n    right: 10px;\n    bottom: 10px;\n    display: flex;\n    gap: 8px;\n}\n\n.pwai .chat-card .cc-clip,\n.pwai .chat-card .send,\n.pwai .chat-card .cc-stop {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    box-sizing: border-box;\n}\n\n.pwai .chat-card .cc-clip { border: 1px solid #cdced4; color: #1e1e24; }\n.pwai .chat-card .send { background: #09a7ff; color: #ffffff; }\n.pwai .chat-card .cc-stop { display: none; border: 1px solid #cdced4; }\n.pwai .chat-card .cc-stop::before { content: \"\"; width: 9px; height: 9px; border-radius: 2px; background: #1e1e24; }\n.pwai .chat-card .cc-clip svg,\n.pwai .chat-card .send svg { width: 14px; height: 14px; display: block; }\n\n.pwai .chat-card .cc-tl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.pwai .chat-card .cc-tl--1,\n.pwai .chat-card .cc-tl--2 { display: none; }\n.pwai .chat-card[data-animate].show-user .cc-tl--0 { display: none; }\n.pwai .chat-card[data-animate].show-user .cc-tl--1 { display: block; }\n.pwai .chat-card[data-animate].show-answer .cc-tl--1 { display: none; }\n.pwai .chat-card[data-animate].show-answer .cc-tl--2 { display: block; animation: cc-title-in 0.4s ease; }\n@keyframes cc-title-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }\n\n\/* Animation *\/\n.pwai .chat-card[data-animate] .msg-user,\n.pwai .chat-card[data-animate] .tool-line,\n.pwai .chat-card[data-animate] .answer {\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.5s ease, transform 0.5s ease;\n}\n\n.pwai .chat-card[data-animate] .msg-user { transform: translateX(20px); }\n.pwai .chat-card[data-animate].show-user .msg-user { opacity: 1; transform: translateX(0); }\n.pwai .chat-card[data-animate].show-tool .tool-line { opacity: 1; transform: translateY(0); }\n.pwai .chat-card[data-animate].show-answer .answer { opacity: 1; transform: translateY(0); }\n.pwai .chat-card[data-animate].thinking:not(.show-tool) .cc-think { opacity: 1; }\n.pwai .chat-card[data-animate].thinking .cc-tab .cc-spin { display: block; }\n.pwai .chat-card[data-animate].thinking .footer .send { display: none; }\n.pwai .chat-card[data-animate].thinking .footer .cc-stop { display: grid; }\n\n\/* Datei-Anlage in der Nutzernachricht, Tabellen mit Umbruch, OK-Markierung *\/\n.pwai .chat-card .cc-attach { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; width: max-content; max-width: 100%; border: 1px solid #e2e8ef; border-radius: 8px; padding: 4px 8px; background: #ffffff; font-size: 12px; font-weight: 600; color: #1d203b; }\n.pwai .chat-card .cc-attach::before { content: \"PDF\"; font-size: 9px; font-weight: 700; color: #ffffff; background: #ff5757; border-radius: 3px; padding: 1px 4px; }\n.pwai .chat-card .cc-table--wrap td { white-space: normal; }\n\n.pwai .chat-card .cc-ok { color: #0e7a58; font-weight: 600; }\n\n\/* Antwort-Tabelle, CSV-Export, Feedback-Leiste (Design wie im Produkt) *\/\n.pwai .chat-card .cc-table { margin: 0 0 10px; }\n.pwai .chat-card .cc-table-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; font-size: 11px; color: #758ca3; }\n.pwai .chat-card .cc-csv { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #cfd6dc; border-radius: 5px; padding: 2px 8px; font-size: 11px; font-weight: 600; color: #37434f; }\n.pwai .chat-card .cc-csv::before { content: \"\"; width: 10px; height: 10px; background: currentColor; -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v10l3.5-3.5 1.4 1.4L12 16.8l-5.9-5.9 1.4-1.4L11 13zM4 19h16v2H4z'\/%3E%3C\/svg%3E\") center \/ contain no-repeat; mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v10l3.5-3.5 1.4 1.4L12 16.8l-5.9-5.9 1.4-1.4L11 13zM4 19h16v2H4z'\/%3E%3C\/svg%3E\") center \/ contain no-repeat; }\n.pwai .chat-card .cc-table table { width: 100%; border-collapse: collapse; border: 1px solid #e2e8ef; border-radius: 8px; overflow: hidden; font-size: 12px; line-height: 1.4; }\n.pwai .chat-card .cc-table th { background: #f7f9fb; text-align: left; font-weight: 700; color: #1e1e24; padding: 6px 8px; border-bottom: 1px solid #e2e8ef; }\n.pwai .chat-card .cc-table td { padding: 5px 8px; border-bottom: 1px solid #eef1f4; color: #1e1e24; white-space: nowrap; }\n.pwai .chat-card .cc-table tr:last-child td { border-bottom: none; }\n.pwai .chat-card .cc-table .er { font-size: 11.5px; }\n.pwai .chat-card .answer code { font-family: \"Roboto Mono\", monospace; font-size: 12px; background: #eceef1; border-radius: 4px; padding: 0 4px; }\n.pwai .chat-card .cc-fb { display: flex; gap: 10px; margin-top: 10px; }\n.pwai .chat-card .cc-fb i { width: 13px; height: 13px; background: #9aa6b2; -webkit-mask: var(--ic) center \/ contain no-repeat; mask: var(--ic) center \/ contain no-repeat; }\n.pwai .chat-card .cc-fb-copy { --ic: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'\/%3E%3Cpath d='M16 8V5a1 1 0 00-1-1H5a1 1 0 00-1 1v10a1 1 0 001 1h3'\/%3E%3C\/svg%3E\"); }\n.pwai .chat-card .cc-fb-up { --ic: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M7 10v11H3V10zM7 10l4-8a3 3 0 013 3v4h6a2 2 0 012 2.3l-1.4 8A2 2 0 0118.6 21H7'\/%3E%3C\/svg%3E\"); }\n.pwai .chat-card .cc-fb-down { --ic: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M17 14V3h4v11zM17 14l-4 8a3 3 0 01-3-3v-4H4a2 2 0 01-2-2.3l1.4-8A2 2 0 015.4 3H17'\/%3E%3C\/svg%3E\"); }\n.pwai .chat-card .cc-fb-retry { --ic: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.6M4 4v5h5'\/%3E%3C\/svg%3E\"); }\n\n\/* \u2550\u2550 Karten-Stapel + Slider-Steuerung (Pfeile, Punkte, Pause) f\u00fcr .chat-card (Pickware AI) und .ac (AI-Client) \u2550\u2550 *\/\n.pwai .tile > .chat-stack { width: 100%; max-width: 521px; min-height: 600px; display: grid; }\n.pwai .tile > .chat-stack > .chat-card, .pwai .tile > .chat-stack > .ac { grid-area: 1 \/ 1; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease; }\n.pwai .tile > .chat-stack > .chat-card.is-active, .pwai .tile > .chat-stack > .ac.is-active { opacity: 1; visibility: visible; pointer-events: auto; }\n.pwai .chat-controls {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    z-index: 4;\n}\n.pwai .chat-controls .nav-btn {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: var(--white);\n    color: var(--ink);\n    border: none;\n    cursor: pointer;\n    display: grid;\n    place-items: center;\n    padding: 0;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n    transition: background 0.15s ease, transform 0.15s ease;\n}\n.pwai .chat-controls .nav-btn:hover { background: rgba(255, 255, 255, 0.92); transform: scale(1.06); }\n.pwai .chat-controls .nav-btn:active { transform: scale(0.92); }\n.pwai .chat-controls .nav-btn svg { display: block; }\n.pwai .chat-controls .dots {\n    display: inline-flex;\n    align-items: center;\n    gap: 20px;\n    height: 40px;\n    border-radius: 24px;\n    background: var(--white);\n    padding: 0 20px;\n}\n.pwai .chat-controls .dots .dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #00000026;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: background 0.2s ease, transform 0.2s ease;\n}\n.pwai .chat-controls .dots .dot:hover { background: rgba(0, 0, 0, 0.35); }\n.pwai .chat-controls .dots .dot.is-active { transform: scale(1.25); background: black; }\n\/* Pause-Button (nur bei data-autoplay) *\/\n.pwai .chat-controls .pause-btn .ic-play { display: none; }\n.pwai .chat-controls .pause-btn.is-paused .ic-pause { display: none; }\n.pwai .chat-controls .pause-btn.is-paused .ic-play { display: block; }\n\n\/* Schmale Handys: Steuerleiste darf nicht breiter als die Kachel werden (sonst zieht sie die Karte mit) *\/\n@media (max-width: 500px) {\n    .pwai .chat-controls { gap: 8px; }\n    .pwai .chat-controls .dots { gap: 14px; padding: 0 14px; }\n}\n\/* Schmale Karten: Tabellen passen in die Karte, Zellen und Datensatz-Marken brechen um *\/\n@media (max-width: 500px) {\n    .pwai .chat-card .cc-table table { font-size: 10.5px; }\n    .pwai .chat-card .cc-table th { padding: 5px 5px; }\n    .pwai .chat-card .cc-table td { padding: 4px 5px; white-space: normal; overflow-wrap: anywhere; }\n    .pwai .chat-card .cc-table .er { font-size: 10px; white-space: normal; line-height: 1.35; padding: 1px 5px 1px 4px; }\n    .pwai .chat-card .cc-table-meta { font-size: 10px; }\n}\n@media (prefers-reduced-motion: reduce) {\n    .pwai .chat-card[data-animate] .msg-user,\n    .pwai .chat-card[data-animate] .tool-line,\n    .pwai .chat-card[data-animate] .answer { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n<div class=\"pwai\">\n    <section class=\"pwai-section is-chat\" id=\"chat\" aria-labelledby=\"chat-title\">\n        <div class=\"container\">\n            <div class=\"pwai-head\" data-reveal>\n                <span class=\"pwai-kicker\">AI Chat<\/span>\n                <h2 class=\"pwai-h2\" id=\"chat-title\">Klicks sind Zeitverschwendung<\/h2>\n                <p class=\"pwai-lead\">Frag die Pickware AI: Was sonst zehn Men\u00fcklicks braucht, hast du in Sekunden.<\/p>\n            <\/div>\n            <div class=\"pwai-split\">\n                <div class=\"tile\"><canvas class=\"dither\" data-dither='{\"back\":\"#000000\",\"front\":\"#09A7FF\",\"px\":3,\"speed\":1.2,\"type\":2,\"shape\":5}'><\/canvas>\n                    <div class=\"chat-stack\">\n                        <div class=\"chat-card\"><div class=\"cc-head\"><div class=\"cc-title\"><span>Pickware<\/span> AI<\/div><div class=\"cc-close\"><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M3 3l12 12M15 3L3 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><div class=\"cc-tabs\"><div class=\"cc-tab\"><span class=\"cc-spin\"><\/span><span class=\"cc-tl cc-tl--0\">Unterhaltung<\/span><span class=\"cc-tl cc-tl--1\">TextilPro hat die EK-Preise um 8 % erh\u00f6ht. Wie wirkt sich das auf unsere Marge aus?<\/span><span class=\"cc-tl cc-tl--2\">Margenanalyse<\/span><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M3 3l12 12M15 3L3 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><div class=\"cc-plus\"><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 2v14M2 9h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><\/div><\/div><div class=\"body\"><div class=\"msg-user\"><div class=\"bubble\">TextilPro hat die EK-Preise um 8 % erh\u00f6ht. Wie wirkt sich das auf unsere Marge aus?<\/div><\/div><div class=\"msg-ai\"><div class=\"content\"><div class=\"cc-status\"><div class=\"cc-think\"><span class=\"cc-spin\"><\/span>Verwendet Tools \u2026<\/div><div class=\"tool-line\"><svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3 3 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verwendet 2 Tools<svg class=\"chev\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/div><div class=\"answer\"><p><span class=\"er er--c\">TextilPro<\/span> liefert 6 Artikel. Bei 8 % h\u00f6herem EK ver\u00e4ndert sich die Marge so:<\/p><ul><li><span class=\"er er--p\">Oversize Tee Washed Black<\/span>: <strong>48,0 % \u2192 42,5 %<\/strong><\/li><li><span class=\"er er--p\">Cargo Pants Olive<\/span>: <strong>44,0 % \u2192 38,3 %<\/strong><\/li><li><span class=\"er er--p\">Basic Tee 3er-Bundle<\/span>: <strong>36,0 % \u2192 29,9 %<\/strong><\/li><\/ul><p>Die 3 \u00fcbrigen Artikel bleiben \u00fcber 50 %. Beim <strong>Basic Tee<\/strong> f\u00e4llt die Marge unter 30 %. Soll ich die VK-Preise gegenrechnen?<\/p><\/div><\/div><\/div><\/div><div class=\"footer\"><div class=\"cc-prompt\"><span class=\"ph\">Frage mich etwas!<\/span><span class=\"cc-btns\"><span class=\"cc-clip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.5 11.5l-8.4 8.4a5 5 0 01-7.1-7.1l8.8-8.8a3.3 3.3 0 014.7 4.7l-8.8 8.8a1.7 1.7 0 01-2.4-2.4l8.1-8.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"send\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 19V5M6 11l6-6 6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"cc-stop\"><\/span><\/span><\/div><\/div><\/div>\n                        <div class=\"chat-card\"><div class=\"cc-head\"><div class=\"cc-title\"><span>Pickware<\/span> AI<\/div><div class=\"cc-close\"><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M3 3l12 12M15 3L3 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><div class=\"cc-tabs\"><div class=\"cc-tab\"><span class=\"cc-spin\"><\/span><span class=\"cc-tl cc-tl--0\">Unterhaltung<\/span><span class=\"cc-tl cc-tl--1\">Erstelle eine Retoure f\u00fcr Bestellung #10087: Pulli blau M gegen L umtauschen.<\/span><span class=\"cc-tl cc-tl--2\">Umtausch<\/span><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M3 3l12 12M15 3L3 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><div class=\"cc-plus\"><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 2v14M2 9h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><\/div><\/div><div class=\"body\"><div class=\"msg-user\"><div class=\"bubble\">Erstelle eine Retoure f\u00fcr Bestellung #10087: Pulli blau M gegen L umtauschen.<\/div><\/div><div class=\"msg-ai\"><div class=\"content\"><div class=\"cc-status\"><div class=\"cc-think\"><span class=\"cc-spin\"><\/span>Verwendet Tools \u2026<\/div><div class=\"tool-line\"><svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3 3 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verwendet 3 Tools<svg class=\"chev\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/div><div class=\"answer\"><p>F\u00fcr <span class=\"er er--o\">Bestellung #10087<\/span> habe ich den Umtausch angelegt:<\/p><ul><li><strong>Eingehend:<\/strong> Pulli blau, Gr\u00f6\u00dfe M<\/li><li><strong>Ausgehend:<\/strong> Pulli blau, Gr\u00f6\u00dfe L \u00b7 28 Stk. verf\u00fcgbar<\/li><\/ul><p>Erstellt: <span class=\"er er--o\">Retoure #R-2026-0892<\/span> und <span class=\"er er--o\">Bestellung #10234<\/span>. Soll ich dem Kunden das Retourenlabel per E-Mail schicken?<\/p><\/div><\/div><\/div><\/div><div class=\"footer\"><div class=\"cc-prompt\"><span class=\"ph\">Frage mich etwas!<\/span><span class=\"cc-btns\"><span class=\"cc-clip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.5 11.5l-8.4 8.4a5 5 0 01-7.1-7.1l8.8-8.8a3.3 3.3 0 014.7 4.7l-8.8 8.8a1.7 1.7 0 01-2.4-2.4l8.1-8.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"send\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 19V5M6 11l6-6 6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"cc-stop\"><\/span><\/span><\/div><\/div><\/div>\n                        <div class=\"chat-card\"><div class=\"cc-head\"><div class=\"cc-title\"><span>Pickware<\/span> AI<\/div><div class=\"cc-close\"><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M3 3l12 12M15 3L3 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><div class=\"cc-tabs\"><div class=\"cc-tab\"><span class=\"cc-spin\"><\/span><span class=\"cc-tl cc-tl--0\">Unterhaltung<\/span><span class=\"cc-tl cc-tl--1\">Welche Kunden haben \u00fcberf\u00e4llige Rechnungen? Starte den Mahnlauf.<\/span><span class=\"cc-tl cc-tl--2\">Mahnlauf<\/span><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M3 3l12 12M15 3L3 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><div class=\"cc-plus\"><svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 2v14M2 9h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><\/div><\/div><div class=\"body\"><div class=\"msg-user\"><div class=\"bubble\">Welche Kunden haben \u00fcberf\u00e4llige Rechnungen? Starte den Mahnlauf.<\/div><\/div><div class=\"msg-ai\"><div class=\"content\"><div class=\"cc-status\"><div class=\"cc-think\"><span class=\"cc-spin\"><\/span>Verwendet Tools \u2026<\/div><div class=\"tool-line\"><svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3 3 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verwendet 2 Tools<svg class=\"chev\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/div><div class=\"answer\"><p><strong>17 Kunden<\/strong> haben \u00fcberf\u00e4llige Rechnungen, offen sind insgesamt <strong>14.680 \u20ac<\/strong>:<\/p><ul><li><span class=\"er er--c\">Trendhub24<\/span>: 3.920 \u20ac \u00b7 29 Tage<\/li><li><span class=\"er er--c\">ModeBoutique Schmidt<\/span>: 2.180 \u20ac \u00b7 24 Tage<\/li><li><span class=\"er er--c\">B2B-Partner Krause<\/span>: 1.740 \u20ac \u00b7 17 Tage<\/li><\/ul><p>Mahnlauf gestartet: <strong>11 Zahlungserinnerungen<\/strong> und <strong>6 letzte Fristen<\/strong> gehen in den n\u00e4chsten Minuten raus.<\/p><\/div><\/div><\/div><\/div><div class=\"footer\"><div class=\"cc-prompt\"><span class=\"ph\">Frage mich etwas!<\/span><span class=\"cc-btns\"><span class=\"cc-clip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.5 11.5l-8.4 8.4a5 5 0 01-7.1-7.1l8.8-8.8a3.3 3.3 0 014.7 4.7l-8.8 8.8a1.7 1.7 0 01-2.4-2.4l8.1-8.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"send\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 19V5M6 11l6-6 6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><span class=\"cc-stop\"><\/span><\/span><\/div><\/div><\/div>\n                    <\/div>\n                <\/div>\n                <div data-reveal>\n                    <span class=\"pwai-kicker pwai-ticker\" aria-label=\"Einkauf, Lager, Versand, Retouren, Finanzen, Kunden, Kommissionierung und mehr\"><span class=\"pwai-ticker-track\" aria-hidden=\"true\"><span>Einkauf<\/span><span>Versand<\/span><span>Finanzen<\/span><span>Lager<\/span><span>Retouren<\/span><span>Kunden<\/span><span>Kommissionierung<\/span><\/span><\/span>\n                    <h3>Was fr\u00fcher Pain war, l\u00e4uft jetzt<\/h3>\n                    <p class=\"pwai-big\">Du sagst, was gebraucht wird. Der Rest passiert. Pickware AI rechnet deine Marge durch, legt die Retoure an und startet den Mahnlauf. Alles Schritte, die dich sonst t\u00e4glich Zeit kosten.<\/p>\n                    <p class=\"pwai-text\">Der AI Chat kennt deine komplette Warenwirtschaft: Artikel und Varianten, Lagerbest\u00e4nde und Lagerpl\u00e4tze, Lieferanten und Einkaufspreise, Bestellungen, Rechnungen und Kunden. Du fragst ganz normal, wie im Gespr\u00e4ch mit einem Kollegen. Die Antwort kommt mit echten Zahlen aus deinem Shopware- oder Shopify-Shop.<\/p>\n                    <p class=\"pwai-text\">So wird aus Lagerverwaltung, Einkauf, Versand und Buchhaltung eine Unterhaltung statt einer Klickstrecke.<\/p>\n                    <div class=\"pwai-actions\">\n                        <a class=\"pwai-btn pwai-btn--accent\" href=\"\/de\/pickware-ai\/ai-chat\">Mehr zum AI Chat <svg width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M10.5 0L9.427 1.045 15.112 6.75H0v1.5h15.112L9.427 13.93 10.5 15 18 7.5z\"\/><\/svg><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n<script>\n\/* \u2550\u2550 Karten-Timeline + Slider (Pfeile\/Punkte) f\u00fcr .chat-card und .ac (AI-Client-Karten), nutzt window.pwAi \u2550\u2550 *\/\n(function boot(tries){\n  \/* wartet auf window.pwAi (falls ein Optimierungs-Plugin die Script-Reihenfolge \u00e4ndert) *\/\n  var pw = window.pwAi;\n  if(!pw){ if(tries < 200) setTimeout(function(){ boot(tries + 1); }, 50); return; }\n  if(pw.inAdmin) return;\n  pw.onReady(function(){\n    var TIMELINE = [\n      {t: 0, set: []},\n      {t: 400, set: ['show-user']},\n      {t: 700, set: ['show-user', 'thinking']},\n      {t: 2700, set: ['show-user', 'thinking', 'show-tool']},\n      {t: 3200, set: ['show-user', 'show-tool']},\n      {t: 3500, set: ['show-user', 'show-tool', 'show-answer']}\n    ];\n    var TOTAL = 6800, ALL = ['show-user', 'show-tool', 'show-answer', 'thinking'];\n    function setClasses(card, list){ ALL.forEach(function(c){ card.classList.toggle(c, list.indexOf(c) > -1); }); }\n    var arrow = function(d){ return '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"' + d + '\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>'; };\n\n    document.querySelectorAll('.pwai .chat-stack').forEach(function(stack){\n      if(stack.hasAttribute('data-demo')) return; \/* inszenierte Demos steuert client-cards\/demo.html *\/\n      var cards = Array.prototype.slice.call(stack.querySelectorAll('.chat-card, .ac')); if(!cards.length) return;\n      var state = {active: 0, raf: null, finished: false, inView: false, paused: false};\n      if(!pw.reduced){ cards.forEach(function(c){ c.setAttribute('data-animate', ''); }); }\n\n      var tile = stack.closest('.tile') || stack.parentElement, dots = null;\n      if(cards.length > 1){\n        var controls = document.createElement('div'); controls.className = 'chat-controls';\n        var pauseHtml = stack.hasAttribute('data-autoplay') ? '<button class=\"nav-btn pause-btn\" type=\"button\" aria-label=\"Automatisches Weiterschalten pausieren\" aria-pressed=\"false\"><svg class=\"ic-pause\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\/><rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\/><\/svg><svg class=\"ic-play\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M7 4.5L19 12L7 19.5Z\"\/><\/svg><\/button>' : '';\n        controls.innerHTML = pauseHtml + '<button class=\"nav-btn prev-btn\" type=\"button\" aria-label=\"Vorheriger Use Case\">' + arrow('M10 3L5 8l5 5') + '<\/button><div class=\"dots\" role=\"tablist\" aria-label=\"Use Case ausw\u00e4hlen\"><\/div><button class=\"nav-btn next-btn\" type=\"button\" aria-label=\"N\u00e4chster Use Case\">' + arrow('M6 3l5 5-5 5') + '<\/button>';\n        tile.appendChild(controls);\n        dots = controls.querySelector('.dots');\n        cards.forEach(function(_, i){ var d = document.createElement('button'); d.type = 'button'; d.className = 'dot'; d.setAttribute('role', 'tab'); d.setAttribute('aria-label', 'Use Case ' + (i + 1)); d.dataset.idx = String(i); dots.appendChild(d); });\n        var pauseBtn = controls.querySelector('.pause-btn');\n        if(pauseBtn){\n          pauseBtn.addEventListener('click', function(){\n            state.paused = !state.paused;\n            pauseBtn.classList.toggle('is-paused', state.paused);\n            pauseBtn.setAttribute('aria-pressed', state.paused ? 'true' : 'false');\n            pauseBtn.setAttribute('aria-label', state.paused ? 'Automatisches Weiterschalten fortsetzen' : 'Automatisches Weiterschalten pausieren');\n            if(state.paused){ clearTimeout(nextTimer); } else if(state.finished){ queueNext(); }\n          });\n        }\n        controls.querySelector('.prev-btn').addEventListener('click', function(){ goTo(state.active - 1); });\n        controls.querySelector('.next-btn').addEventListener('click', function(){ goTo(state.active + 1); });\n        dots.addEventListener('click', function(e){ var d = e.target.closest('.dot'); if(d) goTo(parseInt(d.dataset.idx, 10)); });\n      }\n\n      \/* AI-Client-Karten (.ac): Frage, kurz laden, Werkzeuge im Abstand von 0,7 s, dann die Antwort *\/\n      function timeline(card){\n        if(card._tl) return card._tl;\n        if(!card.classList.contains('ac')) return (card._tl = {steps: TIMELINE, total: TOTAL});\n        var n = card.querySelectorAll('.ac-tool').length, tools = 1900, answer = tools + n * 700 + 400;\n        return (card._tl = {steps: [{t: 0, set: []}, {t: 300, set: ['show-user']}, {t: 900, set: ['show-user', 'thinking']}, {t: tools, set: ['show-user', 'thinking', 'show-tool']}, {t: answer, set: ['show-user', 'show-tool', 'show-answer']}], total: answer + 2600});\n      }\n      function applyAt(ms){ var steps = timeline(cards[state.active]).steps, list = steps[0].set; for(var i = 0; i < steps.length; i++){ if(steps[i].t <= ms) list = steps[i].set; else break; } setClasses(cards[state.active], list); }\n      var autoplay = stack.hasAttribute('data-autoplay'), HOLD = 3200, nextTimer = null;\n      function start(){\n        if(pw.reduced || state.raf || state.finished) return;\n        var t0 = performance.now();\n        var total = timeline(cards[state.active]).total;\n        (function tick(now){ var el = now - t0; if(el >= total){ applyAt(total); state.raf = null; state.finished = true; queueNext(); return; } applyAt(el); state.raf = requestAnimationFrame(tick); })(t0);\n      }\n      \/* nach Ende der Animation automatisch zur n\u00e4chsten Karte (nur im Sichtbereich) *\/\n      function queueNext(){\n        if(!autoplay) return;\n        if(cards.length < 2) return;\n        clearTimeout(nextTimer);\n        if(state.paused) return;\n        nextTimer = setTimeout(function(){ if(state.inView){ goTo(state.active + 1); } }, HOLD);\n      }\n      function stop(){ if(state.raf) cancelAnimationFrame(state.raf); state.raf = null; clearTimeout(nextTimer); }\n      function show(){\n        cards.forEach(function(c, i){ c.classList.toggle('is-active', i === state.active); if(i !== state.active) setClasses(c, []); });\n        if(dots) Array.prototype.forEach.call(dots.children, function(d, i){ d.classList.toggle('is-active', i === state.active); d.setAttribute('aria-selected', i === state.active ? 'true' : 'false'); });\n      }\n      function goTo(i){ var n = cards.length; state.active = ((i % n) + n) % n; show(); setClasses(cards[state.active], []); stop(); state.finished = false; start(); }\n\n      show();\n      pw.whenVisible(stack, function(){ state.inView = true; if(state.finished){ queueNext(); } else { start(); } }, function(){ state.inView = false; }, {threshold: 0.3});\n    });\n  });\n})(0);\n<\/script>\n\n\n\n<style>\n\/* \u2550\u2550 MCP-Flow: Deine AI \u2192 Deine Tools \u2192 Ergebnis \u2550\u2550 *\/\n.pwai .mcp-stage {\n    background:\n        linear-gradient(rgba(131, 107, 255, .16) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(131, 107, 255, .16) 1px, transparent 1px),\n        var(--ink);\n    background-size: 28px 28px, 28px 28px, auto;\n    border-radius: 16px;\n    padding: 61px 60px;\n    display: grid;\n    grid-template-columns: 1fr auto 1fr auto 1fr;\n    gap: 16px;\n    align-items: stretch;\n    min-height: 330px;\n}\n    \n.pwai .mcp-card {\n    background: #331D55;\n    border-radius: 12px;\n    padding: 32px 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n    \n.pwai .mcp-card .tag,\n.pwai .mcp-center .tag {\n    font-family: \"Roboto Mono\", monospace;\n    font-weight: 700;\n    font-size: 12px;\n    color: var(--white);\n    opacity: 0.5;\n    margin: 8px 0;\n}\n    \n.pwai .mcp-card .name {\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 1.3;\n    color: var(--white);\n    white-space: pre-line;\n}\n    \n.pwai .mcp-card .name-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 1.15;\n    color: var(--white);\n}\n    \n.pwai .mcp-card .name-list .row { display: flex; align-items: center; gap: 10px; }\n    \n.pwai .mcp-card .name-list .row .logo {\n    width: 22px;\n    height: 22px;\n    flex: 0 0 22px;\n    display: grid;\n    place-items: center;\n}\n    \n.pwai .mcp-card .name-list .row .logo svg { display: block; width: 100%; height: 100%; }\n.pwai .mcp-card.pickware { border: 4px solid var(--purple); }\n    \n.pwai .mcp-card.pickware .pill {\n    display: inline-block;\n    background: var(--purple);\n    color: var(--white);\n    font-family: \"Roboto Mono\", monospace;\n    font-weight: 700;\n    font-size: 12px;\n    padding: 3px 10px;\n    border-radius: 4px;\n    margin-bottom: 8px;\n    align-self: flex-start;\n}\n    \n.pwai .mcp-center {\n    background: #331D55;\n    border-radius: 12px;\n    padding: 32px 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n    \n.pwai .mcp-center .brand {\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 1.4;\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n    \n.pwai .mcp-center .brand::before {\n    content: '';\n    display: inline-block;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--white);\n    opacity: 0.4;\n    flex-shrink: 0;\n}\n    \n.pwai .arrow { display: grid; place-items: center; }\n    \n.pwai .arrow-icon {\n    display: block;\n    line-height: 0;\n    transition: transform 0.3s ease;\n}\n    \n.pwai .arrow svg { width: 32px; height: 32px; color: #846AFF; }\n    \n\n@media (max-width: 980px) {\n    .pwai .mcp-stage { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 40px 28px; }\n    .pwai .mcp-stage .arrow { justify-self: center; }\n    .pwai .mcp-stage .arrow-icon { transform: rotate(90deg); }\n}\n@media (max-width: 500px) {\n    .pwai .mcp-stage { padding: 28px 16px; }\n    .pwai .mcp-card, .pwai .mcp-center { padding: 24px 20px; }\n}\n<\/style>\n<div class=\"pwai\">\n    <section class=\"pwai-section is-mcp\" id=\"mcp\" aria-labelledby=\"mcp-title\">\n        <div class=\"container\">\n            <div class=\"pwai-head\" data-reveal>\n                <span class=\"pwai-kicker\">MCP-Server<\/span>\n                <h2 class=\"pwai-h2\" id=\"mcp-title\">Mach den MCP zu deinem MVP<\/h2>\n                <p class=\"pwai-lead\">Verbinde Claude oder ChatGPT mit Pickware AI. Integriere die Tools, mit denen du eh schon arbeitest. So baust du dir Workflows in einer einzigen Oberfl\u00e4che.<\/p>\n            <\/div>\n            <div data-reveal>\n                <div class=\"mcp-stage\">\n                    <div class=\"mcp-card\">\n                        <span class=\"tag\">DEINE AI<\/span>\n                        <div class=\"name-list\">\n                            <div class=\"row\"><span class=\"logo\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/claude-icon.svg\" width=\"22\" height=\"22\" alt=\"Claude AI Logo\"><\/span><span>Claude<\/span><\/div>\n                            <div class=\"row\"><span class=\"logo\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M22.282 9.821a5.985 5.985 0 00-.516-4.91 6.046 6.046 0 00-6.51-2.9A6.065 6.065 0 004.981 4.18a5.985 5.985 0 00-3.998 2.9 6.046 6.046 0 00.743 7.097 5.98 5.98 0 00.51 4.911 6.051 6.051 0 006.515 2.9A5.985 5.985 0 0013.26 24a6.056 6.056 0 005.772-4.206 5.99 5.99 0 003.997-2.9 6.056 6.056 0 00-.747-7.073zM13.26 22.43a4.476 4.476 0 01-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 00.392-.681v-6.737l2.02 1.168a.071.071 0 01.038.052v5.583a4.504 4.504 0 01-4.494 4.494zM3.6 18.304a4.47 4.47 0 01-.535-3.014l.142.085 4.783 2.759a.771.771 0 00.78 0l5.843-3.369v2.332a.08.08 0 01-.033.062L9.74 19.95a4.5 4.5 0 01-6.14-1.646zM2.34 7.896a4.485 4.485 0 012.366-1.973v5.69a.77.77 0 00.388.677l5.815 3.355-2.02 1.168a.08.08 0 01-.071 0l-4.83-2.786A4.504 4.504 0 012.34 7.896zm16.597 3.855l-5.833-3.387L15.119 7.2a.08.08 0 01.071 0l4.83 2.791a4.494 4.494 0 01-.676 8.105v-5.69a.79.79 0 00-.407-.656zm2.01-3.023l-.141-.085-4.774-2.782a.776.776 0 00-.785 0L9.409 9.23V6.897a.066.066 0 01.028-.061l4.83-2.787a4.5 4.5 0 016.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 01-.038-.057V6.075a4.5 4.5 0 017.375-3.453l-.142.08-4.778 2.758a.795.795 0 00-.393.681l-.004 6.723zm1.097-2.365l2.602-1.5 2.607 1.5v3L10.005 13l-2.6-1.502z\" fill=\"#fff\"\/><\/svg><\/span><span>ChatGPT<\/span><\/div>\n                        <\/div>\n                        <span class=\"tag\">beliebiger Client<\/span>\n                    <\/div>\n                    <div class=\"arrow\"><span class=\"arrow-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><polygon points=\"18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6\"\/><rect fill=\"none\" width=\"32\" height=\"32\"\/><\/svg><\/span><\/div>\n                    <div class=\"mcp-center\">\n                        <span class=\"tag\">DEINE TOOLS<\/span>\n                        <span class=\"brand\">Pickware<\/span>\n                        <span class=\"brand\">Shopify<\/span>\n                        <span class=\"brand\">Klaviyo<\/span>\n                        <span class=\"brand\">chatarmin<\/span>\n                        <span class=\"tag\">VIA MCP VERBUNDEN<\/span>\n                    <\/div>\n                    <div class=\"arrow\"><span class=\"arrow-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><polygon points=\"18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6\"\/><rect fill=\"none\" width=\"32\" height=\"32\"\/><\/svg><\/span><\/div>\n                    <div class=\"mcp-card pickware\">\n                        <span class=\"pill\">ERGEBNIS<\/span>\n                        <span class=\"name\">Abverkaufskampagne live<\/span>\n                        <span class=\"tag\">4 Tools, 1 Prompt, 1 Ergebnis<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"pwai-cols\" data-reveal-stagger>\n                <div>\n                    <h3>Was ist ein <span class=\"pwai-nw\">MCP-Server<\/span>?<\/h3>\n                    <p class=\"pwai-text\">MCP steht f\u00fcr Model Context Protocol, einen offenen Standard, \u00fcber den KI-Assistenten auf andere Systeme zugreifen. Der Pickware MCP-Server verbindet deine AI mit Pickware. Claude oder ChatGPT k\u00f6nnen dann Best\u00e4nde abfragen, Bestellungen auswerten und mit deinen Daten aus Warenwirtschaft und Lager arbeiten.<\/p>\n                <\/div>\n                <div>\n                    <h3>Warum das f\u00fcr deinen Shop z\u00e4hlt<\/h3>\n                    <p class=\"pwai-text\">Du lernst keine neue Oberfl\u00e4che und baust keine eigene Schnittstelle f\u00fcr jedes Tool. Pickware AI bringt die Daten aus ERP und WMS mit, deine anderen Konnektoren steuern CRM, Newsletter oder Onlineshop. So entstehen Workflows \u00fcber Systemgrenzen hinweg, zum Beispiel eine komplette Abverkaufskampagne aus einem einzigen Prompt.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"pwai-actions\">\n                <a class=\"pwai-btn pwai-btn--accent\" href=\"\/de\/pickware-ai\/mcp-server\">Mehr zum MCP-Server <svg width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M10.5 0L9.427 1.045 15.112 6.75H0v1.5h15.112L9.427 13.93 10.5 15 18 7.5z\"\/><\/svg><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style>\n\/* \u2550\u2550 Agenten-Inbox (Lagerleiter): Kachel, Inbox-UI, Replay \u2550\u2550 *\/\n.pwai .ll-tile { padding: 48px 24px; }\n.pwai .ll-card {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 560px;\n    height: 900px;\n    background: #ffffff;\n    border-radius: 15px;\n    overflow: hidden;\n    color: #1e1e24;\n    font-family: \"Inter\", \"Roboto\", system-ui, sans-serif;\n    font-size: 13px;\n    line-height: 1.5;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.5);\n}\n.pwai .ll-appbar {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 0 18px;\n    height: 50px;\n    border-bottom: 1px solid #e2e8ef;\n    font-size: 13px;\n}\n.pwai .ll-brand { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 14px; color: #1d203b; }\n.pwai .ll-brand svg { width: 18px; height: 18px; color: #09a7ff; }\n.pwai .ll-sep { width: 1px; height: 20px; background: #e2e8ef; }\n.pwai .ll-tab { display: inline-flex; align-items: center; gap: 5px; color: #54677a; height: 50px; position: relative; white-space: nowrap; }\n.pwai .ll-tab b { font-weight: 700; font-size: 10px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: #eceef1; color: #54677a; display: inline-grid; place-items: center; }\n.pwai .ll-tab.is-active { color: #1d203b; font-weight: 700; }\n.pwai .ll-tab.is-active b { background: #09a7ff; color: #ffffff; }\n.pwai .ll-tab.is-active::after { content: \"\"; position: absolute; left: -4px; right: -4px; bottom: -1px; height: 2px; background: #09a7ff; }\n.pwai .ll-case {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 18px;\n    border-bottom: 1px solid #e2e8ef;\n    box-shadow: 0 6px 14px -10px rgba(0, 8, 38, 0.2);\n    position: relative;\n    z-index: 1;\n    background: #ffffff;\n}\n.pwai .ll-case-ic { flex: 0 0 38px; height: 38px; border-radius: 9px; background: #eceef1; display: grid; place-items: center; color: #37434f; }\n.pwai .ll-case-ic svg { width: 18px; height: 18px; }\n.pwai .ll-case-txt { flex: 1; min-width: 0; }\n.pwai .ll-case-t { font-weight: 700; font-size: 14px; line-height: 1.3; color: #1d203b; }\n.pwai .ll-case-m { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 11px; color: #54677a; flex-wrap: wrap; }\n.pwai .ll-case-m svg { width: 12px; height: 12px; }\n.pwai .ll-id { font-family: \"Roboto Mono\", monospace; font-weight: 700; font-size: 10px; color: #1d203b; border: 1px solid #cfd6dc; border-radius: 4px; padding: 0 5px; }\n.pwai .ll-ok { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; background: #09a7ff; color: #ffffff; font-weight: 700; font-size: 12px; padding: 6px 11px; border-radius: 5px; }\n.pwai .ll-ok svg { width: 11px; height: 11px; }\n\/* Status im Kopf: erst \u201eOffen\u201c, \u201eErledigt\u201c erst am Ende des Ablaufs (Klasse is-done setzt script.html) *\/\n.pwai .ll-open { display: none; flex: 0 0 auto; align-items: center; font-weight: 700; font-size: 12px; padding: 5px 10px; border-radius: 5px; border: 1px solid #cfd6dc; color: #52667a; background: #ffffff; }\n.pwai .ll-card[data-animate]:not(.is-done) .ll-ok { display: none; }\n.pwai .ll-card[data-animate]:not(.is-done) .ll-open { display: inline-flex; }\n.pwai .ll-card[data-animate].is-done .ll-ok { animation: ll-done-pop 0.35s ease; }\n@keyframes ll-done-pop { 0% { transform: scale(0.85); opacity: 0; } 100% { transform: none; opacity: 1; } }\n.pwai .ll-feed { flex: 1; min-height: 0; overflow: hidden; background: #f7f9fb; padding: 14px 18px 18px; }\n.pwai .ll-run { position: relative; font-family: \"Roboto Mono\", monospace; font-size: 11px; color: #909fae; min-height: 18px; margin-bottom: 10px; }\n.pwai .ll-run-wait { display: inline-flex; align-items: center; gap: 8px; position: absolute; left: 0; top: 0; transition: opacity 0.3s ease; }\n.pwai .ll-run-wait i { width: 11px; height: 11px; border-radius: 50%; border: 2px solid rgba(9, 167, 255, 0.25); border-top-color: #09a7ff; animation: pwai-spin 0.8s linear infinite; }\n.pwai .ll-run-lines { opacity: 0; transition: opacity 0.4s ease; }\n.pwai .ll-card.is-ran .ll-run-wait { opacity: 0; }\n.pwai .ll-card.is-ran .ll-run-lines { opacity: 1; }\n.pwai .ll-msg { background: #ffffff; border: 1px solid #e2e8ef; border-radius: 12px; overflow: hidden; }\n.pwai .ll-msg-h { display: flex; align-items: center; gap: 8px; margin: 7px; padding: 9px 12px; border-radius: 8px; background: #eceef1; font-weight: 700; font-size: 13px; color: #37434f; }\n.pwai .ll-msg-h svg { width: 14px; height: 14px; }\n.pwai .ll-sec { padding: 10px 16px 14px; }\n.pwai .ll-sec + .ll-sec { border-top: 1px solid #e2e8ef; }\n.pwai .ll-h { font-size: 14px; font-weight: 700; color: #1d203b; margin-bottom: 10px; }\n.pwai .ll-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-bottom: 10px; }\n.pwai .ll-stats div { border: 1px solid #e2e8ef; border-radius: 9px; padding: 8px 9px; }\n.pwai .ll-stats strong { display: block; font-size: 20px; font-weight: 700; line-height: 1.15; color: #1d203b; }\n.pwai .ll-stats span { display: block; font-size: 11px; line-height: 1.3; color: #54677a; }\n.pwai .ll-note { font-size: 13px; color: #37434f; }\n.pwai .ll-todo { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n.pwai .ll-todo li { display: flex; gap: 10px; }\n.pwai .ll-todo .n { flex: 0 0 22px; height: 22px; border-radius: 50%; background: rgba(9, 167, 255, 0.12); color: #0b7fc2; font-size: 11px; font-weight: 700; display: grid; place-items: center; margin-top: 1px; }\n.pwai .ll-todo strong { display: block; font-weight: 700; color: #1d203b; }\n.pwai .ll-todo span.t { color: #37434f; }\n.pwai .ll-blocks { border: 1px solid #e2e8ef; border-radius: 10px; padding: 8px 10px 10px; margin-bottom: 10px; }\n.pwai .ll-blocks-k { font-size: 10px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: #909fae; margin: 2px 4px 8px; }\n.pwai .ll-block { display: flex; align-items: center; gap: 6px; border: 1px solid #e2e8ef; border-radius: 7px; padding: 5px 9px; margin-top: 5px; font-size: 11.5px; }\n.pwai .ll-block b { font-weight: 700; color: #1d203b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }\n.pwai .ll-block em { font-style: normal; color: #54677a; flex: 1; white-space: nowrap; }\n.pwai .ll-block code { margin-left: auto; flex: 0 0 auto; font-family: \"Roboto Mono\", monospace; font-weight: 700; font-size: 10px; border: 1px solid #cfd6dc; border-radius: 4px; padding: 1px 5px; color: #1d203b; }\n.pwai .ll-actions { display: flex; justify-content: space-between; align-items: center; gap: 14px; font-size: 13px; color: #37434f; }\n.pwai .ll-actions .ll-btn { flex: 0 0 auto; }\n.pwai .ll-btn { font-size: 12px; font-weight: 700; padding: 8px 14px; border-radius: 6px; background: #09a7ff; color: #ffffff; transition: transform 0.15s ease, background 0.2s ease; }\n.pwai .ll-btn.is-press { transform: scale(0.94); background: #0788d1; }\n.pwai .ll-btn.is-used { background: #b0bac7; }\n.pwai .ll-done { margin-top: 10px; font-size: 11px; color: #54677a; display: flex; align-items: center; gap: 6px; }\n.pwai .ll-done::before { content: \"\"; width: 14px; height: 14px; border-radius: 50%; background: #1fd49e url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'\/%3E%3C\/svg%3E\") center \/ 14px no-repeat; }\n.pwai .ll-prompt { flex: 0 0 auto; margin: 0 12px 10px; margin-top: -1px; height: 58px; border: 1px solid #cfd6dc; border-radius: 12px; background: #ffffff; padding: 9px 12px; color: #b0bac7; font-size: 13px; position: relative; box-shadow: 0 8px 22px -8px rgba(0, 8, 38, 0.14); }\n.pwai .ll-prompt::after { content: \"\"; position: absolute; right: 10px; bottom: 8px; width: 26px; height: 26px; border-radius: 50%; background: #09a7ff url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center \/ 13px no-repeat; }\n\n\/* Stapel mehrerer Karten (Unterseite AI Agents): eine sichtbar, Steuerung aus chat-cards\/controls.css *\/\n.pwai .ll-stack { width: 100%; max-width: 560px; display: grid; }\n.pwai .ll-stack > .ll-card { grid-area: 1 \/ 1; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease; }\n.pwai .ll-stack > .ll-card.is-active { opacity: 1; visibility: visible; pointer-events: auto; }\n.pwai .ll-card--compact { height: 600px; }\n.pwai .ll-card--tall { height: 820px; }\n.pwai .ll-press { display: none; }\n.pwai .ll-controls .replay-btn { width: auto; padding: 0 16px; border-radius: 20px; gap: 8px; display: inline-flex; font-size: 14px; font-weight: 600; }\n\/* Nachrichtentypen, Antwort des Nutzers, Mail-Entwurf, Tabelle *\/\n.pwai .ll-msg-h--help { background: #ffe9e9; color: #a32121; }\n.pwai .ll-user { margin: 12px 0 0 auto; max-width: 82%; width: max-content; padding: 9px 13px; border-radius: 12px 12px 4px 12px; background: #09a7ff; color: #ffffff; font-size: 13px; }\n.pwai .ll-msg + .ll-msg, .pwai .ll-user + .ll-msg { margin-top: 12px; }\n.pwai .ll-mail { border: 1px solid #e2e8ef; border-radius: 10px; padding: 8px 12px 10px; margin-bottom: 10px; font-size: 12.5px; }\n.pwai .ll-mail-row { display: flex; gap: 8px; padding: 3px 0; border-bottom: 1px solid #eef1f4; }\n.pwai .ll-mail-row b { flex: 0 0 52px; font-weight: 600; color: #54677a; }\n.pwai .ll-mail p { margin-top: 6px; color: #37434f; }\n.pwai .ll-table { width: 100%; border-collapse: collapse; margin-bottom: 10px; font-size: 12px; }\n.pwai .ll-table th { text-align: left; font-weight: 700; padding: 5px 7px; background: #f7f9fb; border-bottom: 1px solid #e2e8ef; }\n.pwai .ll-table td { padding: 5px 7px; border-bottom: 1px solid #eef1f4; }\n.pwai .ll-table .num { text-align: right; white-space: nowrap; }\n@media (max-width: 500px) {\n    .pwai .ll-table { font-size: 10.5px; }\n    .pwai .ll-table th, .pwai .ll-table td { padding: 4px 5px; }\n    .pwai .ll-table td { overflow-wrap: anywhere; }\n}\n.pwai .ll-prompt.is-typing { color: #1e1e24; }\n.pwai .ll-prompt.is-typing::before { content: \"\"; }\n\n\/* Schrittweiser Aufbau *\/\n.pwai .ll-card[data-animate] .ll-step:not(.ll-press) { opacity: 0; transform: translateY(8px); transition: opacity 0.45s ease, transform 0.45s ease; }\n.pwai .ll-card[data-animate] .ll-step.is-in { opacity: 1; transform: none; }\n\n.pwai .ll-replay {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    height: 40px;\n    padding: 0 18px;\n    border-radius: 24px;\n    border: none;\n    background: var(--white);\n    color: var(--ink);\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 14px;\n    cursor: pointer;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n    transition: transform 0.15s ease;\n}\n.pwai .ll-replay:hover { transform: scale(1.04); }\n.pwai .ll-replay:focus-visible { outline: 2px solid var(--color--pink-500); outline-offset: 3px; }\n@media (max-width: 768px) {\n    .pwai .ll-tile { padding: 8px 8px 16px; }\n    .pwai .ll-card { height: auto; }\n    .pwai .ll-feed { overflow: visible; }\n    .pwai .ll-ok, .pwai .ll-card[data-animate]:not(.is-done) .ll-open { display: none; }\n}\n\/* Stapel (Unterseite) behalten auch mobil eine feste H\u00f6he, der Verlauf scrollt mit *\/\n@media (max-width: 768px) {\n    .pwai .ll-stack > .ll-card { height: 640px; }\n    .pwai .ll-stack > .ll-card--tall { height: 780px; }\n    .pwai .ll-stack .ll-feed { overflow: hidden; }\n}\n@media (max-width: 500px) {\n    .pwai .ll-stats strong { font-size: 17px; }\n    .pwai .ll-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    .pwai .ll-block em { display: none; }\n    .pwai .ll-actions { flex-wrap: wrap; justify-content: flex-start; }\n    .pwai .ll-appbar { gap: 10px; padding: 0 12px; }\n    .pwai .ll-brand, .pwai .ll-sep { display: none; }\n}\n@media (prefers-reduced-motion: reduce) {\n    .pwai .ll-card[data-animate] .ll-step { opacity: 1 !important; transform: none !important; transition: none !important; }\n    .pwai .ll-replay { display: none; }\n}\n<\/style>\n<style>\n.pwai #agents .ll-tile { padding: 48px 24px; }\n.pwai #agents .ll-card { height: 820px; }\n.pwai #agents .pwai-chips { margin-top: 48px; }\n@media (max-width: 768px) {\n    .pwai #agents .ll-tile { padding: 8px 8px 16px; }\n    .pwai #agents .ll-card { height: auto; }\n}\n<\/style>\n<div class=\"pwai\">\n    <section class=\"pwai-section is-agents\" id=\"agents\" aria-labelledby=\"agents-title\">\n        <div class=\"container\">\n            <div class=\"pwai-head\" data-reveal>\n                <span class=\"pwai-kicker\">AI Agents <span class=\"pwai-new\">Neu<\/span><\/span>\n                <h2 class=\"pwai-h2\" id=\"agents-title\"><span class=\"pwai-sent\">Klicks waren gestern.<\/span> <span class=\"pwai-sent\">Fragen auch.<\/span><\/h2>\n                <p class=\"pwai-lead\">Die Pickware AI Agents \u00fcbernehmen wiederkehrende Aufgaben in deinem ERP und WMS, nach Zeitplan oder sobald etwas passiert. Du beschreibst in eigenen Worten, was erledigt werden soll. Sie melden sich nur, wenn du entscheiden musst.<\/p>\n            <\/div>\n            <div class=\"pwai-split\">\n                <div class=\"tile ll-tile\"><canvas class=\"dither\" data-dither='{\"back\":\"#000000\",\"front\":\"#F155A0\",\"px\":3,\"speed\":0.9,\"type\":3,\"shape\":6}'><\/canvas>\n                    <div class=\"ll-card\">\n                            <div class=\"ll-appbar\" aria-hidden=\"true\">\n                                <span class=\"ll-brand\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"><\/path><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"><\/rect><path d=\"M2 14h2M20 14h2M15 13v2M9 13v2\"><\/path><\/svg>Agenten<\/span>\n                                <span class=\"ll-sep\"><\/span>\n                                <span class=\"ll-tab is-active\">Inbox <b>2<\/b><\/span>\n                                <span class=\"ll-tab\">Agenten <b>8<\/b><\/span>\n                                <span class=\"ll-tab\">Wissen <b>3<\/b><\/span>\n                            <\/div>\n                            <div class=\"ll-case\">\n                                <span class=\"ll-case-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><path d=\"M4 5h16v11H9l-5 4z\"><\/path><\/svg><\/span>\n                                <div class=\"ll-case-txt\">\n                                    <div class=\"ll-case-t\">Heute im Lager: 490 Auftr\u00e4ge, drei Dinge zuerst<\/div>\n                                    <div class=\"ll-case-m\"><span class=\"ll-id\">#3012<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"><\/path><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"><\/rect><path d=\"M2 14h2M20 14h2M15 13v2M9 13v2\"><\/path><\/svg>AI Lagerleiter \u00b7 Picki<\/div>\n                                <\/div>\n                                <span class=\"ll-open\">Offen<\/span><span class=\"ll-ok\"><svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8.5l3 3 7-7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>Erledigt<\/span>\n                            <\/div>\n                            <div class=\"ll-feed\" id=\"llFeed\">\n                                <div class=\"ll-run\" aria-hidden=\"true\">\n                                    <span class=\"ll-run-wait\"><i><\/i>T\u00e4glicher Lauf um 07:00 \u00b7 AI Lagerleiter plant deinen Tag<\/span>\n                                    <div class=\"ll-run-lines\">Montag \u00b7 07:05 \u00b7 AI Lagerleiter<\/div>\n                                <\/div>\n                                <div class=\"ll-msg ll-step\">\n                                    <div class=\"ll-msg-h\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><path d=\"M4 5h16v11H9l-5 4z\"><\/path><\/svg>F\u00fcr Dich zur Info<\/div>\n                                    <div class=\"ll-sec\">\n                                        <div class=\"ll-h\">Dein Lagerbriefing f\u00fcr heute<\/div>\n                                        <div class=\"ll-stats ll-step\">\n                                            <div><strong>490<\/strong><span>offene Auftr\u00e4ge<\/span><\/div>\n                                            <div><strong>340<\/strong><span>Einp\u00f6ster<\/span><\/div>\n                                            <div><strong>150<\/strong><span>gemischte Auftr\u00e4ge<\/span><\/div>\n                                            <div><strong>3<\/strong><span>Personen im Lager<\/span><\/div>\n                                        <\/div>\n                                        <p class=\"ll-note ll-step\">Mit 3 Personen wird es heute knapp. Entscheidend ist die Reihenfolge.<\/p>\n                                    <\/div>\n                                    <div class=\"ll-sec\">\n                                        <div class=\"ll-h ll-step\">So w\u00fcrde ich heute starten<\/div>\n                                        <ol class=\"ll-todo\">\n                                            <li class=\"ll-step\"><span class=\"n\">1<\/span><div><strong>Die 340 Einp\u00f6ster als eigenen Pickauftrag b\u00fcndeln.<\/strong><span class=\"t\">Eine Palette <span class=\"er er--p\">Sneaker Friday Drop<\/span> an den Packtisch, dann gehen sie als kompakter Block zuerst raus.<\/span><\/div><\/li>\n                                            <li class=\"ll-step\"><span class=\"n\">2<\/span><div><strong>F\u00fcr <span class=\"er er--p\">Crew Socks 3er-Pack<\/span> und <span class=\"er er--p\">Sneaker Care Kit<\/span> einen Umlagerungsauftrag vorbereiten.<\/strong><span class=\"t\">Beide stecken in 62 der 150 gemischten Auftr\u00e4ge. An der Sammelkommissionierung bereitgestellt, spart das viele Laufwege.<\/span><\/div><\/li>\n                                            <li class=\"ll-step\"><span class=\"n\">3<\/span><div><strong>Um 14:00 Uhr den Stand abgleichen.<\/strong><span class=\"t\">Bleibt es knapp, plane f\u00fcr morgen eine Person mehr ein.<\/span><\/div><\/li>\n                                        <\/ol>\n                                    <\/div>\n                                    <div class=\"ll-sec ll-step\">\n                                        <div class=\"ll-h\">Ans Lager \u00fcbergeben<\/div>\n                                        <div class=\"ll-blocks\">\n                                            <div class=\"ll-blocks-k\">Vom Agenten vorbereitet \u00b7 Arbeitsbl\u00f6cke<\/div>\n                                            <div class=\"ll-block\"><b>Pickauftrag Sneaker-Drop<\/b><em>\u00b7 340 Auftr\u00e4ge<\/em><code>PA-8841<\/code><\/div>\n                                            <div class=\"ll-block\"><b>Umlagerungsauftrag<\/b><em>\u00b7 Socks + Care Kit<\/em><code>UA-2197<\/code><\/div>\n                                            <div class=\"ll-block\"><b>Zwischencheck Kapazit\u00e4t<\/b><em>\u00b7 14:00 Uhr<\/em><code>CHK-1400<\/code><\/div>\n                                        <\/div>\n                                        <div class=\"ll-actions\"><span>Soll ich das so ans Lager \u00fcbergeben?<\/span><span class=\"ll-btn\">Alles \u00fcbergeben<\/span><\/div>\n                                    <\/div>\n                                <\/div>\n                                <i class=\"ll-step ll-press\" aria-hidden=\"true\"><\/i>\n                                <div class=\"ll-done ll-step\">Drei Arbeitsbl\u00f6cke ans Lager \u00fcbergeben \u00b7 07:06<\/div>\n                            <\/div>\n                            <div class=\"ll-prompt\">Frag Deinen Agenten zu diesem Fall \u2026<\/div>\n                        <\/div>\n                    <button type=\"button\" class=\"ll-replay\" aria-label=\"Animation erneut abspielen\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2.5 8a5.5 5.5 0 1 0 1.6-3.9M2.5 2.5v2.8h2.8\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Nochmal ansehen<\/button>\n                <\/div>\n                <div data-reveal>\n                    <span class=\"pwai-kicker\">Use Case: AI Lagerleiter<\/span>\n                    <h3><span class=\"pwai-sent\">Montag, 7 Uhr.<\/span> <span class=\"pwai-sent\">Der Plan liegt schon da.<\/span><\/h3>\n                    <p class=\"pwai-big\">\u00dcbers Wochenende sind 490 Bestellungen reingekommen. Bisher sa\u00df dein Lagerleiter jetzt erstmal eine Stunde \u00fcber Listen, bevor das Team loslegen konnte. Ab jetzt hat der AI Lagerleiter den Tag schon geplant.<\/p>\n                    <p class=\"pwai-text\">Der AI Lagerleiter ist einer von vielen Agenten. Jeder hat eine klare Aufgabe und einen Ausl\u00f6ser: t\u00e4glich um 7 Uhr, bei jedem Wareneingang, bei jeder \u00c4nderung des Einkaufspreises oder am Ersten des Monats.<\/p>\n                    <p class=\"pwai-text\">Du beschreibst in eigenen Worten, was erledigt werden soll. Pickware AI macht daraus die Agentendefinition. Ein Testlauf mit deinem echten Bestand zeigt vorab, was passieren w\u00fcrde. Erst nach deiner Freigabe geht der Agent live.<\/p>\n                    <div class=\"pwai-actions\">\n                        <a class=\"pwai-btn pwai-btn--accent\" href=\"\/de\/pickware-ai\/ai-agents\">Mehr zu den AI Agents <svg width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M10.5 0L9.427 1.045 15.112 6.75H0v1.5h15.112L9.427 13.93 10.5 15 18 7.5z\"\/><\/svg><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <nav class=\"pwai-chips\" aria-label=\"Weitere AI Agents\" data-reveal>\n                <span class=\"label\">Weitere Agenten:<\/span>\n                <a class=\"chip\" href=\"\/de\/pickware-ai\/ai-agents#agent-lieferverzoegerungsagent\">Lieferverz\u00f6gerungsagent<\/a>\n                <a class=\"chip\" href=\"\/de\/pickware-ai\/ai-agents#agent-margen-schutzagent\">Margen-Schutzagent<\/a>\n                <a class=\"chip\" href=\"\/de\/pickware-ai\/ai-agents#agent-datev-export-agent\">DATEV-Export-Agent<\/a>\n                <a class=\"chip\" href=\"\/de\/pickware-ai\/ai-agents#agent-cross-docking-agent\">Cross-Docking-Agent<\/a>\n                <a class=\"chip\" href=\"\/de\/pickware-ai\/ai-agents#agent-versandfaehigkeits-agent\">Versandf\u00e4higkeits-Agent<\/a>\n                <a class=\"chip\" href=\"\/de\/pickware-ai\/ai-agents#agent-warenverfuegbarkeitsagent\">Warenverf\u00fcgbarkeitsagent<\/a>\n            <\/nav>\n        <\/div>\n    <\/section>\n<\/div>\n<script>\n\/* \u2550\u2550 Agenten-Inbox: Nachrichten bauen sich Schritt f\u00fcr Schritt auf, der Verlauf scrollt mit \u2013 nutzt window.pwAi\n   Schritte (.ll-step) erscheinen nacheinander. Sonderschritte:\n     .ll-press             dr\u00fcckt den zuletzt sichtbaren Button (.ll-btn)\n     .ll-type[data-text]   tippt eine Antwort ins Eingabefeld (.ll-prompt), schickt sie ab und zeigt sie als Nachricht\n   Einzelkarte: Button .ll-replay daneben (\u00dcbersicht) oder .ll-stack[data-controls] (Pause + Nochmal abspielen).\n   Mehrere Karten in .ll-stack[data-autoplay]: laufen nacheinander, mit Pause, Pfeilen und Punkten (Optik: chat-cards\/controls.css). \u2550\u2550 *\/\n(function boot(tries){\n  \/* wartet auf window.pwAi (falls ein Optimierungs-Plugin die Script-Reihenfolge \u00e4ndert) *\/\n  var pw = window.pwAi;\n  if(!pw){ if(tries < 200) setTimeout(function(){ boot(tries + 1); }, 50); return; }\n  if(pw.inAdmin) return;\n  pw.onReady(function(){\n    var ICON_PAUSE = '<svg class=\"ic-pause\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\/><rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\/><\/svg><svg class=\"ic-play\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M7 4.5L19 12L7 19.5Z\"\/><\/svg>';\n    var arrow = function(d){ return '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"' + d + '\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>'; };\n\n    \/* Eine Karte als Zeitplan: liefert play\/pause\/reset und meldet das Ende *\/\n    function player(card, onEnd){\n      var feed = card.querySelector('.ll-feed');\n      var prompt = card.querySelector('.ll-prompt');\n      var placeholder = prompt ? prompt.textContent : '';\n      var steps = Array.prototype.slice.call(card.querySelectorAll('.ll-step'));\n      var plan = [], t = 2100, lastBtn = null;\n      function follow(el){\n        if(!feed) return;\n        if(el.querySelector('.ll-step')) return; \/* Container-Schritte enthalten noch unsichtbare Inhalte *\/\n        var bottom = el.getBoundingClientRect().bottom - feed.getBoundingClientRect().top + feed.scrollTop;\n        var target = bottom - feed.clientHeight + 18;\n        if(target > feed.scrollTop) feed.scrollTo({top: target, behavior: 'smooth'});\n      }\n      function reveal(el){ el.classList.add('is-in'); follow(el); var b = el.querySelectorAll('.ll-btn'); if(b.length) lastBtn = b[b.length - 1]; }\n      plan.push({at: 1600, fn: function(){ card.classList.add('is-ran'); }});\n      steps.forEach(function(s, i){\n        if(s.classList.contains('ll-press')){\n          plan.push({at: t + 700, fn: function(){ if(lastBtn) lastBtn.classList.add('is-press'); }});\n          plan.push({at: t + 950, fn: function(){ if(lastBtn){ lastBtn.classList.remove('is-press'); lastBtn.classList.add('is-used'); } s.classList.add('is-in'); }});\n          t += 1400;\n        } else if(s.classList.contains('ll-type')){\n          var text = s.getAttribute('data-text') || '', dur = Math.min(2600, text.length * 40);\n          (function(t0){\n            plan.push({at: t0, fn: function(){ if(prompt) prompt.classList.add('is-typing'); }, type: {from: t0, dur: dur, text: text}});\n            plan.push({at: t0 + dur + 400, fn: function(){ if(prompt){ prompt.classList.remove('is-typing'); prompt.textContent = placeholder; } reveal(s); }});\n          })(t + 600);\n          t += 600 + dur + 1100;\n        } else {\n          (function(at){ plan.push({at: at, fn: function(){ reveal(s); }}); })(t);\n          t += s.hasAttribute('data-wait') ? parseInt(s.getAttribute('data-wait'), 10) : ((i === 0) ? 500 : 650);\n        }\n      });\n      var END = t + 300, typing = plan.filter(function(p){ return p.type; });\n      var elapsed = 0, next = 0, last = null, raf = null, paused = false, done = false;\n      function reset(){\n        card.classList.remove('is-ran', 'is-done');\n        steps.forEach(function(s){ s.classList.remove('is-in'); });\n        card.querySelectorAll('.ll-btn').forEach(function(b){ b.classList.remove('is-press', 'is-used'); });\n        if(prompt){ prompt.classList.remove('is-typing'); prompt.textContent = placeholder; }\n        if(feed) feed.scrollTop = 0;\n        elapsed = 0; next = 0; last = null; done = false; lastBtn = null;\n      }\n      function frame(now){\n        raf = null;\n        if(last !== null){ if(!paused){ elapsed += now - last; } }\n        last = now;\n        while(next < plan.length){ if(plan[next].at > elapsed) break; plan[next].fn(); next++; }\n        typing.forEach(function(p){ var k = elapsed - p.type.from; if(k >= 0){ if(k < p.type.dur){ prompt.textContent = p.type.text.slice(0, Math.ceil(p.type.text.length * k \/ p.type.dur)); } } });\n        if(elapsed >= END){ done = true; card.classList.add('is-done'); if(onEnd) onEnd(); return; }\n        raf = requestAnimationFrame(frame);\n      }\n      return {\n        play: function(){ if(raf) cancelAnimationFrame(raf); raf = null; reset(); raf = requestAnimationFrame(frame); },\n        stop: function(){ if(raf) cancelAnimationFrame(raf); raf = null; },\n        pause: function(p){ paused = p; if(!p){ if(!raf){ if(!done){ last = null; raf = requestAnimationFrame(frame); } } } },\n        isDone: function(){ return done; },\n        finish: function(){ card.classList.add('is-ran', 'is-done'); steps.forEach(function(s){ s.classList.add('is-in'); }); }\n      };\n    }\n\n    function controlsHtml(multi, count){\n      var html = '<button class=\"nav-btn pause-btn\" type=\"button\" aria-label=\"Pausieren\" aria-pressed=\"false\">' + ICON_PAUSE + '<\/button>';\n      if(!multi) return html + '<button class=\"nav-btn replay-btn\" type=\"button\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M4 12a8 8 0 1 0 2.3-5.6M4 4v5h5\"\/><\/svg>Nochmal abspielen<\/button>';\n      var dots = ''; for(var i = 0; i < count; i++){ dots += '<button class=\"dot\" type=\"button\" role=\"tab\" aria-label=\"Agent ' + (i + 1) + '\" data-idx=\"' + i + '\"><\/button>'; }\n      return html + '<button class=\"nav-btn prev-btn\" type=\"button\" aria-label=\"Vorheriger Agent\">' + arrow('M10 3L5 8l5 5') + '<\/button><div class=\"dots\" role=\"tablist\" aria-label=\"Agent ausw\u00e4hlen\">' + dots + '<\/div><button class=\"nav-btn next-btn\" type=\"button\" aria-label=\"N\u00e4chster Agent\">' + arrow('M6 3l5 5-5 5') + '<\/button>';\n    }\n\n    \/* Stapel: eine oder mehrere Karten mit eigener Steuerung *\/\n    document.querySelectorAll('.pwai .ll-stack').forEach(function(stack){\n      var cards = Array.prototype.slice.call(stack.querySelectorAll('.ll-card'));\n      if(!cards.length) return;\n      if(pw.reduced){ cards.forEach(function(c, i){ c.classList.toggle('is-active', i === 0); player(c).finish(); }); return; }\n      var multi = cards.length > 1, active = 0, paused = false, hold = null, inView = false;\n      var players = cards.map(function(c){ c.setAttribute('data-animate', ''); return player(c, function(){ if(multi){ clearTimeout(hold); hold = setTimeout(function(){ if(!paused){ if(inView){ go(active + 1); } } }, 3500); } }); });\n      var tile = stack.closest('.tile') || stack.parentElement;\n      var controls = document.createElement('div'); controls.className = 'chat-controls ll-controls'; controls.innerHTML = controlsHtml(multi, cards.length);\n      tile.appendChild(controls);\n      var pauseBtn = controls.querySelector('.pause-btn');\n      function setPaused(p){ paused = p; pauseBtn.classList.toggle('is-paused', p); pauseBtn.setAttribute('aria-pressed', p ? 'true' : 'false'); pauseBtn.setAttribute('aria-label', p ? 'Weiter' : 'Pausieren'); players[active].pause(p); if(!p){ if(players[active].isDone()){ if(multi){ go(active + 1); } else { players[active].play(); } } } }\n      function go(i){\n        clearTimeout(hold); players[active].stop();\n        active = ((i % cards.length) + cards.length) % cards.length;\n        cards.forEach(function(c, k){ c.classList.toggle('is-active', k === active); });\n        controls.querySelectorAll('.dot').forEach(function(d, k){ d.classList.toggle('is-active', k === active); d.setAttribute('aria-selected', k === active ? 'true' : 'false'); });\n        players[active].play(); setPaused(false); \/* erst neu starten, sonst gilt die Karte noch als fertig und go() ruft sich endlos auf *\/\n      }\n      pauseBtn.addEventListener('click', function(){ setPaused(!paused); });\n      if(multi){\n        controls.querySelector('.prev-btn').addEventListener('click', function(){ go(active - 1); });\n        controls.querySelector('.next-btn').addEventListener('click', function(){ go(active + 1); });\n        controls.querySelector('.dots').addEventListener('click', function(e){ var d = e.target.closest('.dot'); if(d) go(parseInt(d.dataset.idx, 10)); });\n      } else {\n        controls.querySelector('.replay-btn').addEventListener('click', function(){ go(0); });\n      }\n      cards.forEach(function(c, k){ c.classList.toggle('is-active', k === 0); });\n      controls.querySelectorAll('.dot').forEach(function(d, k){ d.classList.toggle('is-active', k === 0); });\n      var started = false;\n      pw.whenVisible(stack, function(){ inView = true; if(!started){ started = true; go(0); } }, function(){ inView = false; }, {threshold: 0.35});\n    });\n\n    \/* Einzelne Karte ohne Stapel (\u00dcbersicht): startet im Sichtbereich, \u201eNochmal ansehen\u201c daneben *\/\n    document.querySelectorAll('.pwai .ll-card').forEach(function(card){\n      if(card.closest('.ll-stack')) return;\n      var p = player(card);\n      if(pw.reduced){ p.finish(); return; }\n      card.setAttribute('data-animate', '');\n      var replay = card.parentElement.querySelector('.ll-replay');\n      var started = false;\n      pw.whenVisible(card, function(){ if(!started){ started = true; p.play(); } }, null, {threshold: 0.35});\n      if(replay) replay.addEventListener('click', function(){ p.play(); });\n    });\n  });\n})(0);\n<\/script>\n\n\n\n<style>\n\/* \u2500\u2500 Warum Pickware AI? \u2500\u2500 *\/\n.pwai .pwai-why { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: auto auto 1fr; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--surface); }\n\/* Subgrid: Nummer, Titel und Text stehen in allen Kacheln auf gleicher H\u00f6he *\/\n.pwai .pwai-why-item { padding: 40px 32px; display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 14px; align-content: start; border-left: 1px solid var(--line); }\n.pwai .pwai-why-item:first-child { border-left: none; }\n.pwai .pwai-why-item .num { font-family: \"Roboto Mono\", monospace; font-weight: 700; font-size: 14px; color: var(--accent); }\n.pwai .pwai-why-item h3 { font-weight: 700; font-size: 24px; line-height: 1.15; letter-spacing: -0.01em; color: var(--white); }\n.pwai .pwai-why-item p a { color: var(--white); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }\n.pwai .pwai-why-item p a:hover { text-decoration-thickness: 2px; }\n.pwai .pwai-why-item p { font-size: 16px; line-height: 1.55; color: rgba(255, 255, 255, 0.65); }\n@media (max-width: 1100px) {\n    .pwai .pwai-why { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto 1fr auto auto 1fr; }\n    .pwai .pwai-why-item:nth-child(3) { border-left: none; }\n    .pwai .pwai-why-item:nth-child(n+3) { border-top: 1px solid var(--line); }\n}\n@media (max-width: 768px) {\n    .pwai .pwai-why { grid-template-columns: 1fr; grid-template-rows: none; }\n    .pwai .pwai-why-item { display: flex; flex-direction: column; }\n    .pwai .pwai-why-item { border-left: none; padding: 28px 24px; }\n    .pwai .pwai-why-item + .pwai-why-item { border-top: 1px solid var(--line); }\n}\n<\/style>\n<div class=\"pwai\">\n    <section class=\"pwai-section is-chat\" id=\"warum-pickware-ai\" aria-labelledby=\"warum-title\">\n        <div class=\"container\">\n            <div class=\"pwai-head\" data-reveal>\n                <span class=\"pwai-kicker\">Warum Pickware AI<\/span>\n                <h2 class=\"pwai-h2\" id=\"warum-title\">KI, die dein ERP wirklich kennt<\/h2>\n                <p class=\"pwai-lead\">Viele Tools versprechen KI f\u00fcr den E-Commerce. Pickware AI ist von Anfang an Teil deiner Warenwirtschaft und deines Lagers. Das macht den Unterschied.<\/p>\n            <\/div>\n            <div class=\"pwai-why\" data-reveal>\n                <div class=\"pwai-why-item\">\n                    <span class=\"num\">01<\/span>\n                    <h3>Echt integriert<\/h3>\n                    <p>Pickware AI arbeitet mit denselben Daten und Prozessen wie dein Team. Vom Wareneingang \u00fcber Kommissionierung und Versand bis zur Rechnung. Ohne Schnittstelle, ohne Export, ohne Copy und Paste.<\/p>\n                <\/div>\n                <div class=\"pwai-why-item\">\n                    <span class=\"num\">02<\/span>\n                    <h3>Shopware &amp; Shopify<\/h3>\n                    <p>Pickware verbindet deinen Onlineshop mit Warenwirtschaft, <a href=\"https:\/\/www.pickware.com\/de\/lagerverwaltung\">Lagerverwaltung<\/a>, Versand und Buchhaltung. Pickware AI nutzt all diese Daten, egal ob du mit <a href=\"https:\/\/www.pickware.com\/de\/shopware-warenwirtschaft\">Shopware<\/a> oder <a href=\"https:\/\/www.pickware.com\/de\/shopify-warenwirtschaft\">Shopify<\/a> verkaufst.<\/p>\n                <\/div>\n                <div class=\"pwai-why-item\">\n                    <span class=\"num\">03<\/span>\n                    <h3>Drei Wege, eine KI<\/h3>\n                    <p>Frag im AI Chat, verbinde deine eigene AI \u00fcber den MCP-Server oder lass AI Agents f\u00fcr dich arbeiten. So viele M\u00f6glichkeiten mit KI im ERP bietet dir kein anderes System im E-Commerce.<\/p>\n                <\/div>\n                <div class=\"pwai-why-item\">\n                    <span class=\"num\">04<\/span>\n                    <h3>Volle Kontrolle<\/h3>\n                    <p>Agents zeigen dir im Testlauf vorab, was sie tun w\u00fcrden. Live gehen sie erst nach deiner Freigabe. Alles, was deine Entscheidung braucht, landet gesammelt in deiner Inbox. Du entscheidest.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style>\n\/* \u2550\u2550 Drei Wege, Pickware AI kennenzulernen \u2550\u2550 *\/\n\/* \u2500\u2500 Try Pickware AI (replaces Webinar) \u2500\u2500 *\/\n.pwai section.try-ai {\n    padding-bottom: 120px;\n    background: var(--black);\n    position: relative;\n    overflow: hidden;\n}\n    \n.pwai section.try-ai > canvas.dither { z-index: 0;\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 0;\n}\n    \n.pwai section.try-ai > .container {\n    position: relative;\n    z-index: 1;\n}\n    \n.pwai .try-ai-head {\n    text-align: center;\n    padding: 120px 0 72px;\n}\n    \n.pwai .try-ai-head h2 {\n    font-family: \"Fira Sans\", sans-serif;\n    font-weight: 900;\n    font-style: italic;\n    font-size: clamp(44px, 5.2vw, 88px);\n    line-height: 1.1;\n    letter-spacing: -0.01em;\n    color: var(--white);\n    margin-bottom: 20px;\n}\n    \n    \n.pwai .try-ai-head p {\n    font-size: 22px;\n    line-height: 1.25;\n    letter-spacing: -0.03em;\n    color: rgba(255, 255, 255, 0.7);\n    max-width: 640px;\n    margin: 0 auto;\n}\n    \n.pwai .try-box {\n    background: #060e2c;\n    border-radius: 16px;\n    overflow: hidden;\n    max-width: 1236px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: row;\n}\n    \n.pwai .try-row {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n    flex: 1 1 0;\n    min-width: 0;\n    padding: 88px 64px;\n    transition: transform 0.3s ease, background 0.2s ease;\n    text-decoration: none;\n    color: inherit;\n    cursor: pointer;\n}\n    \n.pwai .try-row:nth-child(2) {\n    border-left: 1px solid rgba(255, 255, 255, 0.08);\n    border-right: 1px solid rgba(255, 255, 255, 0.08);\n}\n    \n.pwai .try-row:first-child {\n    background: rgba(255, 255, 255, 0.03);\n}\n    \n.pwai .try-box:hover .try-row:first-child {\n    background: transparent;\n}\n    \n.pwai .try-box:hover .try-row:hover {\n    background: rgba(255, 255, 255, 0.03);\n}\n    \n.pwai .try-kicker {\n    display: inline-flex;\n    align-items: center;\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    letter-spacing: 0.02em;\n    color: #233309;\n    background: #ACED58;\n    border-radius: 20px;\n    padding: 4px 12px;\n    white-space: nowrap;\n}\n    \n.pwai .try-row h3 {\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 32px;\n    line-height: 1.2;\n    letter-spacing: -0.01em;\n    color: var(--white);\n    min-height: 2.4em;\n}\n    \n.pwai .try-row .try-desc {\n    font-size: 16px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.45);\n}\n    \n.pwai .try-row .try-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--blue);\n    color: var(--white);\n    padding: 12px 20px;\n    border-radius: 8px;\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 700;\n    font-size: 15px;\n    letter-spacing: -0.03em;\n    text-decoration: none;\n    border: none;\n    margin-top: auto;\n    padding-top: 12px;\n    cursor: pointer;\n    transition: transform 0.15s, filter 0.15s;\n    white-space: nowrap;\n}\n    \n.pwai .try-row .try-cta:hover {\n    transform: translateY(-1px);\n    filter: brightness(1.08);\n}\n    \n\n@media (max-width: 980px) {\n    .pwai .try-box { flex-direction: column; }\n    .pwai .try-row { padding: 40px; }\n    .pwai .try-row:nth-child(2) { border-left: none; border-right: none; border-top: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }\n    .pwai .try-row h3 { min-height: auto; }\n}\n@media (max-width: 768px) {\n    .pwai .try-ai-head { padding: 72px 0 40px; }\n    .pwai section.try-ai { padding-bottom: 72px; }\n    .pwai .try-row { padding: 28px 24px; }\n    .pwai .try-row h3 { font-size: 22px; }\n}\n\/* weicher \u00dcbergang in die Nachbar-Sektionen *\/\n.pwai section.try-ai::before, .pwai section.try-ai::after { content: \"\"; position: absolute; left: 0; right: 0; height: 180px; z-index: 0; pointer-events: none; }\n.pwai section.try-ai::before { top: 0; background: linear-gradient(var(--black), rgba(0, 8, 38, 0)); }\n.pwai section.try-ai::after { bottom: 0; background: linear-gradient(rgba(0, 8, 38, 0), var(--black)); }\n<\/style>\n<div class=\"pwai\">\n    <section class=\"try-ai\" id=\"testen\" aria-labelledby=\"testen-title\">\n        <canvas class=\"dither\" data-dither='{\"back\":\"#030d26\",\"front\":\"#09a7ff\",\"px\":3,\"speed\":0.6,\"type\":4,\"shape\":4}'><\/canvas>\n        <div class=\"container\">\n            <div class=\"try-ai-head\">\n                <h2 id=\"testen-title\">Drei Wege, Pickware&nbsp;AI kennenzulernen<\/h2>\n            <\/div>\n            <div class=\"try-box\">\n                <a href=\"https:\/\/www.pickware.com\/de\/deine-live-demo#Live-Demo\" class=\"try-row\">\n                    <span class=\"try-kicker\">Live-Demo<\/span>\n                    <h3>Direkt live erleben<\/h3>\n                    <p class=\"try-desc\">Wir zeigen dir Pickware AI live mit echten Use Cases aus deinem Alltag.<\/p>\n                    <span class=\"try-cta\">Demo vereinbaren<\/span>\n                <\/a>\n                <a href=\"https:\/\/help.pickware.com\/de\/collections\/1435450-pickware-ai\" class=\"try-row\">\n                    <span class=\"try-kicker\">Helpcenter<\/span>\n                    <h3><span class=\"pwai-nw\">How-to<\/span> Pickware&nbsp;AI<\/h3>\n                    <p class=\"try-desc\">Alle Antworten rund um Pickware AI findest du in unserem Helpcenter.<\/p>\n                    <span class=\"try-cta\">Zum Helpcenter<\/span>\n                <\/a>\n                <a href=\"https:\/\/account.pickware.com\/signup\/create-account\" class=\"try-row\">\n                    <span class=\"try-kicker\">Trial<\/span>\n                    <h3>Pickware&nbsp;AI testen<\/h3>\n                    <p class=\"try-desc\">Starte jetzt deine 30-t\u00e4gige kostenlose Testphase von Pickware AI.<\/p>\n                    <span class=\"try-cta\">Jetzt testen<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style>\n\/* \u2550\u2550 FAQ-Accordion (Markup kommt aus content\/faq.md per @faq-Direktive) \u2550\u2550 *\/\n.pwai .pwai-faq-list { border-top: 1px solid var(--line); max-width: 980px; }\n.pwai .pwai-faq-item { border-bottom: 1px solid var(--line); scroll-margin-top: 150px; }\n.pwai .pwai-faq-item summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 24px; padding: 26px 0; }\n.pwai .pwai-faq-item summary::-webkit-details-marker { display: none; }\n.pwai .pwai-faq-item summary h3 { flex: 1; font-weight: 700; font-size: 22px; line-height: 1.25; letter-spacing: -0.02em; color: var(--white); }\n.pwai .pwai-faq-item summary:hover h3 { color: var(--accent); }\n.pwai .pwai-faq-ic { flex: 0 0 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); position: relative; transition: transform 0.25s ease, background 0.2s; }\n.pwai .pwai-faq-ic::before, .pwai .pwai-faq-ic::after { content: \"\"; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: var(--white); border-radius: 1px; }\n.pwai .pwai-faq-ic::after { transform: rotate(90deg); transition: transform 0.25s ease; }\n.pwai .pwai-faq-item[open] .pwai-faq-ic { background: var(--accent); border-color: var(--accent); }\n.pwai .pwai-faq-item[open] .pwai-faq-ic::after { transform: rotate(0deg); }\n.pwai .pwai-faq-a { padding: 0 60px 28px 0; font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, 0.72); }\n.pwai .pwai-faq-a p + p, .pwai .pwai-faq-a p + ul, .pwai .pwai-faq-a ul + p { margin-top: 12px; }\n.pwai .pwai-faq-a ul { padding-left: 20px; }\n.pwai .pwai-faq-a li + li { margin-top: 8px; }\n.pwai .pwai-faq-a strong { color: var(--white); }\n.pwai .pwai-faq-a a { color: var(--white); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }\n.pwai .pwai-faq-more { margin-top: 40px; }\n@media (max-width: 768px) {\n    .pwai .pwai-faq-item summary { padding: 20px 0; gap: 16px; }\n    .pwai .pwai-faq-item summary h3 { font-size: 19px; }\n    .pwai .pwai-faq-a { padding-right: 0; font-size: 16px; }\n}\n<\/style>\n<div class=\"pwai\">\n    <section class=\"pwai-section\" id=\"faq\" aria-labelledby=\"faq-title\">\n        <div class=\"container\">\n            <div class=\"pwai-head\" data-reveal>\n                <span class=\"pwai-kicker\">FAQ<\/span>\n                <h2 class=\"pwai-h2\" id=\"faq-title\">H\u00e4ufige Fragen zu Pickware&nbsp;AI<\/h2>\n            <\/div>\n            <div class=\"pwai-faq-list\">\n            <details class=\"pwai-faq-item\" id=\"faq-was-ist-pickware-ai\"><summary><h3>Was ist Pickware&nbsp;AI?<\/h3><span class=\"pwai-faq-ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"pwai-faq-a\"><p>Pickware AI ist die k\u00fcnstliche Intelligenz in deinem Pickware ERP und WMS. Pickware AI antwortet direkt aus deinen Shop-Daten zu Bestellungen, Best\u00e4nden, Umsatzentwicklung oder Kunden und \u00fcbernimmt Aufgaben, f\u00fcr die du sonst zehn Men\u00fcklicks brauchst. Pickware AI besteht aus drei Bausteinen: AI Chat, MCP-Server und AI Agents.<\/p><\/div><\/details>\n            <details class=\"pwai-faq-item\" id=\"faq-unterschied-chat-mcp-agents\"><summary><h3>Was ist der Unterschied zwischen AI&nbsp;Chat, <span class=\"pwai-nw\">MCP-Server<\/span> und AI&nbsp;Agents?<\/h3><span class=\"pwai-faq-ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"pwai-faq-a\"><ul><li><strong>AI Chat:<\/strong> Du fragst Pickware AI direkt in deinem ERP. Die Antwort kommt in Sekunden. Aufgaben wie eine Retoure oder Teillieferung l\u00e4sst du gleich mit erledigen.<\/li><li><strong>MCP-Server:<\/strong> Du verbindest Claude, ChatGPT oder einen anderen Client mit Pickware AI und kombinierst es mit deinen anderen Tools wie CRM oder Onlineshop.<\/li><li><strong>AI Agents:<\/strong> Sie \u00fcbernehmen wiederkehrende Aufgaben in deinem ERP und WMS selbstst\u00e4ndig, nach Zeitplan oder sobald etwas passiert. Sie melden sich nur, wenn du entscheiden musst.<\/li><\/ul><\/div><\/details>\n            <details class=\"pwai-faq-item\" id=\"faq-shopware-shopify\"><summary><h3>Funktioniert Pickware&nbsp;AI mit Shopware und Shopify?<\/h3><span class=\"pwai-faq-ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"pwai-faq-a\"><p>Ja. Pickware ist das ERP und WMS mit KI f\u00fcr Shopware und Shopify. Pickware AI arbeitet mit den Daten, die Pickware aus deinem Onlineshop, deinem Lager, deinem Einkauf und deiner Buchhaltung zusammenf\u00fchrt. Du nutzt dieselben Funktionen, egal auf welchem Shopsystem du verkaufst: mit Pickware f\u00fcr Shopify oder mit dem Plugin \u201ePickware ERP, WMS und POS\u201c f\u00fcr Shopware 6.<\/p><\/div><\/details>\n            <details class=\"pwai-faq-item\" id=\"faq-was-ist-mcp-server\"><summary><h3>Was ist ein <span class=\"pwai-nw\">MCP-Server<\/span>?<\/h3><span class=\"pwai-faq-ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"pwai-faq-a\"><p>MCP steht f\u00fcr Model Context Protocol, einen offenen Standard, \u00fcber den KI-Assistenten auf andere Systeme zugreifen. Der Pickware MCP-Server verbindet Claude, ChatGPT oder einen anderen Client mit Pickware AI. So arbeitet deine AI mit deinen Daten aus Warenwirtschaft und Lager und l\u00e4sst sich mit weiteren Tools wie CRM oder Onlineshop kombinieren.<\/p><\/div><\/details>\n            <details class=\"pwai-faq-item\" id=\"faq-welche-ai-mcp\"><summary><h3>Welche AI kann ich \u00fcber den <span class=\"pwai-nw\">MCP-Server<\/span> mit Pickware verbinden?<\/h3><span class=\"pwai-faq-ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"pwai-faq-a\"><p>Du kannst Claude, ChatGPT oder einen beliebigen anderen Client nutzen. So arbeitest du mit dem Assistenten, den du eh schon hast. Ohne neue Oberfl\u00e4che und ohne Einarbeitung.<\/p><\/div><\/details>\n            <details class=\"pwai-faq-item\" id=\"faq-kontrolle-ai-agents\"><summary><h3>Behalte ich bei den AI&nbsp;Agents die Kontrolle?<\/h3><span class=\"pwai-faq-ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"pwai-faq-a\"><p>Ja. Bevor ein Agent live geht, zeigt dir ein Testlauf mit deinem echten Bestand, was er heute tun w\u00fcrde. Dabei wird noch nichts ge\u00e4ndert oder angelegt. Im Betrieb gilt: Der Agent bereitet vor, du entscheidest. Alles, was deine Freigabe braucht, landet in deiner Inbox.<\/p><\/div><\/details>\n            <details class=\"pwai-faq-item\" id=\"faq-kostenlos-testen\"><summary><h3>Kann ich Pickware&nbsp;AI kostenlos testen?<\/h3><span class=\"pwai-faq-ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"pwai-faq-a\"><p>Ja. Du kannst Pickware AI 30 Tage kostenlos testen, ohne Kreditkarte. Wenn du Pickware AI lieber erst live sehen willst, zeigen wir es dir in einer <a href=\"https:\/\/www.pickware.com\/de\/deine-live-demo#Live-Demo\">Live-Demo<\/a> mit echten Use Cases aus deinem Alltag.<\/p><\/div><\/details>\n            <\/div>\n            <script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Was ist Pickware AI?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"<p>Pickware AI ist die k\u00fcnstliche Intelligenz in deinem Pickware ERP und WMS. Pickware AI antwortet direkt aus deinen Shop-Daten zu Bestellungen, Best\u00e4nden, Umsatzentwicklung oder Kunden und \u00fcbernimmt Aufgaben, f\u00fcr die du sonst zehn Men\u00fcklicks brauchst. Pickware AI besteht aus drei Bausteinen: AI Chat, MCP-Server und AI Agents.<\\\/p>\"}}, {\"@type\": \"Question\", \"name\": \"Was ist der Unterschied zwischen AI Chat, MCP-Server und AI Agents?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"<ul><li><strong>AI Chat:<\\\/strong> Du fragst Pickware AI direkt in deinem ERP. Die Antwort kommt in Sekunden. Aufgaben wie eine Retoure oder Teillieferung l\u00e4sst du gleich mit erledigen.<\\\/li><li><strong>MCP-Server:<\\\/strong> Du verbindest Claude, ChatGPT oder einen anderen Client mit Pickware AI und kombinierst es mit deinen anderen Tools wie CRM oder Onlineshop.<\\\/li><li><strong>AI Agents:<\\\/strong> Sie \u00fcbernehmen wiederkehrende Aufgaben in deinem ERP und WMS selbstst\u00e4ndig, nach Zeitplan oder sobald etwas passiert. Sie melden sich nur, wenn du entscheiden musst.<\\\/li><\\\/ul>\"}}, {\"@type\": \"Question\", \"name\": \"Funktioniert Pickware AI mit Shopware und Shopify?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"<p>Ja. Pickware ist das ERP und WMS mit KI f\u00fcr Shopware und Shopify. Pickware AI arbeitet mit den Daten, die Pickware aus deinem Onlineshop, deinem Lager, deinem Einkauf und deiner Buchhaltung zusammenf\u00fchrt. Du nutzt dieselben Funktionen, egal auf welchem Shopsystem du verkaufst: mit Pickware f\u00fcr Shopify oder mit dem Plugin \u201ePickware ERP, WMS und POS\u201c f\u00fcr Shopware 6.<\\\/p>\"}}, {\"@type\": \"Question\", \"name\": \"Was ist ein MCP-Server?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"<p>MCP steht f\u00fcr Model Context Protocol, einen offenen Standard, \u00fcber den KI-Assistenten auf andere Systeme zugreifen. Der Pickware MCP-Server verbindet Claude, ChatGPT oder einen anderen Client mit Pickware AI. So arbeitet deine AI mit deinen Daten aus Warenwirtschaft und Lager und l\u00e4sst sich mit weiteren Tools wie CRM oder Onlineshop kombinieren.<\\\/p>\"}}, {\"@type\": \"Question\", \"name\": \"Welche AI kann ich \u00fcber den MCP-Server mit Pickware verbinden?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"<p>Du kannst Claude, ChatGPT oder einen beliebigen anderen Client nutzen. So arbeitest du mit dem Assistenten, den du eh schon hast. Ohne neue Oberfl\u00e4che und ohne Einarbeitung.<\\\/p>\"}}, {\"@type\": \"Question\", \"name\": \"Behalte ich bei den AI Agents die Kontrolle?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"<p>Ja. Bevor ein Agent live geht, zeigt dir ein Testlauf mit deinem echten Bestand, was er heute tun w\u00fcrde. Dabei wird noch nichts ge\u00e4ndert oder angelegt. Im Betrieb gilt: Der Agent bereitet vor, du entscheidest. Alles, was deine Freigabe braucht, landet in deiner Inbox.<\\\/p>\"}}, {\"@type\": \"Question\", \"name\": \"Kann ich Pickware AI kostenlos testen?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"<p>Ja. Du kannst Pickware AI 30 Tage kostenlos testen, ohne Kreditkarte. Wenn du Pickware AI lieber erst live sehen willst, zeigen wir es dir in einer <a href=\\\"https:\/\/www.pickware.com\/de\/deine-live-demo#Live-Demo\\\">Live-Demo<\\\/a> mit echten Use Cases aus deinem Alltag.<\\\/p>\"}}]}<\/script>\n            <div class=\"pwai-faq-more\">\n                <a class=\"pwai-btn\" href=\"\/de\/pickware-ai\/ai-faq\">Alle Fragen in der Pickware AI FAQ <svg width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M10.5 0L9.427 1.045 15.112 6.75H0v1.5h15.112L9.427 13.93 10.5 15 18 7.5z\"\/><\/svg><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>A NEW CHAPTER Pickware&nbsp;AI Mit Pickware AI beginnt eine neue Art, mit deinem ERP und WMS f\u00fcr Shopware und Shopify zu arbeiten. F\u00fcr mehr Outcome, rund um die Uhr. AI Chat MCP-Server AI AgentsNeu Live-Webinar \u00b7 28. Oktober, 14 UhrAI Agents in Aktion mit Samuel Vogel Zum Webinar anmelden P Produkte (500) Pickware AI Unterhaltung [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-47441","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/comments?post=47441"}],"version-history":[{"count":95,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47441\/revisions"}],"predecessor-version":[{"id":50331,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47441\/revisions\/50331"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=47441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}