{"id":47003,"date":"2026-03-12T11:46:29","date_gmt":"2026-03-12T10:46:29","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=47003"},"modified":"2026-03-31T10:19:41","modified_gmt":"2026-03-31T08:19:41","slug":"omr-pre-event","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/omr-pre-event","title":{"rendered":"Landingpage E-Com Bubble meets Craft Beer"},"content":{"rendered":"\n<style>\n    :root {\n        --color--pink-500: #f155a0;\n        --color--pink-900: #360606;\n        --color--purple-500: #b56bf0;\n        --color--purple-900: #280d3f;\n        --color--violet-500: #836bff;\n        --color--violet-900: #200a2b;\n        --color--indigo-500: #536dfe;\n        --color--indigo-900: #0d1844;\n        --color--pickware-500: #09a7ff;\n        --color--pickware-900: #011a3d;\n        --color--cyan-500: #43ccd5;\n        --color--cyan-900: #042c35;\n        --color--mint-500: #1fd49e;\n        --color--mint-900: #012b20;\n        --color--green-500: #4be160;\n        --color--green-900: #0c330b;\n        --color--lime-500: #abed56;\n        --color--lime-900: #22330a;\n        --color--pear-500: #e2f13c;\n        --color--pear-900: #353407;\n        --color--yellow-500: #f6e015;\n        --color--yellow-900: #423500;\n        --color--amber-500: #ffc217;\n        --color--amber-900: #352203;\n        --color--marigold-500: #ffa802;\n        --color--marigold-900: #331a01;\n        --color--orange-500: #ff8807;\n        --color--orange-900: #3f1b02;\n        --color--coral-500: #ff6a38;\n        --color--coral-900: #471507;\n        --color--red-500: #ff5757;\n        --color--red-900: #570403;\n        --color--midnight: #000826;\n        --color--gray-50: #eceef1;\n        --color--gray-100: #cfd6dc;\n        --color--gray-200: #b0bac5;\n        --color--gray-300: #909fae;\n        --color--gray-500: #788a9c;\n        --color--gray-500: #60768b;\n        --color--gray-600: #54677a;\n        --color--gray-700: #455564;\n        --color--gray-800: #37434f;\n        --color--gray-900: #262f38;\n    }\n<\/style>\n\n\n\n<style>\n    .layout-container {\n        padding: 0 24px;\n        margin: 0 auto;\n        box-sizing: border-box;\n        display: flex;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n.referenzen-ohne-interaktion .content-references-animation--container {height: auto !important;}\n<\/style>\n\n\n\n<style>\n.btn {\n    display: inline-block;\n    box-sizing: content-box;\n    width: fit-content;\n    height: 46px;\n    padding: 0 16px;\n    border-radius: 4px;\n    font-size: 16px;\n    font-weight: 500;\n    letter-spacing: .5px;\n    line-height: 46px;\n    text-decoration: none;\n    white-space: nowrap;\n    border: 1px solid transparent;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    cursor: pointer;\n    transition-property: all;\n    transition-timing-function: ease-in;\n    transition-duration: .1s;\n    box-shadow: none;\n}\n\n.btn--pickware-500 {\n    background-color: var(--color--pickware-500);\n    color: #fff;\n}\n\n.btn--pickware-500:hover {\n    background-color: #1391D6;\n    color: fff;\n}\n\n.btn--pickware-500--h-invert {\n    background-color: var(--color--pickware-500);\n    color: #fff;\n}\n\n.btn--pickware-500--h-invert:hover {\n    background-color: white;\n    color: var(--color--pickware-500);\n}\n\n.btn--pickware-900 {\n    background-color: var(--color--pickware-900);\n    color: #fff;\n}\n\n.btn--pickware-900:hover {\n    background-color: #fff;\n    color: var(--color--pickware-900);\n}\n\n.btn--xl {\n    font-size: 20px;\n    padding: 4px 16px;\n    border-radius: 8px;\n}\n\n.btn--violet-500 {\n    background-color: var(--color--violet-500);\n    color: var(--color--violet-900);\n}\n\n.btn--purple-500 {\n    background-color: var(--color--purple-500);\n    color: var(--color--purple-900);\n}\n\n.btn--marigold {\n    background-color: var(--color--marigold-500);\n    color: var(--color--marigold-900);\n}\n\n.btn--pink-500 {\n    background-color: var(--color--pink-500);\n    color: var(--color--pink-900);\n}\n\n.btn--amber-500 {\n    background-color: var(--color--amber-500);\n    color: var(--color--amber-900);\n}\n\n.btn--orange-500 {\n    background-color: var(--color--orange-500);\n    color: var(--color--orange-900);\n}\n\n.btn--red-500 {\n    background-color: var(--color--red-500);\n    color: var(--color--red-900);\n}\n\n.btn--mint-500 {\n    background-color: var(--color--mint-500);\n    color: var(--color--mint-900);\n}\n\n.btn--violet-500:hover,\n.btn--purple-500:hover,\n.btn--marigold:hover,\n.btn--pink-500:hover,\n.btn--amber-500:hover,\n.btn--orange-500:hover,\n.btn--red-500:hover,\n.btn--mint-500:hover\n{\nopacity: 0.8;\n}\n\n<\/style>\n\n\n\n<style>* {\n    font-family: Roboto, sans-serif;\n    font-weight: normal;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    text-wrap-style: balance;\n}\n\n.tb14,\n.tb16,\n.tb18,\n.tb26 {\n    text-wrap-style: pretty;\n}\n\n.tfira-bold {\n    font-family: 'Fira Sans' !important;\n    font-weight: 800;\n    font-style: italic;\n}\n\n.tfira-black {\n    font-family: 'Fira Sans' !important;\n    font-weight: 900;\n    font-style: italic;\n}\n\n.teye {\n    color: var(--color--midnight);\n    font-weight: 500;\n    text-transform: uppercase;\n    font-size: 14px;\n    letter-spacing: 1.25px;\n    line-height: 24px;\n    margin-bottom: 4px;\n}\n\n.tzitat {\n    font-size: 34px;\n    letter-spacing: -.15px;\n    line-height: 44px;\n}\n\n.tb34 {\n    color: rgb(55, 67, 79);\n    font-size: 34px;\n    line-height: 52px;\n    margin-bottom: 24px;\n}\n\n.tb26 {\n    color: rgb(55, 67, 79);\n    font-size: 26px;\n    line-height: 34px;\n}\n\n.tb18 {\n    color: rgb(55, 67, 79);\n    font-size: 18px;\n    letter-spacing: 0.2px;\n    line-height: 28px;\n    margin-bottom: 24px;\n}\n\n.tb20 {\n    color: rgb(55, 67, 79);\n    font-size: 20px;\n    letter-spacing: 0.15px;\n    line-height: 28px;\n    margin-bottom: 24px;\n}\n\n.tb16 {\n    color: rgb(55, 67, 79);\n    font-size: 16px;\n    letter-spacing: 0.3px;\n    line-height: 24px;\n    margin-bottom: 24px;\n}\n\n.tb14 {\n    color: rgb(55, 67, 79);\n    font-size: 14px;\n    letter-spacing: 0.26px;\n    line-height: 20px;\n    margin-bottom: 12px;\n}\n\n.th1 {\n    font-family: 'Fira Sans';\n    font-weight: 900;\n    font-style: italic;\n    color: var(--color--midnight);\n    margin: 0 0 1rem 0;\n    font-size: 70px;\n    line-height: 115%;\n    hyphens: auto;\n}\n\n.th1-home {\n    font-size: 10rem;\n    line-height: 100%;\n}\n\n.th2,\n.cta-video-teaser .teaser-text-video__heading {\n    font-family: 'Fira Sans';\n    font-weight: 900;\n    font-style: italic;\n    color: var(--color--midnight);\n    margin-bottom: 12px;\n    font-size: 50px;\n    line-height: 115%;\n    hyphens: auto;\n}\n\n.th3 {\n    color: var(--color--midnight);\n    font-size: 34px;\n    letter-spacing: -.15px;\n    line-height: 44px;\n    margin-bottom: 24px;\n    font-weight: 500 !important;\n}\n\n.th4 {\n    color: var(--color--midnight);\n    font-size: 24px;\n    font-weight: 500;\n    line-height: 32px;\n    margin-bottom: 8px;\n}\n\n.th5 {\n    color: var(--color--midnight);\n    font-size: 20px;\n    font-weight: 500;\n    letter-spacing: 0.15px;\n    line-height: 28px;\n}\n\n.th145 {\n    font-size: 145px;\n    line-height: 115%;\n    font-family: 'Fira Sans';\n    font-weight: 900;\n    font-style: italic;\n    color: var(--color--midnight);\n    margin: 12px 0;\n    \/* modul: more-features *\/\n}\n\n@media (min-width: 768px) and (max-width: 1223px) {\n    .tb1 {\n        font-size: 18px;\n        letter-spacing: 0.2px;\n        line-height: 28px;\n    }\n\n    .tb2 {\n        font-size: 16px;\n        letter-spacing: 0.3px;\n        line-height: 24px;\n    }\n\n    .tb3 {\n        font-size: 14px;\n        letter-spacing: 0.26px;\n        line-height: 20px;\n    }\n\n    .th2,\n    .cta-video-teaser .teaser-text-video__heading {\n        font-size: 3rem;\n    }\n\n    .th3 {\n        font-size: 30px;\n        letter-spacing: -.13px;\n        line-height: 40px;\n    }\n\n    .tzitat {\n        font-size: 26px;\n        line-height: 34px;\n    }\n\n    .th1 {\n        font-size: 60px;\n        line-height: 115%;\n    }\n\n    .th1-home {\n        font-size: 8rem;\n    }\n\n    .th4 {\n        font-size: 20px;\n        line-height: 28px;\n    }\n\n    .th5 {\n        font-size: 18px;\n        letter-spacing: 0.36px;\n        line-height: 28px;\n    }\n\n    .th145 {\n        font-size: 116px;\n    }\n}\n\n@media (max-width: 767px) {\n    .th1 {\n        font-size: 45px;\n    }\n\n    .th2,\n    .cta-video-teaser .teaser-text-video__heading {\n        font-size: 2.5rem;\n    }\n\n    .tb1 {\n        font-size: 17px;\n        letter-spacing: 0.19px;\n        line-height: 26px;\n    }\n\n    .th1-home {\n        font-size: 90px;\n    }\n\n    .tb2 {\n        font-size: 15px;\n        letter-spacing: 0.28px;\n        line-height: 24px;\n    }\n\n    .th3 {\n        font-size: 25px;\n        letter-spacing: -.11px;\n        line-height: 32px;\n    }\n\n    .tb3 {\n        font-size: 13px;\n        letter-spacing: 0.24px;\n        line-height: 20px;\n    }\n\n    .th4 {\n        font-size: 19px;\n        line-height: 28px;\n    }\n\n    .th5 {\n        font-size: 17px;\n        letter-spacing: 0.34px;\n        line-height: 26px;\n    }\n\n    .tbtn {\n        font-size: 15px;\n    }\n\n    .tb26 {\n        font-size: 20px;\n        line-height: 24px;\n    }\n\n    .tzitat {\n        font-size: 20px;\n        line-height: 24px;\n    }\n\n    .th145 {\n        font-size: 64px;\n    }\n\n}\n\n<\/style>\n\n\n\n<style>\n    .new-hero {\n        background-color: var(--color--midnight);\n        width: 100%;\n        border-radius: 16px;\n        padding: 10px;\n        display: flex;\n        min-height: 700px;\n        box-sizing: border-box;\n        max-width: 1500px;\n    }\n\n    .new-hero p,\n    .new-hero h1,\n    .new-hero li {\n        color: #fff;\n    }\n\n    .new-hero--img {\n        border-radius: 6px;\n        flex: 1 1 0;\n        display: flex;\n        align-items: flex-end;\n        position: relative;\n    }\n\n    .new-hero--img--background {\n        border-radius: 6px;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: top;\n    }\n\n    .new-hero--img--element {\n        position: absolute;\n        width: 50%;\n        max-width: 300px;\n        border-radius: 0 6px 0 6px;\n    }\n\n    .new-hero--txt {\n        display: flex;\n        flex: 1 1 0;\n    }\n\n    .new-hero--txt--padding {\n        padding: 64px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        gap: 40px;\n    }\n\n    .new-hero--list {\n        margin-bottom: 0;\n    }\n\n    .new-hero--list li {\n        border-bottom: 1px solid #ffffff36;\n        padding: 10px 0px;\n        display: flex;\n        font-weight: 500;\n    }\n\n    .new-hero--list li:last-child {\n        border: 0;\n    }\n\n    ul.new-hero--list {\n        padding: 0;\n    }\n\n    ul.new-hero--list li:before {\n        content: \"\";\n        min-width: 32px;\n        height: 32px;\n        margin-right: 12px;\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/07\/checkmark-white.svg);\n    }\n\n    @media (max-width: 1223px) {\n        .new-hero {\n            flex-direction: column-reverse;\n            max-width: 936px;\n        }\n\n        .new-hero--img {\n            max-height: 400px;\n        }\n\n        .new-hero--txt--padding {\n            padding: 32px 16px;\n            gap: 24px;\n        }\n\n        ul.new-hero--list li:before {\n            min-width: 24px;\n            height: 24px;\n        }\n\n    }\n\n    @media (max-width: 983px) {\n        .new-hero {\n            max-width: 720px;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .new-hero {\n            max-width: 100%;\n            border-radius: 0;\n        }\n\n        .new-hero--layout-container-custom {\n            padding: 0;\n        }\n    }\n<\/style>\n\n\n\n<style>\n    .new-content-intro {\n        width: 100%;\n        display: flex;\n        box-sizing: border-box;\n        max-width: 1176px;\n        justify-content: space-between;\n        align-items: flex-end;\n        gap: 48px;\n    }\n\n    .new-content-intro p {\n        margin-bottom: 0;\n    }\n\n    .new-content-intro .btn {\n        margin-right: 0;\n        align-self: center;\n    }\n\n    .new-content-intro--text {\n        max-width: 900px;\n    }\n\n    @media (max-width: 1223px) {\n        .new-content-intro {\n            max-width: 936px;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .new-content-intro {\n            align-items: flex-start;\n            flex-direction: column;\n            gap: 16px;\n            max-width: 720px;\n        }\n\n.new-content-intro .btn {\n  align-self: start;\n}\n    }\n\n    @media (max-width: 767px) {\n        .new-content-intro {\n            max-width: 377px;\n        }\n    }\n<\/style>\n\n\n\n<style>\n    .new-content-list {\n        width: 100%;\n        display: flex;\n        box-sizing: border-box;\n        max-width: 1176px;\n        gap: 48px;\n    }\n\n    .new-content-list--img {\n        border-radius: 6px;\n        flex: 1 1 0;\n        max-width: 552px;\n    }\n\n    .new-content-list--img img {\n        width: 100%;\n        object-fit: contain;\n    }\n\n    .new-content-list--txt {\n        display: flex;\n        flex-direction: column;\n        flex: 1 1 0;\n        max-width: 576px;\n        justify-content: center;\n    }\n\n    @media (max-width: 1223px) {\n        .new-content-list {\n            gap: 24px;\n            max-width: 936px;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .new-content-list {\n            flex-direction: column;\n            gap: 32px;\n            width: auto;\n            max-width: 472px;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .new-content-list {\n            max-width: 377px;\n        }\n    }\n<\/style>\n\n\n\n<style>\n.beer-tasting--header {\n    background: var(--color--pickware-500);\n    display: flex;\n    justify-content: center;\n    padding: 12px 0;\n}\n<\/style>\n\n<div class=\"beer-tasting--header\">\n    <a href=\"https:\/\/www.pickware.de\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-friends-logo.svg\" height=\"32\">\n    <\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-group new-home-hero--background-img\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<style>\n.new-home-hero--background-img {\n    background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/bg-pattern-tropfen-04.jpg);\n    background-color: var(--color--marigold-500);\n    background-size: 50%;\n}\n\n    @media (max-width: 767px) {\n        .new-home-hero--background-img {\n            background-size: 150%;\n        }\n    }\n<\/style>\n\n\n\n<style>\n    .new-home-hero {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 0;\n    }\n\n    .new-home-hero--headline {\n        color: white;\n        text-align: center;\n        max-width: 1400px;\n        position: relative;\n    }\n\n    .new-home-hero--eyebrow {\n        background-color: var(--color--amber-900);\n        color: var(--color--amber-500);\n        padding: 12px 24px;\n        border-radius: 30px;\n        font-weight: 600;\n    }\n\n    .new-home-hero--wrapper {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 32px;\n    }\n\n    .new-home-hero--info-txt,\n    .new-home-hero--info-cta {\n        margin: 0;\n        padding: 24px 32px;\n        font-weight: 600;\n        color: var(--color--amber-900);\n    }\n\n    .new-home-hero--info-cta {\n        background-color: var(--color--amber-900);\n        color: var(--color--amber-500);\n        text-decoration: none;\n        border-radius: 0 22px 22px 0;\n        border-left: 2px solid var(--color--amber-900);\n    }\n\n    .new-home-hero--info-cta:hover {\n        background-color: var(--color--pickware-500);\n        color: var(--color--pickware-900);\n    }\n\n    .new-home-hero--info {\n        display: flex;\n        border: 2px solid var(--color--amber-900);\n        justify-content: space-around;\n        border-radius: 24px;\n        background-color: #FFB822;\n    }\n\n    .new-home-hero--info-txt-border {\n        border-right: 2px solid var(--color--amber-900);\n    }\n\n    @media (max-width: 767px) {\n        .new-home-hero--info {\n            flex-direction: column;\n            width: 90%;\n        }\n\n        .new-home-hero--info-txt-border {\n            border-bottom: 2px solid var(--color--amber-900);\n            border-right: 0;\n        }\n\n        .new-home-hero--info-cta {\n            border-radius: 0 0 22px 22px;\n        }\n\n        .new-home-hero--info-txt,\n        .new-home-hero--info-cta {\n            text-align: center;\n        }\n\n        .th1-home {\n            font-size: 72px;\n            hyphens: none;\n        }\n    }\n<\/style>\n\n<div class=\"layout-container new-home-hero--wrapper\">\n    <div class=\"new-home-hero\">\n        <p class=\"new-home-hero--eyebrow tb18\">Pre-Event zur OMR 2026<\/p>\n        <h1 class=\"new-home-hero--headline th1 th1-home\">E-Com Bubble meets Craft Beer<\/h1>\n    <\/div>\n    <div class=\"new-home-hero--info\">\n        <p class=\"tb26 new-home-hero--info-txt new-home-hero--info-txt-border\">04.05.2026<\/p>\n        <p class=\"tb26 new-home-hero--info-txt\">Hamburg<\/p>\n        <a class=\"tb26 new-home-hero--info-cta\" href=\"#anmelden\">Mitmachen<\/a>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-1\"><\/div>\n<\/div><\/div>\n\n\n\n<style>\n    canvas {\n        display: block;\n        position: fixed;\n        top: 0;\n        left: 0;\n        z-index: -1;\n    }\n<\/style>\n\n<div class=\"position\">\n<canvas id=\"canvas\"><\/canvas>\n<div>\n\n<script>\n    const canvas = document.getElementById('canvas');\n    const ctx = canvas.getContext('2d');\n\n    \/\/ Festgelegte Standardwerte aus deinem Design\n    const config = {\n        color: \"#ffa802\",\n        spacing: 25,\n        radius: 108,\n        force: 22,\n        friction: 0.85,\n        dotSize: 2\n    };\n\n    let particles = [];\n    const mouse = { x: -2000, y: -2000 };\n\n    class Particle {\n        constructor(x, y) {\n            this.x = x;\n            this.y = y;\n            this.baseX = x;\n            this.baseY = y;\n            this.vx = 0;\n            this.vy = 0;\n        }\n\n        update() {\n            let dx = mouse.x - this.x;\n            let dy = mouse.y - this.y;\n            let distance = Math.sqrt(dx * dx + dy * dy);\n\n            if (distance < config.radius) {\n                let force = (config.radius - distance) \/ config.radius;\n                let forceDirectionX = dx \/ distance;\n                let forceDirectionY = dy \/ distance;\n                this.vx -= forceDirectionX * force * config.force;\n                this.vy -= forceDirectionY * force * config.force;\n            }\n\n            \/\/ R\u00fcckf\u00fchrung zum Rasterpunkt\n            this.vx += (this.baseX - this.x) * 0.08;\n            this.vy += (this.baseY - this.y) * 0.08;\n\n            \/\/ Reibung\/D\u00e4mpfung\n            this.vx *= config.friction;\n            this.vy *= config.friction;\n\n            this.x += this.vx;\n            this.y += this.vy;\n        }\n\n        draw() {\n            ctx.fillStyle = config.color;\n            ctx.beginPath();\n            ctx.arc(this.x, this.y, config.dotSize, 0, Math.PI * 2);\n            ctx.fill();\n        }\n    }\n\n    function init() {\n        canvas.width = window.innerWidth;\n        canvas.height = window.innerHeight;\n        particles = [];\n\n        for (let y = 0; y < canvas.height + config.spacing; y += config.spacing) {\n            for (let x = 0; x < canvas.width + config.spacing; x += config.spacing) {\n                particles.push(new Particle(x, y));\n            }\n        }\n    }\n\n    function animate() {\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\n        for (let i = 0; i < particles.length; i++) {\n            particles[i].update();\n            particles[i].draw();\n        }\n        requestAnimationFrame(animate);\n    }\n\n    window.addEventListener('mousemove', (e) => {\n        mouse.x = e.x;\n        mouse.y = e.y;\n    });\n\n    window.addEventListener('mouseout', () => {\n        mouse.x = -2000;\n        mouse.y = -2000;\n    });\n\n    window.addEventListener('resize', init);\n\n    init();\n    animate();\n<\/script>\n\n\n\n<style>\n    .new-home-hero--slider-layout {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .new-home-hero--slider-container {\n        overflow: hidden;\n        white-space: nowrap;\n        position: relative;\n        \/* max-width: 3000px; *\/\n        width: 100vw;\n        margin: 0 auto;\n    }\n\n    \/*\n    .new-home-hero--slider-container:before,\n    .new-home-hero--slider-container:after {\n        position: absolute;\n        top: 0;\n        width: 88px;\n        height: 100%;\n        content: \"\";\n        z-index: 2;\n        pointer-events: none;\n    }\n\n    .new-home-hero--slider-container:before {\n        left: 0;\n        background: linear-gradient(to left, #00082600, #000826);\n    }\n\n    .new-home-hero--slider-container:after {\n        right: 0;\n        background: linear-gradient(to left, #000826, #00082600);\n    } *\/\n\n    .new-home-hero--slider-items {\n        display: inline-flex;\n        gap: 24px;\n        animation: 32s new-home-hero--slider-animation infinite linear;\n        padding: 0 12px;\n    }\n\n    .new-home-hero--slider-position {\n        margin-top: -152px;\n    }\n\n    @keyframes new-home-hero--slider-animation {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(-100%);\n        }\n    }\n\n    .new-home-hero--slider-items img {\n        height: 300px;\n        border-radius: 16px;\n    }\n\n    @media (max-width: 1920px) {\n\n        .new-home-hero--slider-container:before,\n        .new-home-hero--slider-container:after {\n            background: none;\n        }\n    }\n\n    @media (max-width: 1223px) {\n        .new-testimonial {\n            max-width: 936px;\n        }\n\n        .new-home-hero--slider-items {\n            animation-duration: 20s;\n        }\n\n        .new-home-hero--slider-items img {\n            height: 250px;\n        }\n    }\n\n    @media (max-width: 983px) {}\n\n    @media (max-width: 767px) {\n        .new-home-hero--slider-items img {\n            height: 200px;\n            border-radius: 12px;\n        }\n\n        .new-home-hero--slider-position {\n            margin-top: -110px;\n        }\n    }\n<\/style>\n\n<div class=\"layout-container new-home-hero--slider-position\">\n    <div class=\"new-home-hero--slider-layout\">\n        <div class=\"new-home-hero--slider-container\">\n            <div class=\"new-home-hero--slider-items\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-friends-1.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-1@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-1@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-hava-a-beer.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-2@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-2@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-friends-2.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-3@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-4@2x.png\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-4@2x.webp\">\n            <\/div>\n            <div class=\"new-home-hero--slider-items\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-friends-1.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-1@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-1@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-hava-a-beer.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-2@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-2@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-friends-2.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-3@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-4@2x.png\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-4@2x.webp\">\n            <\/div>\n            <div class=\"new-home-hero--slider-items\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-friends-1.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-1@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-1@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-hava-a-beer.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-2@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-2@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-friends-2.svg\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-3@2x.webp\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-img-4@2x.png\">\n                <img decoding=\"async\" fetchpriority=\"high\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-slider-beer-4@2x.webp\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<div class=\"content-intro\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__item\">\n                <h2>\n                    <div class=\"content-intro__eyebrow\"><\/div>\n                    <div class=\"content-intro__heading\">One beer a day keeps the OMR FOMO away<\/div>\n                <\/h2>\n                <div class=\"content-intro__copy\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--article-page-level-3\"><\/div>\n\n\n\n<style>\n    .new-teaser-function {\n        background-color: #eef7fa;\n        width: 100%;\n        border-radius: 16px;\n        display: flex;\n        box-sizing: border-box;\n        max-width: 1400px;\n        padding: 10px;\n        height: 550px;\n    }\n\n    .new-teaser-function--row-reverse {\n        flex-direction: row-reverse;\n    }\n\n    .new-teaser-function--img {\n        border-radius: 6px;\n        flex: 1 1 0;\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: flex-end;\n    }\n\n    .new-teaser-function--img--background {\n        border-radius: 6px;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: top;\n    }\n\n    .new-teaser-function--txt {\n        display: flex;\n        position: relative;\n        flex: 1 1 0;\n    }\n\n    a.btn.btn--600.new-teaser-function--txt--btn {\n        margin-bottom: 0px;\n    }\n\n    .new-teaser-function--txt--padding {\n        padding: 64px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .new-teaser-function--txt--btn {\n        background-color: var(--color--pickware-500);\n    }\n\n    .layout-container--functions {\n        display: flex;\n        flex-direction: column;\n        gap: 64px;\n    }\n\n\/*\n    .new-teaser-function--img--eyecatcher-beer-tasting:after,\n    .new-teaser-function--img--eyecatcher-bedarfsplanung:after,\n    .new-teaser-function--img--eyecatcher-wareneingang:after {\n        content: \"\";\n        display: inline-block;\n        position: absolute;\n    }\n*\/\n\n    .new-teaser-function--img--eyecatcher-beer-tasting:after {\n        width: 193px;\n        height: 81px;\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-text-icons.svg);\n        top: 0;\n        right: 0;\n        border-radius: 0 6px 0 6px;\n    }\n\n    .new-teaser-function--img--eyecatcher-bedarfsplanung:after {\n        width: 81px;\n        height: 193px;\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/11\/web-home-bedarfsplanung-eyecatcher.svg);\n        top: 0;\n        left: 0;\n        border-radius: 6px 0 6px 0;\n    }\n\n    .new-teaser-function--img--eyecatcher-wareneingang:after {\n        width: 193px;\n        height: 81px;\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/11\/web-home-wareneingang-eyecatcher.svg);\n        right: 0;\n        bottom: 0;\n        border-radius: 6px 0 6px 0;\n    }\n\n    @media (max-width: 1223px) {\n        .new-teaser-function {\n            max-width: 936px;\n        }\n\n        .new-teaser-function--txt--padding {\n            padding: 32px;\n        }\n\n        .new-teaser-function--img--eyecatcher-bedarfsplanung:after {\n            width: 63px;\n            height: 150px;\n        }\n\n        .new-teaser-function--img--eyecatcher-wareneingang:after {\n            width: 150px;\n            height: 63px;\n        }\n\n        .new-teaser-function--img--eyecatcher-kommissionierung:after {\n            width: 150px;\n            height: 63px;\n        }\n\n    }\n\n    @media (max-width: 983px) {\n        .new-teaser-function {\n            max-width: 720px;\n        }\n\n        .new-teaser-function {\n            flex-direction: column-reverse;\n            height: auto;\n        }\n\n        .new-teaser-function--row-reverse {\n            flex-direction: column-reverse;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .new-teaser-function {\n            max-width: 377px;\n        }\n\n        .new-teaser-function--txt--padding {\n            padding: 32px 16px;\n        }\n\n        .new-teaser-function--img--eyecatcher-bedarfsplanung:after {\n            width: 54px;\n            height: 130px;\n        }\n\n        .new-teaser-function--img--eyecatcher-wareneingang:after {\n            width: 130px;\n            height: 54px;\n        }\n\n        .new-teaser-function--img--eyecatcher-kommissionierung:after {\n            width: 130px;\n            height: 54px;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"layout-container\">\n    <div class=\"layout-container--functions\">\n        <div class=\"new-teaser-function\">\n            <div class=\"new-teaser-function--txt\">\n                <div class=\"new-teaser-function--txt--padding\">\n                    <p class=\"teye\">Trink Brotherlein trink<\/p>\n                    <h3 class=\"new-teaser-function--txt--headline th3\">E-Com Bubbles und Craft Beer<\/h3>\n                    <p class=\"new-teaser-function--txt--copy tb18\">Am 5. und 6. Mai pilgert wieder halb Marketing-Deutschland nach Hamburg zur OMR. In Halle 4, Stand 02 trifft sich die E-Com Bubble und bildet den wichtigsten Spot f\u00fcr E-Commerce mit den relevantesten Tools und Agenturen vereint.<\/p>\n                    <p class=\"new-teaser-function--txt--copy tb18\">Am Vorabend veranstalten wir von Pickware &#038; Friends ein Craft Beer Tasting bei unserem Kunden Beyond Beer. Es gibt mexikanische Snacks und eine Auswahl an seltenen, fein kuratierten Craft Beers. Bewirb dich jetzt auf einen der 70 Pl\u00e4tze.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"new-teaser-function--img new-teaser-function--img--eyecatcher-beer-tasting\">\n                <img decoding=\"async\" class=\"new-teaser-function--img--background\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/lp-beer-tasting-text-img@2x.webp\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    .new-4-boxes {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        max-width: 1400px;\n    }\n\n    .new-4-boxes--list {\n        display: flex;\n        gap: 16px;\n        flex-wrap: wrap;\n        width: 100%;\n        margin-top: 16px;\n    }\n\n    .new-4-boxes--list--item {\n        border-radius: 16px;\n        padding: 32px;\n        flex: 1 1 0;\n        background-color: #eef7fb;\n        display: flex;\n        gap: 12px;\n        align-items: center;\n    }\n\n    .new-4-boxes--list--item--icon {\n        height: 48px;\n        width: 48px;\n        min-width: 48px;\n        background-size: cover;\n    }\n\n    .new-4-boxes--list--item--headline {\n        margin: 0;\n        font-weight: 500;\n        color: var(--color--midnight);\n        font-size: 20px;\n    }\n\n    .new-4-boxes--list--item--copy {\n        margin: 0;\n        color: #ffffff96;\n    }\n\n    .new-4-boxes--intro {\n        max-width: 1176px;\n        width: 100%;\n    }\n\n    .new-4-boxes--intro--headline {\n        margin-bottom: 8px;\n    }\n\n    .new-4-boxes--intro--copy {\n        margin-bottom: 32px;\n    }\n\n    .new-4-boxes--list--item--icon.bier-tasting-wann {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/bier-tasting-wann-02.svg);\n    }\n\n    .new-4-boxes--list--item--icon.bier-tasting-wo {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/bier-tasting-wo-02.svg);\n    }\n\n    .new-4-boxes--list--item--icon.bier-tasting-was {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/bier-tasting-was-02.svg);\n    }\n\n    @media (max-width: 1223px) {\n        .new-4-boxes {\n            max-width: 936px;\n        }\n\n        .new-4-boxes--list--item {\n            flex: 1 1 0;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .new-4-boxes {\n            max-width: 472px;\n        }\n\n        .new-4-boxes--list--item {}\n    }\n\n    @media (max-width: 767px) {\n        .new-4-boxes {\n            max-width: 377px;\n        }\n    }\n<\/style>\n\n<div class=\"layout-container\">\n    <div class=\"new-4-boxes\">\n        <div class=\"new-4-boxes--list\">\n            <div class=\"new-4-boxes--list--item\">\n                <div class=\"new-4-boxes--list--item--icon bier-tasting-wann\"><\/div>\n                <h4 class=\"new-4-boxes--list--item--headline tb18\">04.05.2026, Ab 18:00 Uhr<\/h4>\n            <\/div>\n            <div class=\"new-4-boxes--list--item\">\n                <div class=\"new-4-boxes--list--item--icon bier-tasting-wo\"><\/div>\n                <h4 class=\"new-4-boxes--list--item--headline tb18\">Weidenallee 55, 20357 Hamburg<\/h4>\n            <\/div>\n            <div class=\"new-4-boxes--list--item\">\n                <div class=\"new-4-boxes--list--item--icon bier-tasting-was\"><\/div>\n                <h4 class=\"new-4-boxes--list--item--headline tb18\">Craft Beer &#038; Mexikanische Snacks<\/h4>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<style>\n.wave-container {\n  position: relative;\n  width: 100%;\n  height: 200px;\n  overflow: hidden;\n}\n<\/style>\n\n<div class=\"wave-container\">\n  <svg viewBox=\"0 0 1000 200\" preserveAspectRatio=\"none\" style=\"width: 100%; height: 100%;\">\n    <path\n      d=\"M0,200 L0.0,100.0 C 6.3,100.6 18.8,101.9 25.0,102.5 C 31.3,103.1 43.8,104.3 50.0,104.9 C 56.3,105.5 68.8,106.7 75.0,107.3 C 81.3,107.9 93.8,109.0 100.0,109.6 C 106.3,110.1 118.8,111.2 125.0,111.7 C 131.3,112.2 143.8,113.1 150.0,113.6 C 156.3,114.0 168.8,115.0 175.0,115.4 C 181.3,115.8 193.8,116.5 200.0,116.8 C 206.3,117.1 218.8,117.7 225.0,118.0 C 231.3,118.3 243.8,118.8 250.0,119.0 C 256.3,119.2 268.8,119.4 275.0,119.6 C 281.3,119.7 293.8,119.8 300.0,119.9 C 306.3,119.9 318.8,120.0 325.0,120.0 C 331.3,119.9 343.8,119.8 350.0,119.7 C 356.3,119.5 368.8,119.3 375.0,119.1 C 381.3,118.9 393.8,118.4 400.0,118.2 C 406.3,117.9 418.8,117.3 425.0,117.0 C 431.3,116.7 443.8,115.9 450.0,115.6 C 456.3,115.2 468.8,114.3 475.0,113.9 C 481.3,113.4 493.8,112.5 500.0,112.0 C 506.3,111.5 518.8,110.4 525.0,109.9 C 531.3,109.3 543.8,108.2 550.0,107.6 C 556.3,107.0 568.8,105.9 575.0,105.3 C 581.3,104.7 593.8,103.4 600.0,102.8 C 606.3,102.2 618.8,100.9 625.0,100.3 C 631.3,99.7 643.8,98.4 650.0,97.8 C 656.3,97.2 668.8,96.0 675.0,95.4 C 681.3,94.8 693.8,93.6 700.0,93.0 C 706.3,92.4 718.8,91.3 725.0,90.7 C 731.3,90.2 743.8,89.1 750.0,88.6 C 756.3,88.1 768.8,87.1 775.0,86.6 C 781.3,86.2 793.8,85.3 800.0,84.9 C 806.3,84.5 818.8,83.8 825.0,83.4 C 831.3,83.1 843.8,82.4 850.0,82.1 C 856.3,81.8 868.8,81.3 875.0,81.1 C 881.3,80.9 893.8,80.6 900.0,80.4 C 906.3,80.3 918.8,80.2 925.0,80.1 C 931.3,80.1 943.8,80.0 950.0,80.0 C 956.3,80.1 968.8,80.2 975.0,80.3 C 981.3,80.4 993.8,80.7 1000.0,80.8 C 1006.3,81.0 1018.8,81.5 1025.0,81.7 L1000.0,200.0 L0,200.0Z\"\n      fill=\"#FFC219\"\n      >\n        <animate\n          attributeName=\"d\"\n          dur=\"4.0s\"\n          repeatCount=\"indefinite\"\n          values=\"M0,200 L0.0,100.0 C 6.3,100.6 18.8,101.9 25.0,102.5 C 31.3,103.1 43.8,104.3 50.0,104.9 C 56.3,105.5 68.8,106.7 75.0,107.3 C 81.3,107.9 93.8,109.0 100.0,109.6 C 106.3,110.1 118.8,111.2 125.0,111.7 C 131.3,112.2 143.8,113.1 150.0,113.6 C 156.3,114.0 168.8,115.0 175.0,115.4 C 181.3,115.8 193.8,116.5 200.0,116.8 C 206.3,117.1 218.8,117.7 225.0,118.0 C 231.3,118.3 243.8,118.8 250.0,119.0 C 256.3,119.2 268.8,119.4 275.0,119.6 C 281.3,119.7 293.8,119.8 300.0,119.9 C 306.3,119.9 318.8,120.0 325.0,120.0 C 331.3,119.9 343.8,119.8 350.0,119.7 C 356.3,119.5 368.8,119.3 375.0,119.1 C 381.3,118.9 393.8,118.4 400.0,118.2 C 406.3,117.9 418.8,117.3 425.0,117.0 C 431.3,116.7 443.8,115.9 450.0,115.6 C 456.3,115.2 468.8,114.3 475.0,113.9 C 481.3,113.4 493.8,112.5 500.0,112.0 C 506.3,111.5 518.8,110.4 525.0,109.9 C 531.3,109.3 543.8,108.2 550.0,107.6 C 556.3,107.0 568.8,105.9 575.0,105.3 C 581.3,104.7 593.8,103.4 600.0,102.8 C 606.3,102.2 618.8,100.9 625.0,100.3 C 631.3,99.7 643.8,98.4 650.0,97.8 C 656.3,97.2 668.8,96.0 675.0,95.4 C 681.3,94.8 693.8,93.6 700.0,93.0 C 706.3,92.4 718.8,91.3 725.0,90.7 C 731.3,90.2 743.8,89.1 750.0,88.6 C 756.3,88.1 768.8,87.1 775.0,86.6 C 781.3,86.2 793.8,85.3 800.0,84.9 C 806.3,84.5 818.8,83.8 825.0,83.4 C 831.3,83.1 843.8,82.4 850.0,82.1 C 856.3,81.8 868.8,81.3 875.0,81.1 C 881.3,80.9 893.8,80.6 900.0,80.4 C 906.3,80.3 918.8,80.2 925.0,80.1 C 931.3,80.1 943.8,80.0 950.0,80.0 C 956.3,80.1 968.8,80.2 975.0,80.3 C 981.3,80.4 993.8,80.7 1000.0,80.8 C 1006.3,81.0 1018.8,81.5 1025.0,81.7 L1000.0,200.0 L0,200.0Z;\n         M0,200 L0.0,100.0 C 6.3,99.4 18.8,98.1 25.0,97.5 C 31.3,96.9 43.8,95.7 50.0,95.1 C 56.3,94.5 68.8,93.3 75.0,92.7 C 81.3,92.1 93.8,91.0 100.0,90.4 C 106.3,89.9 118.8,88.8 125.0,88.3 C 131.3,87.8 143.8,86.9 150.0,86.4 C 156.3,86.0 168.8,85.0 175.0,84.6 C 181.3,84.3 193.8,83.5 200.0,83.2 C 206.3,82.9 218.8,82.3 225.0,82.0 C 231.3,81.8 243.8,81.3 250.0,81.0 C 256.3,80.8 268.8,80.6 275.0,80.4 C 281.3,80.3 293.8,80.2 300.0,80.1 C 306.3,80.1 318.8,80.0 325.0,80.0 C 331.3,80.1 343.8,80.2 350.0,80.3 C 356.3,80.5 368.8,80.8 375.0,80.9 C 381.3,81.1 393.8,81.6 400.0,81.8 C 406.3,82.1 418.8,82.7 425.0,83.0 C 431.3,83.3 443.8,84.1 450.0,84.4 C 456.3,84.8 468.8,85.7 475.0,86.1 C 481.3,86.6 493.8,87.5 500.0,88.0 C 506.3,88.5 518.8,89.6 525.0,90.1 C 531.3,90.7 543.8,91.8 550.0,92.4 C 556.3,93.0 568.8,94.1 575.0,94.7 C 581.3,95.3 593.8,96.6 600.0,97.2 C 606.3,97.8 618.8,99.1 625.0,99.7 C 631.3,100.3 643.8,101.6 650.0,102.2 C 656.3,102.8 668.8,104.0 675.0,104.6 C 681.3,105.2 693.8,106.4 700.0,107.0 C 706.3,107.6 718.8,108.7 725.0,109.3 C 731.3,109.8 743.8,110.9 750.0,111.4 C 756.3,111.9 768.8,112.9 775.0,113.4 C 781.3,113.8 793.8,114.7 800.0,115.1 C 806.3,115.5 818.8,116.2 825.0,116.6 C 831.3,116.9 843.8,117.6 850.0,117.9 C 856.3,118.2 868.8,118.7 875.0,118.9 C 881.3,119.1 893.8,119.4 900.0,119.6 C 906.3,119.7 918.8,119.8 925.0,119.9 C 931.3,119.9 943.8,120.0 950.0,120.0 C 956.3,119.9 968.8,119.8 975.0,119.7 C 981.3,119.6 993.8,119.3 1000.0,119.2 C 1006.3,119.0 1018.8,118.5 1025.0,118.3 L1000.0,200.0 L0,200.0Z;\n         M0,200 L0.0,100.0 C 6.3,100.6 18.8,101.9 25.0,102.5 C 31.3,103.1 43.8,104.3 50.0,104.9 C 56.3,105.5 68.8,106.7 75.0,107.3 C 81.3,107.9 93.8,109.0 100.0,109.6 C 106.3,110.1 118.8,111.2 125.0,111.7 C 131.3,112.2 143.8,113.1 150.0,113.6 C 156.3,114.0 168.8,115.0 175.0,115.4 C 181.3,115.8 193.8,116.5 200.0,116.8 C 206.3,117.1 218.8,117.7 225.0,118.0 C 231.3,118.3 243.8,118.8 250.0,119.0 C 256.3,119.2 268.8,119.4 275.0,119.6 C 281.3,119.7 293.8,119.8 300.0,119.9 C 306.3,119.9 318.8,120.0 325.0,120.0 C 331.3,119.9 343.8,119.8 350.0,119.7 C 356.3,119.5 368.8,119.3 375.0,119.1 C 381.3,118.9 393.8,118.4 400.0,118.2 C 406.3,117.9 418.8,117.3 425.0,117.0 C 431.3,116.7 443.8,115.9 450.0,115.6 C 456.3,115.2 468.8,114.3 475.0,113.9 C 481.3,113.4 493.8,112.5 500.0,112.0 C 506.3,111.5 518.8,110.4 525.0,109.9 C 531.3,109.3 543.8,108.2 550.0,107.6 C 556.3,107.0 568.8,105.9 575.0,105.3 C 581.3,104.7 593.8,103.4 600.0,102.8 C 606.3,102.2 618.8,100.9 625.0,100.3 C 631.3,99.7 643.8,98.4 650.0,97.8 C 656.3,97.2 668.8,96.0 675.0,95.4 C 681.3,94.8 693.8,93.6 700.0,93.0 C 706.3,92.4 718.8,91.3 725.0,90.7 C 731.3,90.2 743.8,89.1 750.0,88.6 C 756.3,88.1 768.8,87.1 775.0,86.6 C 781.3,86.2 793.8,85.3 800.0,84.9 C 806.3,84.5 818.8,83.8 825.0,83.4 C 831.3,83.1 843.8,82.4 850.0,82.1 C 856.3,81.8 868.8,81.3 875.0,81.1 C 881.3,80.9 893.8,80.6 900.0,80.4 C 906.3,80.3 918.8,80.2 925.0,80.1 C 931.3,80.1 943.8,80.0 950.0,80.0 C 956.3,80.1 968.8,80.2 975.0,80.3 C 981.3,80.4 993.8,80.7 1000.0,80.8 C 1006.3,81.0 1018.8,81.5 1025.0,81.7 L1000.0,200.0 L0,200.0Z\"\n        \/>\n      <\/path>\n  <\/svg>\n<\/div>\n\n\n\n<div id=\"anmelden\" class=\"wp-block-group form-wrapper has-background\" style=\"background-color:#ffc219\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"content-intro\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__item\">\n                <div>\n                    <div class=\"content-intro__eyebrow\">Invite only<\/div>\n                    <div class=\"content-intro__heading\">Die Pl\u00e4tze sind stark begrenzt<\/div>\n                <\/div>\n                <div class=\"content-intro__copy\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--article-page-level-3\"><\/div>\n\n\n\n<div id=\"event-anker\"><\/div>\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n<div class=\"forms-content\">\n  <div class=\"hubspot-forms\">\n    <script>\n      hbspt.forms.create({\n        region: \"eu1\",\n        portalId: \"26748939\",\n        formId: \"20c30d8b-c71d-431b-83da-8d23d061a67a\"\n      });\n    <\/script>\n  <\/div>\n<\/div>\n<style>\n.forms-content {\ndisplay: block;\nposition: relative;\nmax-width: 808px;\nmargin: 0 auto;\npadding: 32px 40px;\nborder-radius: 24px;\nborder: 1px solid #d8f2fc;\nbackground-color: #ebf8fd;\nbox-shadow: 0px 8px 24px 0px rgba(69,85,100,.08), 0px 0px 6px 0px rgba(40,53,147,.08);\n}\n.hubspot-forms {\ndisplay: block;\nposition: relative;\nmax-width: 720px;\nmargin: 0 auto;\npadding: 24px;\n}\n.form-wrapper {\n    padding: 0 16px;\n}\n@media (max-width: 767px) {\n.hubspot-forms {\npadding: 24px 0 !important;\n}\n}\n.hs-input {\nbackground-color: #ffffff !important;\n}\n<\/style>\n<script type=\"text\/javascript\">\n  window.addEventListener(\"message\", function(event) {\n    if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') {\n      window.dataLayer.push({\n        'event': 'hubspot-form-success'\n      });\n    }\n  });\n<\/script>\n\n\n\n<div class=\"layout-space layout-space--article-page-level-1\"><\/div>\n<\/div><\/div>\n\n\n\n<style>\n.pw-footer__menu, .footer-ctas--two-column, .pw-footer__social-media {\n    display: none;\n}\nfooter {\n    padding: 0;\n}\n.pw-footer__copyright-area {\n    background: #362105;\n}\n.pw-footer__copyright-text {\ncolor: #FFC216;\n}\n<\/style>\n\n\n\n<!-- \ud83c\udf2e MEXICAN NYAN CAT EASTER EGG \ud83c\udf2e -->\n<!-- F\u00fcge diesen Code in einen \"Benutzerdefinierter HTML\"-Block in WordPress ein -->\n\n<style>\n  #nyan-overlay {\n    display: none;\n    position: fixed;\n    top: 0; left: 0;\n    width: 100vw; height: 100vh;\n    pointer-events: none;\n    z-index: 99999;\n    overflow: hidden;\n  }\n  #nyan-canvas {\n    position: absolute;\n    left: 0;\n    image-rendering: pixelated;\n  }\n  #nyan-cat-img {\n    position: absolute;\n    height: 50px;\n    image-rendering: pixelated;\n  }\n<\/style>\n\n<div id=\"nyan-overlay\">\n  <canvas id=\"nyan-canvas\"><\/canvas>\n  <img decoding=\"async\" id=\"nyan-cat-img\"\n    src=\"https:\/\/static.wikia.nocookie.net\/nyancat\/images\/3\/32\/MexinyanSprite.gif\/revision\/latest?cb=20210324044152\"\n    alt=\"Mexican Nyan Cat\"\n  \/>\n<\/div>\n\n<script>\n(function () {\n  const TRIGGER_FILENAME = \"lp-beer-tasting-slider-img-4@2x.png\";\n  const GIF_URL = \"https:\/\/static.wikia.nocookie.net\/nyancat\/images\/3\/32\/MexinyanSprite.gif\/revision\/latest?cb=20210324044152\";\n  const CAT_H = 50;\n  const SLICE = 0.10;\n\n  const overlay = document.getElementById(\"nyan-overlay\");\n  const canvas  = document.getElementById(\"nyan-canvas\");\n  const ctx     = canvas.getContext(\"2d\");\n  const nyanCat = document.getElementById(\"nyan-cat-img\");\n\n  \/\/ Audio\n  const audio = new Audio(\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/Mexikanische-Musik.mp3\");\n  audio.loop = true;\n\n  let running = false;\n  let animFrame = null;\n  let sliceW = 0;\n  let srcSliceW = 0;\n  let gifImg = null;\n  let catY = 0;\n\n  \/\/ Canvas auf volle Bildschirmgr\u00f6\u00dfe setzen\n  canvas.width  = window.innerWidth;\n  canvas.height = CAT_H;\n\n  gifImg = new Image();\n  gifImg.crossOrigin = \"anonymous\";\n  gifImg.onload = function() {\n    const scale = CAT_H \/ gifImg.naturalHeight;\n    sliceW    = Math.round(gifImg.naturalWidth * scale * SLICE);\n    srcSliceW = Math.round(gifImg.naturalWidth * SLICE);\n  };\n  gifImg.src = GIF_URL;\n\n  function drawTrail(upToX) {\n    if (!gifImg || sliceW <= 0) return;\n    ctx.clearRect(0, 0, canvas.width, CAT_H);\n    for (let x = 0; x < upToX; x += sliceW) {\n      ctx.drawImage(gifImg, 0, 0, srcSliceW, gifImg.naturalHeight, x, 0, sliceW, CAT_H);\n    }\n  }\n\n  function attachTriggers() {\n    document.querySelectorAll(\"img\").forEach(function(img) {\n      if (img.src.includes(TRIGGER_FILENAME) || img.classList.contains(\"wp-image-47265\")) {\n        img.style.cursor = \"pointer\";\n        img.addEventListener(\"click\", startNyan);\n        var fig = img.closest(\"figure\");\n        if (fig) {\n          fig.style.cursor = \"pointer\";\n          fig.addEventListener(\"click\", startNyan);\n        }\n      }\n    });\n  }\n\n  attachTriggers();\n  setTimeout(attachTriggers, 1000);\n\n  function startNyan() {\n    if (running) return;\n    running = true;\n\n    const screenW = window.innerWidth;\n    \/\/ Echte Katzen-H\u00f6he messen (nach GIF-Load)\n    const realH = nyanCat.offsetHeight || CAT_H;\n\n    \/\/ Zuf\u00e4llige Y-Mitte\n    const centerY = Math.round(window.innerHeight * (0.2 + Math.random() * 0.5));\n\n    \/\/ Katze: vertikal zentriert um centerY\n    catY = Math.round(centerY - realH \/ 2);\n    nyanCat.style.top  = catY + \"px\";\n    nyanCat.style.left = \"-80px\";\n\n    \/\/ Canvas-Trail: exakt dieselbe Oberkante wie die Katze\n    canvas.style.top = catY + \"px\";\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    overlay.style.opacity = \"1\";\n    overlay.style.display = \"block\";\n\n    audio.currentTime = 0;\n    audio.play();\n\n    \/\/ Canvas immer auf aktuelle Bildschirmbreite setzen\n    canvas.width  = window.innerWidth;\n    canvas.height = CAT_H;\n\n    let posX = -80;\n\n    function animate() {\n      posX += 6;\n      nyanCat.style.left = posX + \"px\";\n      drawTrail(Math.max(0, posX));\n\n      if (posX < screenW + 80) {\n        animFrame = requestAnimationFrame(animate);\n      } else {\n        overlay.style.transition = \"opacity 0.4s\";\n        overlay.style.opacity    = \"0\";\n        setTimeout(function() {\n          overlay.style.display    = \"none\";\n          overlay.style.opacity    = \"1\";\n          overlay.style.transition = \"\";\n          audio.pause();\n          audio.currentTime = 0;\n          ctx.clearRect(0, 0, canvas.width, canvas.height);\n          cancelAnimationFrame(animFrame);\n          running = false;\n        }, 400);\n      }\n    }\n\n    animate();\n  }\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pre-Event zur OMR 2026 E-Com Bubble meets Craft Beer 04.05.2026 Hamburg Mitmachen Trink Brotherlein trink E-Com Bubbles und Craft Beer Am 5. und 6. Mai pilgert wieder halb Marketing-Deutschland nach Hamburg zur OMR. In Halle 4, Stand 02 trifft sich die E-Com Bubble und bildet den wichtigsten Spot f\u00fcr E-Commerce mit den relevantesten Tools und [&hellip;]<\/p>\n","protected":false},"author":3,"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-47003","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47003","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=47003"}],"version-history":[{"count":136,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47003\/revisions"}],"predecessor-version":[{"id":47319,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/47003\/revisions\/47319"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=47003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}