Pickware Day 2026 \u2014 Save the Date \u00b7 10.09.2026<\/title>\n<meta name=\"description\" content=\"Pickware Day 2026 \u2014 Save the Date am 10. September 2026. Sei dabei, wenn wir die Zukunft des Handels feiern.\" \/>\n\n<style>\n :root {\n --bg: #000000;\n --bg-elev: #0b0b0d;\n --bg-elev-2: #131316;\n --line: rgba(255,255,255,0.08);\n --line-strong: rgba(255,255,255,0.16);\n --fg: #ffffff;\n --fg-dim: rgba(255,255,255,0.72);\n --fg-mute: rgba(255,255,255,0.48);\n --accent: #15B5F0; \/* Pickware cyan *\/\n --accent-ink: #001018;\n --accent-glow: rgba(21,181,240,0.35);\n --radius: 14px;\n --radius-lg: 22px;\n --maxw: 1240px;\n\n --font-sans: 'Roboto', system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;\n --font-display: 'Fira Sans', system-ui, sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;\n }\n\n * { box-sizing: border-box; }\n html, body { margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--fg);\n font-family: var(--font-sans);\n font-size: 16px;\n line-height: 1.55;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n overflow-x: hidden;\n }\n img { max-width: 100%; display: block; }\n a { color: inherit; }\n\n ::selection { background: var(--accent); color: var(--accent-ink); }\n\n .wrap {\n width: 100%;\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 0 28px;\n }\n\n \/* ---------- NAV ---------- *\/\n .nav {\n position: sticky; top: 0; z-index: 50;\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n background: rgba(0,0,0,0.55);\n border-bottom: 1px solid var(--line);\n }\n .nav-inner {\n display: flex; align-items: center; justify-content: space-between;\n height: 68px;\n }\n .brand {\n display: inline-flex; align-items: center; gap: 10px;\n font-family: var(--font-display); font-weight: 900; font-style: italic; letter-spacing: -0.01em;\n font-size: 17px;\n }\n .brand-mark {\n width: 26px; height: 26px; border-radius: 7px;\n background: var(--accent);\n display: inline-flex; align-items: center; justify-content: center;\n color: var(--accent-ink); font-weight: 900; font-size: 14px;\n box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 8px 24px var(--accent-glow);\n }\n .nav-links {\n display: flex; align-items: center; gap: 28px;\n font-size: 14px; color: var(--fg-dim);\n }\n .nav-links a { text-decoration: none; transition: color .2s; }\n .nav-links a:hover { color: var(--fg); }\n .nav-cta {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--accent); color: var(--accent-ink);\n padding: 10px 16px; border-radius: 999px;\n font-weight: 600; font-size: 14px; text-decoration: none;\n transition: transform .15s ease, box-shadow .2s ease;\n }\n .nav-cta:hover { transform: translateY(-1px); box-shadow: 0 10px 30px var(--accent-glow); }\n @media (max-width: 760px) {\n .nav-links { display: none; }\n }\n\n \/* ---------- HERO ---------- *\/\n .hero {\n position: relative;\n padding: 80px 0 96px;\n overflow: hidden;\n isolation: isolate;\n }\n .hero::before {\n content: \"\";\n position: absolute; inset: 0;\n background:\n radial-gradient(800px 500px at 80% 0%, rgba(21,181,240,0.18), transparent 60%),\n radial-gradient(900px 600px at 0% 60%, rgba(21,181,240,0.08), transparent 70%);\n pointer-events: none;\n z-index: -1;\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n gap: 64px;\n align-items: center;\n }\n @media (max-width: 960px) {\n .hero-grid { grid-template-columns: 1fr; gap: 48px; }\n .hero { padding: 56px 0 72px; }\n }\n\n .eyebrow {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 8px 14px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;\n color: var(--fg-dim);\n background: rgba(255,255,255,0.02);\n }\n .eyebrow .dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 4px rgba(21,181,240,0.18);\n animation: pulse 2.4s ease-in-out infinite;\n }\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(21,181,240,0.18); }\n 50% { box-shadow: 0 0 0 8px rgba(21,181,240,0.04); }\n }\n\n .hero h1 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(48px, 8vw, 104px);\n line-height: 0.95;\n letter-spacing: -0.035em;\n margin: 22px 0 0;\n text-wrap: balance;\n }\n .hero h1 .accent {\n color: var(--accent);\n font-style: italic;\n }\n .hero-sub {\n margin-top: 22px;\n font-size: clamp(16px, 1.5vw, 19px);\n color: var(--fg-dim);\n max-width: 540px;\n text-wrap: pretty;\n }\n\n .hero-actions {\n display: flex; flex-wrap: wrap; gap: 12px;\n margin-top: 36px;\n }\n .btn {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 14px 22px; border-radius: 999px;\n font-weight: 600; font-size: 15px; text-decoration: none;\n border: 1px solid transparent;\n transition: transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;\n }\n .btn-primary {\n background: var(--accent); color: var(--accent-ink);\n }\n .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 14px 40px var(--accent-glow); }\n .btn-ghost {\n background: transparent; color: var(--fg);\n border-color: var(--line-strong);\n }\n .btn-ghost:hover { border-color: var(--fg); }\n .btn svg { width: 16px; height: 16px; }\n\n \/* SAVE-THE-DATE CARD *\/\n .stamp {\n position: relative;\n background: linear-gradient(180deg, #0e0e11, #050507);\n border: 1px solid var(--line-strong);\n border-radius: var(--radius-lg);\n padding: 36px;\n box-shadow:\n 0 1px 0 rgba(255,255,255,0.04) inset,\n 0 30px 80px rgba(0,0,0,0.6);\n overflow: hidden;\n }\n .stamp::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(160deg, rgba(21,181,240,0.55), transparent 35%, transparent 65%, rgba(21,181,240,0.25));\n -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n }\n .stamp-label {\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--accent);\n }\n .stamp-date {\n margin-top: 16px;\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: end;\n gap: 18px;\n }\n .day {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(96px, 14vw, 168px);\n line-height: 0.85;\n letter-spacing: -0.05em;\n }\n .month-year {\n display: flex; flex-direction: column; gap: 4px;\n padding-bottom: 10px;\n }\n .month-year .m {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(24px, 3.4vw, 36px);\n letter-spacing: -0.02em;\n }\n .month-year .y {\n font-family: var(--font-mono);\n font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--fg-mute);\n }\n .stamp-meta {\n margin-top: 28px;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 18px;\n border-top: 1px solid var(--line);\n padding-top: 22px;\n }\n .meta-item .k {\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--fg-mute); margin-bottom: 6px;\n }\n .meta-item .v { font-size: 15px; color: var(--fg); }\n\n \/* COUNTDOWN *\/\n .countdown {\n margin-top: 56px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n border: 1px solid var(--line);\n background: var(--bg-elev);\n border-radius: var(--radius-lg);\n padding: 22px;\n }\n .cd-cell { text-align: center; }\n .cd-num {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(32px, 4.5vw, 48px);\n letter-spacing: -0.03em;\n line-height: 1;\n font-variant-numeric: tabular-nums;\n }\n .cd-label {\n margin-top: 8px;\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--fg-mute);\n }\n\n \/* MARQUEE *\/\n .marquee {\n margin-top: 64px;\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n overflow: hidden;\n background: rgba(255,255,255,0.015);\n }\n .marquee-track {\n display: flex; gap: 56px;\n padding: 18px 0;\n width: max-content;\n animation: scroll 40s linear infinite;\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 18px;\n letter-spacing: -0.01em;\n color: var(--fg-dim);\n white-space: nowrap;\n }\n .marquee-track .star { color: var(--accent); }\n @keyframes scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* SECTIONS *\/\n section { padding: 96px 0; }\n @media (max-width: 760px) { section { padding: 72px 0; } }\n\n .section-head {\n display: flex; align-items: end; justify-content: space-between;\n gap: 32px; margin-bottom: 48px;\n flex-wrap: wrap;\n }\n .section-kicker {\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 14px;\n }\n .section-title {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(32px, 4.6vw, 56px);\n letter-spacing: -0.025em;\n line-height: 1.05;\n margin: 0;\n max-width: 760px;\n text-wrap: balance;\n }\n .section-lede {\n color: var(--fg-dim);\n font-size: 16px;\n max-width: 360px;\n }\n\n \/* HIGHLIGHTS *\/\n .highlights {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n }\n @media (max-width: 900px) { .highlights { grid-template-columns: 1fr; } }\n .card {\n position: relative;\n background: var(--bg-elev);\n border: 1px solid var(--line);\n border-radius: var(--radius-lg);\n padding: 28px;\n transition: border-color .2s ease, transform .2s ease, background .2s ease;\n }\n .card:hover { border-color: var(--line-strong); transform: translateY(-2px); }\n .card-num {\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.18em; color: var(--fg-mute);\n }\n .card h3 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 22px; line-height: 1.2;\n letter-spacing: -0.015em;\n margin: 18px 0 10px;\n }\n .card p { margin: 0; color: var(--fg-dim); font-size: 15px; }\n .card .icon {\n width: 36px; height: 36px; border-radius: 10px;\n display: inline-flex; align-items: center; justify-content: center;\n background: rgba(21,181,240,0.10);\n color: var(--accent);\n margin-bottom: 18px;\n }\n .card .icon svg { width: 18px; height: 18px; }\n\n \/* AGENDA TEASER *\/\n .agenda {\n border: 1px solid var(--line);\n border-radius: var(--radius-lg);\n overflow: hidden;\n background: var(--bg-elev);\n }\n .agenda-row {\n display: grid;\n grid-template-columns: 140px 1fr auto;\n gap: 24px;\n padding: 22px 28px;\n align-items: center;\n border-top: 1px solid var(--line);\n }\n .agenda-row:first-child { border-top: 0; }\n .agenda-time {\n font-family: var(--font-mono);\n font-size: 13px; color: var(--accent); letter-spacing: 0.06em;\n }\n .agenda-title {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 18px; letter-spacing: -0.01em;\n }\n .agenda-tag {\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--fg-mute);\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n padding: 6px 10px;\n white-space: nowrap;\n }\n @media (max-width: 720px) {\n .agenda-row { grid-template-columns: 1fr; gap: 8px; padding: 18px 20px; }\n .agenda-tag { justify-self: start; }\n }\n\n \/* CONTACT \/ FORM EMBED *\/\n .contact {\n background: linear-gradient(180deg, rgba(21,181,240,0.05), transparent 50%);\n border-top: 1px solid var(--line);\n }\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 56px;\n align-items: start;\n }\n @media (max-width: 960px) {\n .contact-grid { grid-template-columns: 1fr; gap: 32px; }\n }\n .contact-copy h2 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(32px, 4.6vw, 56px);\n line-height: 1.05;\n letter-spacing: -0.025em;\n margin: 14px 0 18px;\n text-wrap: balance;\n }\n .contact-copy p {\n color: var(--fg-dim);\n font-size: 16px;\n margin: 0 0 22px;\n max-width: 460px;\n }\n .contact-list {\n list-style: none; padding: 0; margin: 28px 0 0;\n display: flex; flex-direction: column; gap: 14px;\n }\n .contact-list li {\n display: flex; align-items: center; gap: 12px;\n color: var(--fg-dim); font-size: 15px;\n }\n .contact-list .ico {\n width: 32px; height: 32px; border-radius: 8px;\n display: inline-flex; align-items: center; justify-content: center;\n background: rgba(255,255,255,0.04);\n color: var(--accent);\n }\n .contact-list .ico svg { width: 16px; height: 16px; }\n\n \/* FORM SLOT \u2014 hier kommt das eigene Embed rein *\/\n .form-shell {\n background: var(--bg-elev);\n border: 1px solid var(--line-strong);\n border-radius: var(--radius-lg);\n padding: 28px;\n position: relative;\n overflow: hidden;\n }\n .form-shell::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(180deg, rgba(21,181,240,0.4), transparent 40%);\n -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n }\n .form-head {\n display: flex; align-items: center; justify-content: space-between;\n gap: 12px; margin-bottom: 22px;\n }\n .form-head h3 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 20px; margin: 0;\n letter-spacing: -0.01em;\n }\n .form-head .badge {\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--accent);\n border: 1px solid rgba(21,181,240,0.4);\n background: rgba(21,181,240,0.08);\n padding: 6px 10px; border-radius: 999px;\n }\n\n \/* \u2193\u2193\u2193 EMBED-SLOT \u2193\u2193\u2193\n Inhalt hier ersetzen mit dem eigenen Formular-Embed.\n Container ist responsive und passt sich automatisch an. *\/\n #form-embed {\n min-height: 520px;\n border-radius: 12px;\n background: rgba(255,255,255,0.02);\n border: 1px dashed var(--line-strong);\n display: flex; align-items: center; justify-content: center;\n text-align: center;\n padding: 32px;\n color: var(--fg-mute);\n }\n #form-embed .placeholder {\n max-width: 420px;\n }\n #form-embed .placeholder .label {\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;\n color: var(--accent);\n display: inline-block;\n margin-bottom: 14px;\n }\n #form-embed .placeholder h4 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 20px; margin: 0 0 10px; color: var(--fg);\n letter-spacing: -0.01em;\n }\n #form-embed .placeholder p { margin: 0; font-size: 14px; line-height: 1.55; }\n #form-embed .placeholder code {\n font-family: var(--font-mono);\n font-size: 12px;\n background: rgba(255,255,255,0.06);\n padding: 2px 6px; border-radius: 4px;\n color: var(--fg);\n }\n\n \/* FOOTER *\/\n footer {\n border-top: 1px solid var(--line);\n padding: 40px 0 56px;\n color: var(--fg-mute);\n font-size: 13px;\n }\n .foot-row {\n display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;\n align-items: center;\n }\n .foot-links { display: flex; gap: 22px; }\n .foot-links a { color: var(--fg-dim); text-decoration: none; }\n .foot-links a:hover { color: var(--fg); }\n\n \/* Reduced motion *\/\n @media (prefers-reduced-motion: reduce) {\n .marquee-track { animation: none; }\n .eyebrow .dot { animation: none; }\n * { scroll-behavior: auto !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<main id=\"top\">\n<section class=\"hero\">\n <div class=\"wrap hero-grid\">\n <div>\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>Save the Date \u00b7 10.09.2026<\/span>\n <h1>\n Pickware<br\/>\n <span class=\"accent\">Day<\/span> 2026\n <\/h1>\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"#kontakt\">\n Jetzt registrieren\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <aside class=\"stamp\" aria-label=\"Save the Date\">\n <div class=\"stamp-label\">\/\/ Save the Date<\/div>\n <div class=\"stamp-date\">\n <div class=\"day\">10<\/div>\n <div class=\"month-year\">\n <div class=\"m\">September<\/div>\n <div class=\"y\">2026 \u00b7 Donnerstag<\/div>\n <\/div>\n <\/div>\n <div class=\"stamp-meta\">\n <div class=\"meta-item\">\n <div class=\"k\">Wann<\/div>\n <div class=\"v\">09:00 \u2014 23:00 Uhr<\/div>\n <\/div>\n <div class=\"meta-item\">\n <div class=\"k\">Wo<\/div>\n <div class=\"v\">Darmstadt \u00b7 Pickware HQ<\/div>\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n\n \n <div class=\"wrap\">\n <div class=\"countdown\" aria-label=\"Countdown bis zum Pickware Day 2026\">\n <div class=\"cd-cell\"><div class=\"cd-num\" id=\"cd-d\">\u2014<\/div><div class=\"cd-label\">Tage<\/div><\/div>\n <div class=\"cd-cell\"><div class=\"cd-num\" id=\"cd-h\">\u2014<\/div><div class=\"cd-label\">Stunden<\/div><\/div>\n <div class=\"cd-cell\"><div class=\"cd-num\" id=\"cd-m\">\u2014<\/div><div class=\"cd-label\">Minuten<\/div><\/div>\n <div class=\"cd-cell\"><div class=\"cd-num\" id=\"cd-s\">\u2014<\/div><div class=\"cd-label\">Sekunden<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"kontakt\" class=\"contact\">\n <div class=\"wrap contact-grid\">\n <div class=\"contact-copy\">\n <div class=\"section-kicker\">\/\/ Save your spot<\/div>\n <h2>Die Pl\u00e4tze sind limitiert.<\/h2>\n\n <ul class=\"contact-list\">\n <li>\n <span class=\"ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s-7-6.2-7-11a7 7 0 1114 0c0 4.8-7 11-7 11z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\n <\/span>\n Pickware HQ, Darmstadt\n <\/li>\n <li>\n <span class=\"ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M3 9h18M8 3v4M16 3v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n <\/span>\n Donnerstag, 10. September 2026\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"form-shell\" id=\"location\">\n <div class=\"form-head\">\n <h3>Anfrageformular<\/h3>\n <span class=\"badge\">Save the Date<\/span>\n <\/div>\n\n \n <div id=\"form-embed\">\n <div class=\"hs-loading\">\n <span class=\"label\">\/\/ HubSpot<\/span>\n <p>Formular wird geladen \u2026<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ === HubSpot-Konfiguration ===\n window.HUBSPOT_FORM_CONFIG = {\n region: \"eu1\",\n portalId: \"26748939\",\n formId: \"08cadbda-24eb-4ade-a391-aac6e821150a\"\n };\n \/\/ ============================\n\n (function () {\n var cfg = window.HUBSPOT_FORM_CONFIG || {};\n var target = document.getElementById('form-embed');\n if (!cfg.portalId || !cfg.formId ||\n cfg.portalId === 'YOUR_PORTAL_ID' || cfg.formId === 'YOUR_FORM_ID') {\n \/\/ Platzhalter sichtbar lassen\n return;\n }\n var s = document.createElement('script');\n s.src = 'https:\/\/js.hsforms.net\/forms\/embed\/v2.js';\n s.charset = 'utf-8';\n s.type = 'text\/javascript';\n s.async = true;\n s.onload = function () {\n if (window.hbspt && window.hbspt.forms) {\n target.innerHTML = '';\n window.hbspt.forms.create({\n region: cfg.region || 'eu1',\n portalId: cfg.portalId,\n formId: cfg.formId,\n target: '#form-embed'\n });\n }\n };\n document.head.appendChild(s);\n })();\n <\/script>\n \n\n <\/div>\n <\/div>\n<\/section>\n\n<\/main>\n\n<script>\n \/\/ Countdown bis 10.09.2026, 09:00 Uhr (Europa\/Berlin \u2248 UTC+2 Sommerzeit)\n (function () {\n var target = new Date('2026-09-10T09:00:00+02:00').getTime();\n var elD = document.getElementById('cd-d');\n var elH = document.getElementById('cd-h');\n var elM = document.getElementById('cd-m');\n var elS = document.getElementById('cd-s');\n function pad(n){ n = Math.max(0, n|0); return n < 10 ? '0' + n : '' + n; }\n function tick(){\n var diff = target - Date.now();\n if (diff <= 0) {\n elD.textContent = '00'; elH.textContent = '00'; elM.textContent = '00'; elS.textContent = '00';\n return;\n }\n var s = Math.floor(diff \/ 1000);\n var d = Math.floor(s \/ 86400);\n var h = Math.floor((s % 86400) \/ 3600);\n var m = Math.floor((s % 3600) \/ 60);\n var sec = s % 60;\n elD.textContent = pad(d);\n elH.textContent = pad(h);\n elM.textContent = pad(m);\n elS.textContent = pad(sec);\n }\n tick();\n setInterval(tick, 1000);\n })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Pickware Day 2026 \u2014 Save the Date \u00b7 10.09.2026 Save the Date \u00b7 10.09.2026 Pickware Day 2026 Jetzt registrieren \/\/ Save the Date 10 September 2026 \u00b7 Donnerstag Wann 09:00 \u2014 23:00 Uhr Wo Darmstadt \u00b7 Pickware HQ \u2014 Tage \u2014 Stunden \u2014 Minuten \u2014 Sekunden \/\/ Save your spot Die Pl\u00e4tze sind limitiert. Pickware […]<\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-you-can-book-me.php","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"class_list":["post-47546","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47546","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\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/comments?post=47546"}],"version-history":[{"count":7,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47546\/revisions"}],"predecessor-version":[{"id":47809,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47546\/revisions\/47809"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=47546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":47546,"date":"2026-04-29T15:29:50","date_gmt":"2026-04-29T13:29:50","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=47546"},"modified":"2026-06-18T11:35:32","modified_gmt":"2026-06-18T09:35:32","slug":"pickware-day-2026","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/pickware-day-2026","title":{"rendered":"Pickware Day 2026"},"content":{"rendered":"\n\n\n\n\n\nPickware Day 2026 \u2014 Save the Date \u00b7 10.09.2026<\/title>\n<meta name=\"description\" content=\"Pickware Day 2026 \u2014 Save the Date am 10. September 2026. Sei dabei, wenn wir die Zukunft des Handels feiern.\" \/>\n\n<style>\n :root {\n --bg: #000000;\n --bg-elev: #0b0b0d;\n --bg-elev-2: #131316;\n --line: rgba(255,255,255,0.08);\n --line-strong: rgba(255,255,255,0.16);\n --fg: #ffffff;\n --fg-dim: rgba(255,255,255,0.72);\n --fg-mute: rgba(255,255,255,0.48);\n --accent: #15B5F0; \/* Pickware cyan *\/\n --accent-ink: #001018;\n --accent-glow: rgba(21,181,240,0.35);\n --radius: 14px;\n --radius-lg: 22px;\n --maxw: 1240px;\n\n --font-sans: 'Roboto', system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;\n --font-display: 'Fira Sans', system-ui, sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;\n }\n\n * { box-sizing: border-box; }\n html, body { margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--fg);\n font-family: var(--font-sans);\n font-size: 16px;\n line-height: 1.55;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n overflow-x: hidden;\n }\n img { max-width: 100%; display: block; }\n a { color: inherit; }\n\n ::selection { background: var(--accent); color: var(--accent-ink); }\n\n .wrap {\n width: 100%;\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 0 28px;\n }\n\n \/* ---------- NAV ---------- *\/\n .nav {\n position: sticky; top: 0; z-index: 50;\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n background: rgba(0,0,0,0.55);\n border-bottom: 1px solid var(--line);\n }\n .nav-inner {\n display: flex; align-items: center; justify-content: space-between;\n height: 68px;\n }\n .brand {\n display: inline-flex; align-items: center; gap: 10px;\n font-family: var(--font-display); font-weight: 900; font-style: italic; letter-spacing: -0.01em;\n font-size: 17px;\n }\n .brand-mark {\n width: 26px; height: 26px; border-radius: 7px;\n background: var(--accent);\n display: inline-flex; align-items: center; justify-content: center;\n color: var(--accent-ink); font-weight: 900; font-size: 14px;\n box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 8px 24px var(--accent-glow);\n }\n .nav-links {\n display: flex; align-items: center; gap: 28px;\n font-size: 14px; color: var(--fg-dim);\n }\n .nav-links a { text-decoration: none; transition: color .2s; }\n .nav-links a:hover { color: var(--fg); }\n .nav-cta {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--accent); color: var(--accent-ink);\n padding: 10px 16px; border-radius: 999px;\n font-weight: 600; font-size: 14px; text-decoration: none;\n transition: transform .15s ease, box-shadow .2s ease;\n }\n .nav-cta:hover { transform: translateY(-1px); box-shadow: 0 10px 30px var(--accent-glow); }\n @media (max-width: 760px) {\n .nav-links { display: none; }\n }\n\n \/* ---------- HERO ---------- *\/\n .hero {\n position: relative;\n padding: 80px 0 96px;\n overflow: hidden;\n isolation: isolate;\n }\n .hero::before {\n content: \"\";\n position: absolute; inset: 0;\n background:\n radial-gradient(800px 500px at 80% 0%, rgba(21,181,240,0.18), transparent 60%),\n radial-gradient(900px 600px at 0% 60%, rgba(21,181,240,0.08), transparent 70%);\n pointer-events: none;\n z-index: -1;\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n gap: 64px;\n align-items: center;\n }\n @media (max-width: 960px) {\n .hero-grid { grid-template-columns: 1fr; gap: 48px; }\n .hero { padding: 56px 0 72px; }\n }\n\n .eyebrow {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 8px 14px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;\n color: var(--fg-dim);\n background: rgba(255,255,255,0.02);\n }\n .eyebrow .dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 4px rgba(21,181,240,0.18);\n animation: pulse 2.4s ease-in-out infinite;\n }\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(21,181,240,0.18); }\n 50% { box-shadow: 0 0 0 8px rgba(21,181,240,0.04); }\n }\n\n .hero h1 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(48px, 8vw, 104px);\n line-height: 0.95;\n letter-spacing: -0.035em;\n margin: 22px 0 0;\n text-wrap: balance;\n }\n .hero h1 .accent {\n color: var(--accent);\n font-style: italic;\n }\n .hero-sub {\n margin-top: 22px;\n font-size: clamp(16px, 1.5vw, 19px);\n color: var(--fg-dim);\n max-width: 540px;\n text-wrap: pretty;\n }\n\n .hero-actions {\n display: flex; flex-wrap: wrap; gap: 12px;\n margin-top: 36px;\n }\n .btn {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 14px 22px; border-radius: 999px;\n font-weight: 600; font-size: 15px; text-decoration: none;\n border: 1px solid transparent;\n transition: transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;\n }\n .btn-primary {\n background: var(--accent); color: var(--accent-ink);\n }\n .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 14px 40px var(--accent-glow); }\n .btn-ghost {\n background: transparent; color: var(--fg);\n border-color: var(--line-strong);\n }\n .btn-ghost:hover { border-color: var(--fg); }\n .btn svg { width: 16px; height: 16px; }\n\n \/* SAVE-THE-DATE CARD *\/\n .stamp {\n position: relative;\n background: linear-gradient(180deg, #0e0e11, #050507);\n border: 1px solid var(--line-strong);\n border-radius: var(--radius-lg);\n padding: 36px;\n box-shadow:\n 0 1px 0 rgba(255,255,255,0.04) inset,\n 0 30px 80px rgba(0,0,0,0.6);\n overflow: hidden;\n }\n .stamp::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(160deg, rgba(21,181,240,0.55), transparent 35%, transparent 65%, rgba(21,181,240,0.25));\n -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n }\n .stamp-label {\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--accent);\n }\n .stamp-date {\n margin-top: 16px;\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: end;\n gap: 18px;\n }\n .day {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(96px, 14vw, 168px);\n line-height: 0.85;\n letter-spacing: -0.05em;\n }\n .month-year {\n display: flex; flex-direction: column; gap: 4px;\n padding-bottom: 10px;\n }\n .month-year .m {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(24px, 3.4vw, 36px);\n letter-spacing: -0.02em;\n }\n .month-year .y {\n font-family: var(--font-mono);\n font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--fg-mute);\n }\n .stamp-meta {\n margin-top: 28px;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 18px;\n border-top: 1px solid var(--line);\n padding-top: 22px;\n }\n .meta-item .k {\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--fg-mute); margin-bottom: 6px;\n }\n .meta-item .v { font-size: 15px; color: var(--fg); }\n\n \/* COUNTDOWN *\/\n .countdown {\n margin-top: 56px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n border: 1px solid var(--line);\n background: var(--bg-elev);\n border-radius: var(--radius-lg);\n padding: 22px;\n }\n .cd-cell { text-align: center; }\n .cd-num {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(32px, 4.5vw, 48px);\n letter-spacing: -0.03em;\n line-height: 1;\n font-variant-numeric: tabular-nums;\n }\n .cd-label {\n margin-top: 8px;\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--fg-mute);\n }\n\n \/* MARQUEE *\/\n .marquee {\n margin-top: 64px;\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n overflow: hidden;\n background: rgba(255,255,255,0.015);\n }\n .marquee-track {\n display: flex; gap: 56px;\n padding: 18px 0;\n width: max-content;\n animation: scroll 40s linear infinite;\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 18px;\n letter-spacing: -0.01em;\n color: var(--fg-dim);\n white-space: nowrap;\n }\n .marquee-track .star { color: var(--accent); }\n @keyframes scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* SECTIONS *\/\n section { padding: 96px 0; }\n @media (max-width: 760px) { section { padding: 72px 0; } }\n\n .section-head {\n display: flex; align-items: end; justify-content: space-between;\n gap: 32px; margin-bottom: 48px;\n flex-wrap: wrap;\n }\n .section-kicker {\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 14px;\n }\n .section-title {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(32px, 4.6vw, 56px);\n letter-spacing: -0.025em;\n line-height: 1.05;\n margin: 0;\n max-width: 760px;\n text-wrap: balance;\n }\n .section-lede {\n color: var(--fg-dim);\n font-size: 16px;\n max-width: 360px;\n }\n\n \/* HIGHLIGHTS *\/\n .highlights {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n }\n @media (max-width: 900px) { .highlights { grid-template-columns: 1fr; } }\n .card {\n position: relative;\n background: var(--bg-elev);\n border: 1px solid var(--line);\n border-radius: var(--radius-lg);\n padding: 28px;\n transition: border-color .2s ease, transform .2s ease, background .2s ease;\n }\n .card:hover { border-color: var(--line-strong); transform: translateY(-2px); }\n .card-num {\n font-family: var(--font-mono);\n font-size: 12px; letter-spacing: 0.18em; color: var(--fg-mute);\n }\n .card h3 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 22px; line-height: 1.2;\n letter-spacing: -0.015em;\n margin: 18px 0 10px;\n }\n .card p { margin: 0; color: var(--fg-dim); font-size: 15px; }\n .card .icon {\n width: 36px; height: 36px; border-radius: 10px;\n display: inline-flex; align-items: center; justify-content: center;\n background: rgba(21,181,240,0.10);\n color: var(--accent);\n margin-bottom: 18px;\n }\n .card .icon svg { width: 18px; height: 18px; }\n\n \/* AGENDA TEASER *\/\n .agenda {\n border: 1px solid var(--line);\n border-radius: var(--radius-lg);\n overflow: hidden;\n background: var(--bg-elev);\n }\n .agenda-row {\n display: grid;\n grid-template-columns: 140px 1fr auto;\n gap: 24px;\n padding: 22px 28px;\n align-items: center;\n border-top: 1px solid var(--line);\n }\n .agenda-row:first-child { border-top: 0; }\n .agenda-time {\n font-family: var(--font-mono);\n font-size: 13px; color: var(--accent); letter-spacing: 0.06em;\n }\n .agenda-title {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 18px; letter-spacing: -0.01em;\n }\n .agenda-tag {\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--fg-mute);\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n padding: 6px 10px;\n white-space: nowrap;\n }\n @media (max-width: 720px) {\n .agenda-row { grid-template-columns: 1fr; gap: 8px; padding: 18px 20px; }\n .agenda-tag { justify-self: start; }\n }\n\n \/* CONTACT \/ FORM EMBED *\/\n .contact {\n background: linear-gradient(180deg, rgba(21,181,240,0.05), transparent 50%);\n border-top: 1px solid var(--line);\n }\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 56px;\n align-items: start;\n }\n @media (max-width: 960px) {\n .contact-grid { grid-template-columns: 1fr; gap: 32px; }\n }\n .contact-copy h2 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: clamp(32px, 4.6vw, 56px);\n line-height: 1.05;\n letter-spacing: -0.025em;\n margin: 14px 0 18px;\n text-wrap: balance;\n }\n .contact-copy p {\n color: var(--fg-dim);\n font-size: 16px;\n margin: 0 0 22px;\n max-width: 460px;\n }\n .contact-list {\n list-style: none; padding: 0; margin: 28px 0 0;\n display: flex; flex-direction: column; gap: 14px;\n }\n .contact-list li {\n display: flex; align-items: center; gap: 12px;\n color: var(--fg-dim); font-size: 15px;\n }\n .contact-list .ico {\n width: 32px; height: 32px; border-radius: 8px;\n display: inline-flex; align-items: center; justify-content: center;\n background: rgba(255,255,255,0.04);\n color: var(--accent);\n }\n .contact-list .ico svg { width: 16px; height: 16px; }\n\n \/* FORM SLOT \u2014 hier kommt das eigene Embed rein *\/\n .form-shell {\n background: var(--bg-elev);\n border: 1px solid var(--line-strong);\n border-radius: var(--radius-lg);\n padding: 28px;\n position: relative;\n overflow: hidden;\n }\n .form-shell::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(180deg, rgba(21,181,240,0.4), transparent 40%);\n -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n }\n .form-head {\n display: flex; align-items: center; justify-content: space-between;\n gap: 12px; margin-bottom: 22px;\n }\n .form-head h3 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 20px; margin: 0;\n letter-spacing: -0.01em;\n }\n .form-head .badge {\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--accent);\n border: 1px solid rgba(21,181,240,0.4);\n background: rgba(21,181,240,0.08);\n padding: 6px 10px; border-radius: 999px;\n }\n\n \/* \u2193\u2193\u2193 EMBED-SLOT \u2193\u2193\u2193\n Inhalt hier ersetzen mit dem eigenen Formular-Embed.\n Container ist responsive und passt sich automatisch an. *\/\n #form-embed {\n min-height: 520px;\n border-radius: 12px;\n background: rgba(255,255,255,0.02);\n border: 1px dashed var(--line-strong);\n display: flex; align-items: center; justify-content: center;\n text-align: center;\n padding: 32px;\n color: var(--fg-mute);\n }\n #form-embed .placeholder {\n max-width: 420px;\n }\n #form-embed .placeholder .label {\n font-family: var(--font-mono);\n font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;\n color: var(--accent);\n display: inline-block;\n margin-bottom: 14px;\n }\n #form-embed .placeholder h4 {\n font-family: var(--font-display);\n font-weight: 900;\n font-style: italic;\n font-size: 20px; margin: 0 0 10px; color: var(--fg);\n letter-spacing: -0.01em;\n }\n #form-embed .placeholder p { margin: 0; font-size: 14px; line-height: 1.55; }\n #form-embed .placeholder code {\n font-family: var(--font-mono);\n font-size: 12px;\n background: rgba(255,255,255,0.06);\n padding: 2px 6px; border-radius: 4px;\n color: var(--fg);\n }\n\n \/* FOOTER *\/\n footer {\n border-top: 1px solid var(--line);\n padding: 40px 0 56px;\n color: var(--fg-mute);\n font-size: 13px;\n }\n .foot-row {\n display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;\n align-items: center;\n }\n .foot-links { display: flex; gap: 22px; }\n .foot-links a { color: var(--fg-dim); text-decoration: none; }\n .foot-links a:hover { color: var(--fg); }\n\n \/* Reduced motion *\/\n @media (prefers-reduced-motion: reduce) {\n .marquee-track { animation: none; }\n .eyebrow .dot { animation: none; }\n * { scroll-behavior: auto !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<main id=\"top\">\n<section class=\"hero\">\n <div class=\"wrap hero-grid\">\n <div>\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>Save the Date \u00b7 10.09.2026<\/span>\n <h1>\n Pickware<br\/>\n <span class=\"accent\">Day<\/span> 2026\n <\/h1>\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"#kontakt\">\n Jetzt registrieren\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <aside class=\"stamp\" aria-label=\"Save the Date\">\n <div class=\"stamp-label\">\/\/ Save the Date<\/div>\n <div class=\"stamp-date\">\n <div class=\"day\">10<\/div>\n <div class=\"month-year\">\n <div class=\"m\">September<\/div>\n <div class=\"y\">2026 \u00b7 Donnerstag<\/div>\n <\/div>\n <\/div>\n <div class=\"stamp-meta\">\n <div class=\"meta-item\">\n <div class=\"k\">Wann<\/div>\n <div class=\"v\">09:00 \u2014 23:00 Uhr<\/div>\n <\/div>\n <div class=\"meta-item\">\n <div class=\"k\">Wo<\/div>\n <div class=\"v\">Darmstadt \u00b7 Pickware HQ<\/div>\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n\n \n <div class=\"wrap\">\n <div class=\"countdown\" aria-label=\"Countdown bis zum Pickware Day 2026\">\n <div class=\"cd-cell\"><div class=\"cd-num\" id=\"cd-d\">\u2014<\/div><div class=\"cd-label\">Tage<\/div><\/div>\n <div class=\"cd-cell\"><div class=\"cd-num\" id=\"cd-h\">\u2014<\/div><div class=\"cd-label\">Stunden<\/div><\/div>\n <div class=\"cd-cell\"><div class=\"cd-num\" id=\"cd-m\">\u2014<\/div><div class=\"cd-label\">Minuten<\/div><\/div>\n <div class=\"cd-cell\"><div class=\"cd-num\" id=\"cd-s\">\u2014<\/div><div class=\"cd-label\">Sekunden<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"kontakt\" class=\"contact\">\n <div class=\"wrap contact-grid\">\n <div class=\"contact-copy\">\n <div class=\"section-kicker\">\/\/ Save your spot<\/div>\n <h2>Die Pl\u00e4tze sind limitiert.<\/h2>\n\n <ul class=\"contact-list\">\n <li>\n <span class=\"ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s-7-6.2-7-11a7 7 0 1114 0c0 4.8-7 11-7 11z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\n <\/span>\n Pickware HQ, Darmstadt\n <\/li>\n <li>\n <span class=\"ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M3 9h18M8 3v4M16 3v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n <\/span>\n Donnerstag, 10. September 2026\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"form-shell\" id=\"location\">\n <div class=\"form-head\">\n <h3>Anfrageformular<\/h3>\n <span class=\"badge\">Save the Date<\/span>\n <\/div>\n\n \n <div id=\"form-embed\">\n <div class=\"hs-loading\">\n <span class=\"label\">\/\/ HubSpot<\/span>\n <p>Formular wird geladen \u2026<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ === HubSpot-Konfiguration ===\n window.HUBSPOT_FORM_CONFIG = {\n region: \"eu1\",\n portalId: \"26748939\",\n formId: \"08cadbda-24eb-4ade-a391-aac6e821150a\"\n };\n \/\/ ============================\n\n (function () {\n var cfg = window.HUBSPOT_FORM_CONFIG || {};\n var target = document.getElementById('form-embed');\n if (!cfg.portalId || !cfg.formId ||\n cfg.portalId === 'YOUR_PORTAL_ID' || cfg.formId === 'YOUR_FORM_ID') {\n \/\/ Platzhalter sichtbar lassen\n return;\n }\n var s = document.createElement('script');\n s.src = 'https:\/\/js.hsforms.net\/forms\/embed\/v2.js';\n s.charset = 'utf-8';\n s.type = 'text\/javascript';\n s.async = true;\n s.onload = function () {\n if (window.hbspt && window.hbspt.forms) {\n target.innerHTML = '';\n window.hbspt.forms.create({\n region: cfg.region || 'eu1',\n portalId: cfg.portalId,\n formId: cfg.formId,\n target: '#form-embed'\n });\n }\n };\n document.head.appendChild(s);\n })();\n <\/script>\n \n\n <\/div>\n <\/div>\n<\/section>\n\n<\/main>\n\n<script>\n \/\/ Countdown bis 10.09.2026, 09:00 Uhr (Europa\/Berlin \u2248 UTC+2 Sommerzeit)\n (function () {\n var target = new Date('2026-09-10T09:00:00+02:00').getTime();\n var elD = document.getElementById('cd-d');\n var elH = document.getElementById('cd-h');\n var elM = document.getElementById('cd-m');\n var elS = document.getElementById('cd-s');\n function pad(n){ n = Math.max(0, n|0); return n < 10 ? '0' + n : '' + n; }\n function tick(){\n var diff = target - Date.now();\n if (diff <= 0) {\n elD.textContent = '00'; elH.textContent = '00'; elM.textContent = '00'; elS.textContent = '00';\n return;\n }\n var s = Math.floor(diff \/ 1000);\n var d = Math.floor(s \/ 86400);\n var h = Math.floor((s % 86400) \/ 3600);\n var m = Math.floor((s % 3600) \/ 60);\n var sec = s % 60;\n elD.textContent = pad(d);\n elH.textContent = pad(h);\n elM.textContent = pad(m);\n elS.textContent = pad(sec);\n }\n tick();\n setInterval(tick, 1000);\n })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Pickware Day 2026 \u2014 Save the Date \u00b7 10.09.2026 Save the Date \u00b7 10.09.2026 Pickware Day 2026 Jetzt registrieren \/\/ Save the Date 10 September 2026 \u00b7 Donnerstag Wann 09:00 \u2014 23:00 Uhr Wo Darmstadt \u00b7 Pickware HQ \u2014 Tage \u2014 Stunden \u2014 Minuten \u2014 Sekunden \/\/ Save your spot Die Pl\u00e4tze sind limitiert. Pickware […]<\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-you-can-book-me.php","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"class_list":["post-47546","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47546","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\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/comments?post=47546"}],"version-history":[{"count":7,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47546\/revisions"}],"predecessor-version":[{"id":47809,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47546\/revisions\/47809"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=47546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}