{"id":49712,"date":"2026-09-24T09:06:56","date_gmt":"2026-09-24T07:06:56","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=49712"},"modified":"2026-09-24T09:06:57","modified_gmt":"2026-09-24T07:06:57","slug":"pickware-ai-agents","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/pickware-ai-agents","title":{"rendered":"Pickware AI Agents"},"content":{"rendered":"\n<style>\n.pw-main-menu.pw-main-menu--desktop { background: #000826; }\n.pw-main-menu--desktop .pw-main-menu-primary-item__title { color: white; }\n.pw-main-menu--desktop .pw-main-menu__secondary-menu-background { background: rgba(255, 255, 255, 0.1); }\n.pw-main-menu--desktop .pw-main-menu-secondary__item,\n.pw-main-menu--desktop .wpml-ls-link>span { color: rgba(255, 255, 255, 0.5); }\n.pw-main-menu--desktop .pw-main-menu-secondary__item:hover,\n.pw-main-menu--desktop .wpml-ls-link>span:hover { color: rgba(255, 255, 255, 1); }\n.wpml-ls-current-language span { color: white !important; }\n.pw-main-menu-buttons__button.pw-main-menu-buttons__button--order-500 { background-color: #0f384f; color: #fff; }\n.pw-main-menu-buttons__button.pw-main-menu-buttons__button--order-500:hover { background-color: #092738; }\n.pw-main-menu.pw-main-menu--mobile { background-color: #000826; }\n.pw-page-header--fixed .pw-main-menu.pw-main-menu--mobile { background-color: white; }\n<\/style>\n\n\n\n<style>\n    #pw-agents-root {\n        --midnight: #000826;\n        --panel: #060e2c;\n        --white: #ffffff;\n        --blue: #09a7ff;\n        --red: #ff5757;\n        --dark-red: #570403;\n        --mint: #1fd49e;\n        --lime: #abed56;\n        --gray-800: #37434f;\n        --muted: rgba(255, 255, 255, 0.55);\n\n        background: var(--midnight);\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    }\n\n    #pw-agents-root *,\n    #pw-agents-root *::before,\n    #pw-agents-root *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    \/* \u2500\u2500 Stage \u2500\u2500 *\/\n    #pw-agents-root .agents-stage {\n        position: relative;\n        min-height: 100vh;\n        padding: 96px 0 120px;\n        overflow: hidden;\n        isolation: isolate;\n    }\n\n    #pw-agents-root .agents-bg {\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        max-width: none !important;\n        z-index: 0;\n        display: block !important;\n        pointer-events: none;\n    }\n\n    \/* Fallback, falls WebGL im Browser nicht verf\u00fcgbar ist *\/\n    #pw-agents-root.no-gl .agents-stage {\n        background-image: radial-gradient(rgba(255, 87, 87, 0.35) 1.5px, transparent 1.6px);\n        background-size: 12px 12px;\n    }\n\n    \/* Abdunklung, damit Text und Formular immer lesbar bleiben *\/\n    #pw-agents-root .agents-stage::before {\n        content: \"\";\n        position: absolute;\n        top: 0; right: 0; bottom: 0; left: 0;\n        z-index: 1;\n        background:\n            radial-gradient(ellipse 55% 50% at 50% 45%, rgba(0, 8, 38, 0.8) 0%, rgba(0, 8, 38, 0.45) 55%, rgba(0, 8, 38, 0) 100%),\n            linear-gradient(180deg, var(--midnight) 0%, rgba(0, 8, 38, 0) 12%, rgba(0, 8, 38, 0) 80%, var(--midnight) 100%);\n        pointer-events: none;\n    }\n\n    #pw-agents-root .agents-inner {\n        position: relative;\n        z-index: 2;\n        max-width: 1364px;\n        margin: 0 auto;\n        padding: 0 64px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n    }\n\n    \/* \u2500\u2500 Badge (wie Pickware AI Seite) \u2500\u2500 *\/\n    #pw-agents-root .badge {\n        display: inline-flex;\n        align-items: center;\n        background: var(--red);\n        color: var(--dark-red);\n        border-radius: 23px;\n        padding: 0 20px 0 8px;\n        height: 38px;\n        font-weight: 700;\n        font-size: 16px;\n        letter-spacing: -0.03em;\n        margin-bottom: 28px;\n    }\n\n    #pw-agents-root .badge .led {\n        width: 22px;\n        height: 22px;\n        border-radius: 50%;\n        background: var(--dark-red);\n        margin-right: 10px;\n        display: grid;\n        place-items: center;\n    }\n\n    #pw-agents-root .badge .led::after {\n        content: \"\";\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: var(--mint);\n        box-shadow: 0 0 8px var(--mint);\n        animation: pwa-led 1.8s ease-in-out infinite;\n    }\n\n    @keyframes pwa-led {\n        0%, 100% { scale: 0.75; }\n        50% { scale: 1.5; }\n    }\n\n    \/* \u2500\u2500 Headline \u2500\u2500 *\/\n    #pw-agents-root h1.agents-title {\n        font-family: \"Fira Sans\", sans-serif;\n        font-weight: 900;\n        font-style: italic;\n        font-size: clamp(52px, 9vw, 120px);\n        line-height: 1.1;\n        letter-spacing: -0.015em;\n        color: var(--white);\n        max-width: 1100px;\n        text-wrap: balance;\n        hyphens: manual;\n    }\n\n    #pw-agents-root .agents-sub {\n        font-size: 22px;\n        line-height: 1.3;\n        letter-spacing: -0.03em;\n        color: var(--white);\n        max-width: 620px;\n        margin: 28px auto 0;\n    }\n\n    \/* \u2500\u2500 Countdown \u2500\u2500 *\/\n    #pw-agents-root .countdown {\n        margin: 56px auto 0;\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 12px;\n        width: 100%;\n        max-width: 720px;\n    }\n\n    #pw-agents-root .cd-unit {\n        border: 1px solid rgba(255, 87, 87, 0.35);\n        background: rgba(87, 4, 3, 0.25);\n        backdrop-filter: blur(6px);\n        -webkit-backdrop-filter: blur(6px);\n        border-radius: 12px;\n        padding: 22px 8px 16px;\n    }\n\n    #pw-agents-root .cd-num {\n        display: block;\n        font-family: \"Fira Sans\", sans-serif;\n        font-weight: 900;\n        font-style: italic;\n        font-size: clamp(40px, 6.5vw, 76px);\n        line-height: 1;\n        color: var(--red);\n        font-variant-numeric: tabular-nums;\n        text-shadow: 0 0 24px rgba(255, 87, 87, 0.45);\n    }\n\n    #pw-agents-root .cd-label {\n        display: block;\n        margin-top: 10px;\n        font-size: 14px;\n        font-weight: 500;\n        color: var(--muted);\n    }\n\n    #pw-agents-root .cd-live {\n        display: none;\n        margin: 56px auto 0;\n        font-family: \"Fira Sans\", sans-serif;\n        font-weight: 900;\n        font-style: italic;\n        font-size: clamp(36px, 5vw, 60px);\n        line-height: 1;\n        color: var(--red);\n        text-shadow: 0 0 24px rgba(255, 87, 87, 0.45);\n    }\n\n    #pw-agents-root.is-live .countdown { display: none; }\n    #pw-agents-root.is-live .cd-live { display: block; }\n\n    \/* \u2500\u2500 Formular-Karte \u2500\u2500 *\/\n    #pw-agents-root .agents-card {\n        margin: 64px auto 0;\n        width: 100%;\n        max-width: 620px;\n        background: var(--panel);\n        border: 1px solid var(--gray-800);\n        border-radius: 16px;\n        padding: 40px;\n        text-align: left;\n        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);\n    }\n\n    #pw-agents-root .card-title {\n        font-family: \"Fira Sans\", sans-serif;\n        font-weight: 900;\n        font-style: italic;\n        font-size: clamp(32px, 4vw, 44px);\n        line-height: 1.05;\n        letter-spacing: -0.01em;\n        color: var(--white);\n        margin-bottom: 14px;\n    }\n\n    #pw-agents-root .card-text {\n        font-family: \"Roboto\", sans-serif;\n        font-size: 18px;\n        line-height: 1.35;\n        letter-spacing: -0.02em;\n        color: rgba(255, 255, 255, 0.7);\n        margin-bottom: 32px;\n        padding-bottom: 28px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    }\n\n    \/* Lade- und Fehlerzustand des Formulars *\/\n    #pw-agents-root .agents-form.is-loading { min-height: 420px; position: relative; }\n    #pw-agents-root .agents-form.is-loading::after {\n        content: \"\";\n        position: absolute;\n        top: 40%;\n        left: 50%;\n        width: 32px;\n        height: 32px;\n        margin: -16px 0 0 -16px;\n        border-radius: 50%;\n        border: 3px solid rgba(255, 255, 255, 0.12);\n        border-top-color: var(--blue);\n        animation: pwa-spin 0.8s linear infinite;\n    }\n    @keyframes pwa-spin { to { transform: rotate(360deg); } }\n    #pw-agents-root .form-error { font-size: 16px; color: rgba(255, 255, 255, 0.8); }\n\n    #pw-agents-root .agents-thanks { display: none; text-align: center; padding: 24px 0; }\n    #pw-agents-root .agents-card.is-done .agents-form-view { display: none; }\n    #pw-agents-root .agents-card.is-done .agents-thanks { display: block; animation: pwa-pop 0.5s cubic-bezier(.2, .9, .3, 1.2) both; }\n\n    #pw-agents-root .thanks-icon {\n        width: 64px;\n        height: 64px;\n        border-radius: 50%;\n        background: var(--lime);\n        color: #22330a;\n        display: grid;\n        place-items: center;\n        margin: 0 auto 20px;\n    }\n\n    #pw-agents-root .thanks-title {\n        font-family: \"Fira Sans\", sans-serif;\n        font-weight: 900;\n        font-style: italic;\n        font-size: 44px;\n        line-height: 1;\n        margin-bottom: 12px;\n    }\n\n    #pw-agents-root .thanks-text { font-size: 20px; color: var(--muted); letter-spacing: -0.02em; }\n\n    @keyframes pwa-pop {\n        from { opacity: 0; transform: scale(0.94); }\n        to { opacity: 1; transform: scale(1); }\n    }\n\n    \/* \u2500\u2500 HubSpot-Formular (Legacy-Markup) im Pickware-Stil \u2500\u2500 *\/\n    #pw-agents-root .agents-form form { width: 100%; }\n\n    #pw-agents-root .agents-form fieldset {\n        max-width: none !important;\n        border: 0;\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 16px;\n        margin: 0 0 16px;\n    }\n\n    #pw-agents-root .agents-form fieldset.form-columns-2 { grid-template-columns: 1fr 1fr; }\n\n    #pw-agents-root .agents-form fieldset .hs-form-field,\n    #pw-agents-root .agents-form fieldset .field {\n        width: 100% !important;\n        float: none !important;\n        padding: 0 !important;\n    }\n\n    #pw-agents-root .agents-form .input { margin: 0 !important; }\n\n    #pw-agents-root .agents-form .hs-form-field > label {\n        display: block;\n        font-size: 14px;\n        font-weight: 500;\n        color: rgba(255, 255, 255, 0.8);\n        margin-bottom: 8px;\n    }\n\n    #pw-agents-root .agents-form .hs-form-required { color: var(--red); margin-left: 2px; }\n\n    #pw-agents-root .agents-form input.hs-input:not([type=\"checkbox\"]):not([type=\"radio\"]),\n    #pw-agents-root .agents-form select.hs-input,\n    #pw-agents-root .agents-form textarea.hs-input {\n        width: 100% !important;\n        height: 52px;\n        padding: 0 16px;\n        background: rgba(255, 255, 255, 0.04);\n        border: 1px solid var(--gray-800);\n        border-radius: 8px;\n        color: var(--white);\n        font-family: \"Roboto\", sans-serif;\n        font-size: 16px;\n        outline: none;\n        transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\n    }\n\n    #pw-agents-root .agents-form input.hs-input::placeholder { color: rgba(255, 255, 255, 0.3); }\n\n    #pw-agents-root .agents-form input.hs-input:focus {\n        border-color: var(--blue);\n        background: rgba(9, 167, 255, 0.06);\n        box-shadow: 0 0 0 3px rgba(9, 167, 255, 0.25);\n    }\n\n    #pw-agents-root .agents-form input.hs-input.invalid,\n    #pw-agents-root .agents-form input.hs-input.error { border-color: var(--red); }\n\n    #pw-agents-root .agents-form .hs-error-msgs {\n        list-style: none;\n        margin-top: 6px;\n        font-size: 13px;\n        color: var(--red);\n    }\n\n    #pw-agents-root .agents-form .hs-error-msgs label { color: var(--red); }\n\n    #pw-agents-root .agents-form .legal-consent-container,\n    #pw-agents-root .agents-form .hs-richtext {\n        font-size: 13px;\n        line-height: 1.5;\n        color: var(--muted);\n    }\n\n    #pw-agents-root .agents-form .hs-richtext a { color: var(--white); }\n    #pw-agents-root .agents-form .legal-consent-container .hs-richtext + ul,\n    #pw-agents-root .agents-form .legal-consent-container ul + .hs-richtext { margin-top: 10px; }\n    #pw-agents-root .agents-form .inputs-list { list-style: none; }\n\n    #pw-agents-root .agents-form .hs-form-booleancheckbox-display {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        cursor: pointer;\n        font-size: 14px;\n        color: rgba(255, 255, 255, 0.8);\n    }\n\n    #pw-agents-root .agents-form .hs-form-booleancheckbox-display input {\n        flex: 0 0 18px;\n        width: 18px;\n        height: 18px;\n        margin-top: 1px;\n        accent-color: var(--blue);\n        cursor: pointer;\n    }\n\n    \/* \u00dcberschriften\/Texte, die im HubSpot-Formular selbst angelegt werden *\/\n    #pw-agents-root .agents-form .hs-richtext h1,\n    #pw-agents-root .agents-form .hs-richtext h2,\n    #pw-agents-root .agents-form .hs-richtext h3 {\n        font-family: \"Fira Sans\", sans-serif;\n        font-weight: 900;\n        font-style: italic;\n        font-size: 28px;\n        line-height: 1.1;\n        color: var(--white);\n        margin: 8px 0 10px;\n    }\n    #pw-agents-root .agents-form .hs-richtext h4,\n    #pw-agents-root .agents-form .hs-richtext h5 {\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 700;\n        font-size: 18px;\n        color: var(--white);\n        margin: 8px 0 6px;\n    }\n    #pw-agents-root .agents-form .hs-richtext p { margin: 0 0 8px; }\n    #pw-agents-root .agents-form .hs-richtext p:last-child { margin-bottom: 0; }\n    #pw-agents-root .agents-form .hs-field-desc { font-size: 13px; color: var(--muted); margin: -2px 0 8px; }\n\n    #pw-agents-root .agents-form textarea.hs-input { height: 120px; padding: 14px 16px; resize: vertical; }\n    #pw-agents-root .agents-form select.hs-input { cursor: pointer; }\n    #pw-agents-root .agents-form select.hs-input option { color: #000826; }\n\n    \/* Browser-Autofill nicht wei\u00df einf\u00e4rben *\/\n    #pw-agents-root .agents-form input.hs-input:-webkit-autofill {\n        -webkit-text-fill-color: #ffffff;\n        -webkit-box-shadow: 0 0 0 1000px #0b1535 inset;\n        caret-color: #ffffff;\n    }\n\n    #pw-agents-root .agents-form .hs-form-booleancheckbox-display > span { margin: 0 !important; display: block; }\n    #pw-agents-root .agents-form .hs-form-booleancheckbox-display p { margin: 0; display: inline; }\n    #pw-agents-root .agents-form .hs-form-booleancheckbox-display .hs-form-required { display: inline; margin-left: 3px; }\n    #pw-agents-root .agents-form .inputs-list li + li { margin-top: 8px; }\n    #pw-agents-root .agents-form .legal-consent-container { margin-top: 8px; }\n\n    #pw-agents-root .agents-form .hs_submit { margin-top: 24px; }\n\n    #pw-agents-root .agents-form .hs-button {\n        width: 100%;\n        height: 60px;\n        border: none;\n        border-radius: 8px;\n        background: var(--blue);\n        color: var(--white);\n        font-family: \"Roboto\", sans-serif;\n        font-weight: 700;\n        font-size: 18px;\n        letter-spacing: -0.03em;\n        cursor: pointer;\n        -webkit-appearance: none;\n        appearance: none;\n        transition: transform 0.15s, filter 0.15s;\n    }\n\n    #pw-agents-root .agents-form .hs-button:hover { transform: translateY(-1px); filter: brightness(1.08); }\n    #pw-agents-root .agents-form .hs-button:focus-visible { outline: 3px solid var(--white); outline-offset: 3px; }\n    #pw-agents-root .agents-form .hs_error_rollup { display: none; }\n    #pw-agents-root .agents-form .submitted-message { display: none; }\n\n    \/* \u2500\u2500 Page-Load (ein orchestrierter Moment) \u2500\u2500 *\/\n    #pw-agents-root .rise { animation: pwa-rise 0.8s cubic-bezier(.2, .7, .2, 1) both; animation-delay: var(--d, 0s); }\n\n    @keyframes pwa-rise {\n        from { opacity: 0; transform: translateY(24px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n    @media (max-width: 720px) {\n        #pw-agents-root .agents-stage { padding: 64px 0 80px; }\n        #pw-agents-root .agents-inner { padding: 0 20px; }\n        #pw-agents-root .agents-sub { font-size: 19px; }\n        #pw-agents-root .countdown { gap: 8px; margin-top: 40px; }\n        #pw-agents-root .cd-unit { padding: 16px 4px 12px; border-radius: 10px; }\n        #pw-agents-root .cd-label { font-size: 12px; margin-top: 6px; }\n        #pw-agents-root .agents-card { padding: 28px 20px; margin-top: 48px; }\n        #pw-agents-root .card-text { font-size: 16px; margin-bottom: 24px; padding-bottom: 20px; }\n    }\n\n    @media (max-width: 520px) {\n        #pw-agents-root .agents-form fieldset.form-columns-2 { grid-template-columns: 1fr; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        #pw-agents-root .rise,\n        #pw-agents-root .agents-card.is-done .agents-thanks { animation: none; }\n        #pw-agents-root .badge .led::after { animation: none; }\n    }\n<\/style>\n\n<div id=\"pw-agents-root\">\n    <section class=\"agents-stage\" aria-label=\"Pickware AI Agents \u2013 Anmeldung\">\n        <canvas class=\"agents-bg\" id=\"pwAgentsBg\" aria-hidden=\"true\"><\/canvas>\n\n        <div class=\"agents-inner\">\n            <span class=\"badge rise\" style=\"--d:0s\"><span class=\"led\" aria-hidden=\"true\"><\/span>PICKWARE AI AGENTS<\/span>\n\n            <h1 class=\"agents-title rise\" style=\"--d:.1s\">Bald arbeiten Agenten f\u00fcr dich!<\/h1>\n\n            <p class=\"agents-sub rise\" style=\"--d:.2s\">Am 30.09.26 z\u00fcnden wir die n\u00e4chste Stufe von Pickware AI. Melde dich jetzt an und erhalte als Erster alle Infos, um mit Pickware AI Agents durchzustarten.<\/p>\n\n            <div class=\"countdown rise\" style=\"--d:.35s\" role=\"timer\" aria-label=\"Countdown bis zum 30. September\">\n                <div class=\"cd-unit\"><span class=\"cd-num\" data-cd=\"d\">00<\/span><span class=\"cd-label\">Tage<\/span><\/div>\n                <div class=\"cd-unit\"><span class=\"cd-num\" data-cd=\"h\">00<\/span><span class=\"cd-label\">Stunden<\/span><\/div>\n                <div class=\"cd-unit\"><span class=\"cd-num\" data-cd=\"m\">00<\/span><span class=\"cd-label\">Minuten<\/span><\/div>\n                <div class=\"cd-unit\"><span class=\"cd-num\" data-cd=\"s\">00<\/span><span class=\"cd-label\">Sekunden<\/span><\/div>\n            <\/div>\n            <p class=\"cd-live\">Es ist so weit.<\/p>\n\n            <div class=\"agents-card rise\" id=\"pwAgentsCard\" style=\"--d:.5s\">\n                <div class=\"agents-form-view\">\n                    <h2 class=\"card-title\">Sei ganz vorne mit dabei<\/h2>\n                    <p class=\"card-text\">Trag dich ein und du bekommst alle Infos zum Start von Pickware AI Agents direkt in dein Postfach.<\/p>\n                    <div id=\"pw-agents-form\" class=\"agents-form is-loading\"><\/div>\n                <\/div>\n                <div class=\"agents-thanks\" aria-live=\"polite\">\n                    <div class=\"thanks-icon\" aria-hidden=\"true\">\n                        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12.5l4.5 4.5L19 7.5\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/div>\n                    <p class=\"thanks-title\">Du bist drin.<\/p>\n                    <p class=\"thanks-text\">Am 30.09.26 h\u00f6rst du von uns.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n(function () {\n    console.log('[Pickware Agents] Script gestartet');\n    \/* ==========================================================\n       HUBSPOT \u2013 HIER DEINE WERTE EINTRAGEN\n       ========================================================== *\/\n    var PW_HUBSPOT = {\n        region: 'eu1',\n        portalId: '26748939',\n        formId: '0d5addc7-a8aa-4a9e-8ce3-9ccefeeb9d39'\n    };\n\n    \/* Launch-Zeitpunkt (deutsche Sommerzeit) *\/\n    var LAUNCH = new Date('2026-09-30T00:00:00+02:00').getTime();\n\n    var root = document.getElementById('pw-agents-root');\n    var card = document.getElementById('pwAgentsCard');\n    var target = document.getElementById('pw-agents-form');\n    if (!root || !card || !target) return;\n\n    function showThanks() { card.classList.add('is-done'); }\n\n    \/* \u2500\u2500 Countdown \u2500\u2500 *\/\n    var nums = {};\n    root.querySelectorAll('[data-cd]').forEach(function (el) { nums[el.getAttribute('data-cd')] = el; });\n    function pad(n) { return n < 10 ? '0' + n : String(n); }\n    var cdTimer = null;\n    function tick() {\n        var diff = LAUNCH - Date.now();\n        if (diff <= 0) {\n            root.classList.add('is-live');\n            if (cdTimer) clearInterval(cdTimer);\n            return;\n        }\n        var s = Math.floor(diff \/ 1000);\n        nums.d.textContent = pad(Math.floor(s \/ 86400));\n        nums.h.textContent = pad(Math.floor((s % 86400) \/ 3600));\n        nums.m.textContent = pad(Math.floor((s % 3600) \/ 60));\n        nums.s.textContent = pad(s % 60);\n    }\n    tick();\n    cdTimer = setInterval(tick, 1000);\n\n    \/* \u2500\u2500 Formular \u2500\u2500 *\/\n    function formError() {\n        target.classList.remove('is-loading');\n        target.innerHTML = '<p class=\"form-error\">Das Formular konnte nicht geladen werden. Bitte lade die Seite neu oder deaktiviere kurz deinen Adblocker.<\/p>';\n    }\n\n    var hs = document.createElement('script');\n    hs.src = 'https:\/\/js-' + PW_HUBSPOT.region + '.hsforms.net\/forms\/embed\/v2.js';\n    hs.charset = 'utf-8';\n    hs.onerror = formError;\n    hs.onload = function () {\n        if (!window.hbspt) { formError(); return; }\n        window.hbspt.forms.create({\n            region: PW_HUBSPOT.region,\n            portalId: PW_HUBSPOT.portalId,\n            formId: PW_HUBSPOT.formId,\n            target: '#pw-agents-form',\n            css: '',\n            cssRequired: '',\n            onFormReady: function () { target.classList.remove('is-loading'); },\n            onFormSubmitted: showThanks\n        });\n    };\n    document.head.appendChild(hs);\n})();\n<\/script>\n\n<script>\nconsole.log('[Pickware Agents Dither] Script gestartet');\n(function () {\n    var LOG = '[Pickware Agents Dither]';\n    \/* Im WordPress Block-Editor (wp-admin) keine WebGL-Animation starten *\/\n    try { if (window.top) { if (window.top.location.pathname.indexOf('\/wp-admin\/') !== -1) { console.log(LOG, 'im Editor deaktiviert'); return; } } } catch (e) {}\n\n    function init() {\n        var root = document.getElementById('pw-agents-root');\n        var canvas = document.getElementById('pwAgentsBg');\n        if (!root || !canvas) { console.log(LOG, 'Canvas nicht gefunden'); return; }\n\n        var opts = { antialias: false, alpha: false, premultipliedAlpha: false };\n        var gl = canvas.getContext('webgl2', opts) || canvas.getContext('webgl', opts) || canvas.getContext('experimental-webgl', opts);\n        if (!gl) { console.log(LOG, 'kein WebGL verf\u00fcgbar, Fallback aktiv'); root.classList.add('no-gl'); return; }\n\n        \/* GLSL ES 1.00: l\u00e4uft in WebGL1 und WebGL2 *\/\n        var vertSrc = `\nattribute vec2 a_position;\nvoid main(){ gl_Position = vec4(a_position, 0.0, 1.0); }`;\n\n        var fragSrc = `\nprecision mediump float;\nuniform float u_time;\nuniform vec2 u_resolution;\nuniform vec3 u_colorBack;\nuniform vec3 u_colorFront;\nuniform float u_pxSize;\nfloat bayer2(vec2 a){ a = floor(a); return fract(a.x \/ 2.0 + a.y * a.y * 0.75); }\nfloat bayer4(vec2 a){ return bayer2(0.5 * a) * 0.25 + bayer2(a); }\nfloat bayer8(vec2 a){ return bayer4(0.5 * a) * 0.25 + bayer2(a); }\nvoid main(){\n  float t = 0.5 * u_time;\n  vec2 pxUv = (gl_FragCoord.xy - 0.5 * u_resolution) \/ u_pxSize;\n  float aspect = u_resolution.x \/ u_resolution.y;\n  vec2 sc = vec2(aspect, 1.0) \/ min(aspect, 1.0);\n  vec2 p = (floor(pxUv) * u_pxSize \/ u_resolution.xy) * 2.4 * sc;\n  vec2 n[7];\n  float phase[7];\n  for (int i = 0; i < 7; i++) {\n    float fi = float(i);\n    float a = fi * 0.9 + t * (0.18 + fi * 0.04);\n    float r = 0.55 + 0.35 * sin(t * 0.4 + fi * 1.7);\n    n[i] = vec2(cos(a * 1.1 + fi) * r + 0.28 * sin(t * 0.7 + fi * 2.3), sin(a * 0.9 + fi * 0.6) * r + 0.28 * cos(t * 0.55 + fi * 1.9)) * sc;\n    phase[i] = fract(t * (0.55 + fi * 0.09) + fi * 0.37);\n  }\n  float val = 0.0;\n  for (int i = 0; i < 7; i++) {\n    float d = length(p - n[i]);\n    val = max(val, exp(-d * 22.0) * 0.9);\n    float ph = phase[i];\n    val = max(val, exp(-pow((d - ph * 0.9) * 40.0, 2.0)) * pow(1.0 - ph, 1.3) * 0.75);\n  }\n  for (int i = 0; i < 7; i++) {\n    for (int j = 0; j < 7; j++) {\n      if (j <= i) continue;\n      vec2 a = n[i];\n      vec2 b = n[j];\n      vec2 ab = b - a;\n      float L = length(ab);\n      float gate = smoothstep(1.2, 0.3, length(ab \/ sc));\n      if (gate <= 0.001) continue;\n      vec2 ap = p - a;\n      float h = clamp(dot(ap, ab) \/ (L * L + 0.0001), 0.0, 1.0);\n      float dSeg = length(ap - ab * h);\n      val = max(val, exp(-pow(dSeg * 55.0, 2.0)) * 0.65 * gate);\n      vec2 sp = mix(a, b, fract(t * 0.8 + float(i) * 0.31 + float(j) * 0.17));\n      val = max(val, exp(-length(p - sp) * 28.0) * 0.85 * gate);\n    }\n  }\n  float res = step(0.5, clamp(val, 0.0, 1.0) + bayer8(pxUv) - 0.5);\n  gl_FragColor = vec4(mix(u_colorBack, u_colorFront, res), 1.0);\n}`;\n\n        function compile(type, src) {\n            var sh = gl.createShader(type);\n            gl.shaderSource(sh, src);\n            gl.compileShader(sh);\n            if (!gl.getShaderParameter(sh, gl.COMPILE_STATUS)) { console.error(LOG, 'Shader-Fehler:', gl.getShaderInfoLog(sh)); return null; }\n            return sh;\n        }\n        var vs = compile(gl.VERTEX_SHADER, vertSrc);\n        var fs = compile(gl.FRAGMENT_SHADER, fragSrc);\n        if (!vs || !fs) { root.classList.add('no-gl'); return; }\n        var prog = gl.createProgram();\n        gl.attachShader(prog, vs); gl.attachShader(prog, fs); gl.linkProgram(prog);\n        if (!gl.getProgramParameter(prog, gl.LINK_STATUS)) { console.error(LOG, 'Link-Fehler:', gl.getProgramInfoLog(prog)); root.classList.add('no-gl'); return; }\n        gl.useProgram(prog);\n\n        var buf = gl.createBuffer();\n        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');\n        gl.enableVertexAttribArray(locPos);\n        gl.vertexAttribPointer(locPos, 2, gl.FLOAT, false, 0, 0);\n\n        var uTime = gl.getUniformLocation(prog, 'u_time');\n        var uRes = gl.getUniformLocation(prog, 'u_resolution');\n        gl.uniform3f(gl.getUniformLocation(prog, 'u_colorBack'), 0, 8 \/ 255, 38 \/ 255);\n        gl.uniform3f(gl.getUniformLocation(prog, 'u_colorFront'), 1, 87 \/ 255, 87 \/ 255);\n        gl.uniform1f(gl.getUniformLocation(prog, 'u_pxSize'), 3);\n\n        var reduced = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n        var W = 1, H = 1, start = performance.now(), raf = null, visible = true;\n\n        function draw() {\n            gl.uniform1f(uTime, reduced ? 4.0 : (performance.now() - start) * 0.001 * 0.6);\n            gl.uniform2f(uRes, W, H);\n            gl.drawArrays(gl.TRIANGLES, 0, 6);\n        }\n        function loop() {\n            draw();\n            raf = null;\n            if (visible) { if (!reduced) raf = requestAnimationFrame(loop); }\n        }\n        function resize() {\n            var r = canvas.getBoundingClientRect();\n            var dpr = Math.min(window.devicePixelRatio || 1, 2);\n            var w = Math.max(1, Math.floor(r.width * dpr)), h = Math.max(1, Math.floor(r.height * dpr));\n            if (w !== W || h !== H) { W = w; H = h; canvas.width = W; canvas.height = H; gl.viewport(0, 0, W, H); }\n            draw();\n        }\n\n        resize();\n        if (window.ResizeObserver) new ResizeObserver(resize).observe(canvas);\n        window.addEventListener('resize', resize);\n\n        if (window.IntersectionObserver) {\n            new IntersectionObserver(function (entries) {\n                visible = entries[0].isIntersecting;\n                if (visible) { if (!raf) raf = requestAnimationFrame(loop); }\n            }, { rootMargin: '80px' }).observe(canvas);\n        }\n        raf = requestAnimationFrame(loop);\n        console.log(LOG, 'l\u00e4uft', gl instanceof (window.WebGL2RenderingContext || Object) ? '(WebGL2)' : '(WebGL1)', W + 'x' + H);\n    }\n\n    function safeInit() { try { init(); } catch (err) { console.log(LOG, 'Fehler:', err); } }\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', safeInit);\n    else safeInit();\n})();\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>PICKWARE AI AGENTS Bald arbeiten Agenten f\u00fcr dich! Am 30.09.26 z\u00fcnden wir die n\u00e4chste Stufe von Pickware AI. Melde dich jetzt an und erhalte als Erster alle Infos, um mit Pickware AI Agents durchzustarten. 00Tage 00Stunden 00Minuten 00Sekunden Es ist so weit. Sei ganz vorne mit dabei Trag dich ein und du bekommst alle Infos [&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-49712","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/49712","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=49712"}],"version-history":[{"count":8,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/49712\/revisions"}],"predecessor-version":[{"id":49720,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/49712\/revisions\/49720"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=49712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}