{"id":49688,"date":"2026-09-23T11:06:31","date_gmt":"2026-09-23T09:06:31","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=49688"},"modified":"2026-09-23T11:06:33","modified_gmt":"2026-09-23T09:06:33","slug":"warehouse-simulator","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/warehouse-simulator","title":{"rendered":"Warehouse Simulator"},"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: 45px;\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-testimonial {\n        background-color: var(--color--indigo-500);\n        width: 100%;\n        border-radius: 16px;\n        padding: 10px;\n        display: flex;\n        box-sizing: border-box;\n        max-width: 1400px;\n    }\n\n    .new-testimonial--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-testimonial--img--background {\n        border-radius: 6px;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: top;\n    }\n\n    .new-testimonial--img--logo {\n        position: absolute;\n        max-height: 64px;\n        bottom: 40px;\n        max-width: 250px;\n    }\n\n    .new-testimonial--txt {\n        display: flex;\n        position: relative;\n        flex: 1 1 0;\n    }\n\n    .new-testimonial--txt--padding {\n        padding: 64px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        gap: 24px;\n    }\n\n    .new-testimonial--txt--quote,\n    .new-testimonial--txt--person--name,\n    .new-testimonial--txt--person--job {\n        color: var(--color--indigo-900);\n    }\n\n    .new-testimonial--txt--person--name {\n        margin: 0px;\n    }\n\n    .new-testimonial--txt--person--job {\n        margin: 0px;\n    }\n\n    .new-testimonial--txt::before {\n        content: \"\";\n        width: 64px;\n        height: 64px;\n        background-color: var(--color--indigo-900);\n        border-radius: 8px;\n        position: absolute;\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/07\/icon-quotes-indigo-500.svg);\n        background-size: 32px;\n        background-position: center;\n        background-repeat: no-repeat;\n    }\n\n    @media (max-width: 1223px) {\n        .new-testimonial {\n            max-width: 936px;\n        }\n\n        .new-testimonial--txt--padding {\n            padding: 64px 24px;\n        }\n\n        .new-testimonial--txt::before {\n            width: 48px;\n            height: 48px;\n            background-size: 24px;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .new-testimonial {\n            flex-direction: column-reverse;\n            max-width: 720px;\n        }\n\n        .new-testimonial--txt--padding {\n            padding: 94px 24px 24px 24px;\n        }\n\n        .new-testimonial--txt::before {\n            top: 24px;\n            left: 24px;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .new-testimonial {\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>    \nspan.glitch {\n        color: white;\n        position: relative;\n        padding: 0px;\n        animation: none;\n        display: inline-block;\n        margin: 0;\n    }\n\n    span.glitch::before,\n    span.glitch::after {\n        padding: 0px;\n        color: white;\n        content: \"unfuck\";\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background: var(--color--midnight);\n        overflow: hidden;\n        top: 0;\n    }\n\n    span.glitch::before {\n        left: 3px;\n        text-shadow: 4px 0 var(--color--pink-500);\n        animation-name: glitch-animation-1;\n        animation-duration: 2s;\n        animation-timing-function: linear;\n        animation-delay: 0s;\n        animation-iteration-count: infinite;\n        animation-direction: alternate-reverse;\n    }\n\n    span.glitch::after {\n        left: -4px;\n        text-shadow: -3px 0 var(--color--pear-500);\n        animation-name: glitch-animation-2;\n        animation-duration: 2s;\n        animation-timing-function: linear;\n        animation-delay: 0s;\n        animation-iteration-count: infinite;\n        animation-direction: alternate-reverse;\n    }\n<\/style>\n\n\n\n<style>\n    .muster--half-circle {\n        background-image: url('https:\/\/www.pickware.com\/app\/uploads\/2025\/11\/muster-half-circle-pink-500.svg');\n        height: 64px;\n        background-position-x: 0px;\n        animation: 120s muster--half-circle-animation infinite linear;\n    }\n\n    .muster--half-circle:nth-child(2) {\n        transform: scale(-1);\n    }\n\n    @keyframes muster--half-circle-animation {\n        0% {\n            background-position-x: 0px;\n        }\n\n        50% {\n            background-position-x: -250%;\n        }\n\n        100% {\n            background-position-x: 0px;\n        }\n    }\n\n    @media (max-width: 1223px) {\n        .muster--half-circle {\n            height: 64px;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .muster--half-circle {\n            height: 43px;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .muster--half-circle {\n            animation-duration: 60s;\n            height: 32px;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"wp-block-group wsim-hero-bg has-background\" style=\"background-color:#000826\"><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\/* Hauptmenue auf dem dunklen Hero lesbar halten - identisch zur Startseite *\/\n.pw-main-menu.pw-main-menu--desktop {\n    background: #000826;\n}\n\n.pw-main-menu--desktop .pw-main-menu-primary-item__title {\n    color: white;\n}\n\n.pw-main-menu--desktop .pw-main-menu__secondary-menu-background {\n    background: rgba(255, 255, 255, 0.1);\n}\n\n.pw-main-menu--desktop .pw-main-menu-secondary__item,\n.pw-main-menu--desktop .wpml-ls-link>span {\n    color: rgba(255, 255, 255, 0.5);\n}\n\n.pw-main-menu--desktop .pw-main-menu-secondary__item:hover,\n.pw-main-menu--desktop .wpml-ls-link>span:hover {\n    color: rgba(255, 255, 255, 1);\n}\n\n.wpml-ls-current-language span {\n    color: white !important;\n}\n\n.pw-main-menu-buttons__button.pw-main-menu-buttons__button--order-500 {\n    background-color: #0f384f;\n    color: #fff;\n}\n\n.pw-main-menu-buttons__button.pw-main-menu-buttons__button--order-500:hover {\n    background-color: #092738;\n}\n\n.pw-main-menu.pw-main-menu--mobile {\n    background-color: #000826;\n}\n\n.pw-page-header--fixed .pw-main-menu.pw-main-menu--mobile {\n    background-color: white;\n}\n\n.wsim-hero-bg {\n    background-image: linear-gradient(180deg, #000826, rgba(0, 8, 38, 0) 30%), url(https:\/\/pickware.com\/app\/uploads\/2025\/11\/home-ending-cta-background-03.svg);\n    background-size: cover;\n}\n<\/style>\n\n\n\n<style>\n    .wsim-hero {\n        display: flex;\n        width: 100%;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    \/* Pille wie in den Modus-Karten, nur invertiert: auf dunklem Grund\n       traegt die Pille die helle Fuellung und die Schrift den dunklen Ton. *\/\n    .wsim-hero__eyebrow {\n        margin-bottom: 16px;\n        width: fit-content;\n        background-color: var(--color--pickware-500);\n        color: var(--color--midnight);\n        border-radius: 999px;\n        padding: 6px 18px;\n    }\n\n    .wsim-hero__headline {\n        color: #fff;\n        line-height: 90%;\n        margin-bottom: 24px;\n    }\n\n    \/* .th1 und .th2 setzen im Theme hyphens: auto. Firefox bringt deutsche\n       Trennwoerterbuecher mit und trennt Ueberschriften deshalb mitten im\n       Wort (\"La-ger\"); Chrome tut das je nach Betriebssystem nicht - gleiches\n       CSS, unterschiedliches Ergebnis. Fuer die Ueberschriften dieser Seite\n       daher abgeschaltet. manual statt none, damit weiche Trennstriche\n       (&shy;) weiterhin funktionieren, falls spaeter welche gesetzt werden. *\/\n    .wsim-hero__headline,\n    .wsim-intro__headline,\n    .wsim-mode__headline,\n    .wsim-board__headline,\n    .wsim-boxes--intro--headline {\n        -webkit-hyphens: manual;\n        hyphens: manual;\n    }\n\n    .wsim-hero__copy {\n        color: rgba(255, 255, 255, 0.7);\n        max-width: 760px;\n        margin-bottom: 32px;\n    }\n\n    .wsim-hero__actions {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n\n    .wsim-hero__actions .btn {\n        margin-bottom: 0;\n    }\n\n    @media (max-width: 767px) {\n        .wsim-hero__copy {\n            margin-bottom: 0;\n        }\n    }\n\n    \/* Das Spiel braucht Maus und Tastatur. Geprueft wird deshalb die\n       Eingabefaehigkeit des Geraets, nicht die Fensterbreite: ein iPad Pro\n       quer meldet 1366px und waere sonst \"Desktop\", ein schmales Fenster am\n       PC waere faelschlich gesperrt.\n       pointer: coarse = primaere Eingabe ist ein Finger, hover: none = kein\n       echtes Hover. Beides trifft auf Handys und Tablets zu, auf Desktops\n       nicht - auch nicht auf Touch-Notebooks, deren primaerer Zeiger die\n       Maus bleibt. *\/\n    @media (hover: none), (pointer: coarse) {\n        .wsim-hero__actions {\n            display: none;\n        }\n\n        .wsim-hero__copy {\n            margin-bottom: 0;\n        }\n    }\n<\/style>\n\n<div class=\"layout-container\">\n    <header class=\"wsim-hero\">\n        <p class=\"teye wsim-hero__eyebrow\">Browser-Spiel<\/p>\n        <h1 class=\"th1 wsim-hero__headline\">Pickware Warehouse Simulator<\/h1>\n        <p class=\"tb18 wsim-hero__copy\">Gebaut von unseren Entwicklern. Mit der echten WMS&nbsp;UI,\n            Lagerpl\u00e4tzen, Wareneing\u00e4ngen und -ausg\u00e4ngen, einer Lagerkatze und diversen Easter-Eggs aus dem Pickware\n            B\u00fcro.<\/p>\n        <div class=\"wsim-hero__actions\">\n            <a class=\"btn btn--mint-500\" href=\"https:\/\/warehouse-simulator.pickware.com\" target=\"_blank\"\n                rel=\"noopener\">Story-Mode starten<\/a>\n            <a class=\"btn btn--violet-500\"\n                href=\"https:\/\/warehouse-simulator.pickware.com\/challenge\/webseite-challenge\" target=\"_blank\"\n                rel=\"noopener\">Challenge-Mode starten<\/a>\n        <\/div>\n    <\/header>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n<\/div><\/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--article-page-level-3\"><\/div>\n\n\n\n<div class=\"layout-container\">\n    <header class=\"new-content-intro\">\n        <div class=\"new-content-intro--text\">\n            <h2 class=\"th2 wsim-intro__headline\">Zwei Modi. W\u00e4hl deine Seite.<\/h2>\n            <p class=\"tb18 wsim-intro__copy\">Beide laufen im Browser, ohne Installation. Der eine ist ein Marathon, der\n                andere ein Sprint.<\/p>\n        <\/div>\n    <\/header>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--article-page-level-3\"><\/div>\n\n\n\n<style>\n    \/* .layout-container hat global overflow:hidden - das wuerde die\n       angehobene Karte und ihren Schatten beim Hover abschneiden. *\/\n    .wsim-modes-wrap {\n        overflow: visible;\n    }\n\n    .wsim-modes {\n        display: flex;\n        gap: 24px;\n        max-width: 1400px;\n        width: 100%;\n    }\n\n    \/* Die ganze Karte ist der Start-Button *\/\n    .wsim-mode {\n        flex: 1 1 0;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n        border-radius: 16px;\n        padding: 40px;\n        gap: 24px;\n        text-decoration: none;\n        color: inherit;\n        transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;\n    }\n\n    .wsim-mode:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 44px rgba(0, 8, 38, 0.22);\n    }\n\n    .wsim-mode:focus-visible {\n        outline: 3px solid var(--color--pickware-500);\n        outline-offset: 4px;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .wsim-mode {\n            transition: none;\n        }\n\n        .wsim-mode:hover {\n            transform: none;\n        }\n    }\n\n    \/* Beide Karten teilen sich dieselben Zeilenhoehen, damit die Cover\n       unabhaengig von der Laenge der Ueberschriften auf gleicher Hoehe starten. *\/\n    @supports (grid-template-rows: subgrid) {\n        @media (min-width: 984px) {\n            .wsim-modes {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                grid-template-rows: repeat(6, auto);\n            }\n\n            .wsim-mode {\n                display: grid;\n                grid-row: span 6;\n                grid-template-rows: subgrid;\n            }\n        }\n    }\n\n    .wsim-mode--story {\n        background-color: var(--color--mint-500);\n        --wsim-ink: var(--color--mint-900);\n        --wsim-paper: var(--color--mint-500);\n    }\n\n    .wsim-mode--challenge {\n        background-color: var(--color--violet-500);\n        --wsim-ink: var(--color--violet-900);\n        --wsim-paper: var(--color--violet-500);\n    }\n\n    .wsim-mode__headline,\n    .wsim-mode__copy {\n        color: var(--wsim-ink);\n        margin-bottom: 0;\n    }\n\n    \/* Eyebrow als Pille, damit der Modus klarer abgesetzt ist *\/\n    .wsim-mode__eyebrow {\n        margin-bottom: 0;\n        align-self: flex-start;\n        justify-self: start;\n        width: fit-content;\n        background-color: var(--wsim-ink);\n        color: #fff;\n        border-radius: 999px;\n        padding: 6px 18px;\n    }\n\n    .wsim-mode__headline {\n        line-height: 100%;\n    }\n\n    .wsim-mode__cover {\n        width: 80%;\n        margin-left: auto;\n        margin-right: auto;\n        aspect-ratio: 3 \/ 4;\n        object-fit: cover;\n        border-radius: 6px;\n        display: block;\n        background-color: var(--wsim-ink);\n    }\n\n    \/* Fakten-Kacheln *\/\n    .wsim-mode__facts {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 12px;\n        margin-top: auto;\n    }\n\n    .wsim-mode__fact {\n        background-color: var(--wsim-ink);\n        border-radius: 6px;\n        padding: 16px 20px;\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n    }\n\n    .wsim-mode__fact-label {\n        color: rgba(255, 255, 255, 0.6);\n        font-size: 14px;\n        line-height: 130%;\n        margin-bottom: 0;\n    }\n\n    .wsim-mode__fact-value {\n        color: #fff;\n        font-size: 20px;\n        font-weight: 500;\n        line-height: 130%;\n        margin-bottom: 0;\n    }\n\n    \/* CTA *\/\n    .wsim-mode__cta.btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: auto;\n        box-sizing: border-box;\n        padding: 22px 24px;\n        line-height: 130%;\n        text-align: center;\n        margin-bottom: 0;\n        background-color: #fff;\n        color: var(--wsim-ink);\n    }\n\n    \/* Hover der Karte dreht den Button um, wie bei einem echten Button *\/\n    .wsim-mode:hover .wsim-mode__cta.btn {\n        background-color: var(--wsim-ink);\n        color: #fff;\n    }\n\n    \/* Auf Mobil ist das Spiel nicht spielbar: CTA gegen Hinweis tauschen *\/\n    .wsim-mode__cta-mobile {\n        display: none;\n        border-radius: 6px;\n        padding: 20px;\n        text-align: center;\n        font-size: 18px;\n        font-weight: 500;\n        line-height: 130%;\n        box-sizing: border-box;\n        margin-bottom: 0;\n        background-color: transparent;\n        border: 1px dashed var(--wsim-ink);\n        color: var(--wsim-ink);\n        opacity: 0.75;\n    }\n\n    @media (max-width: 1223px) {\n        .wsim-modes {\n            max-width: 936px;\n        }\n\n        .wsim-mode {\n            padding: 32px;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .wsim-modes {\n            max-width: 720px;\n            flex-direction: column;\n        }\n\n    }\n\n    @media (max-width: 767px) {\n        .wsim-modes {\n            max-width: 377px;\n        }\n\n        .wsim-mode {\n            padding: 24px 16px;\n            gap: 16px;\n        }\n\n        .wsim-mode__cover {\n            width: 100%;\n        }\n\n        .wsim-mode__facts {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    \/* Nicht spielbar auf Touch-Geraeten (Handy und Tablet), siehe Erklaerung\n       im Hero-Block. Die Karte ist dort kein Link mehr, statt des Buttons\n       steht der Hinweis. *\/\n    @media (hover: none), (pointer: coarse) {\n        .wsim-mode {\n            pointer-events: none;\n        }\n\n        .wsim-mode:hover {\n            transform: none;\n            box-shadow: none;\n        }\n\n        .wsim-mode__cta.btn {\n            display: none;\n        }\n\n        .wsim-mode__cta-mobile {\n            display: block;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"layout-container wsim-modes-wrap\">\n    <div class=\"wsim-modes\">\n\n        <a class=\"wsim-mode wsim-mode--story\" href=\"https:\/\/warehouse-simulator.pickware.com\" target=\"_blank\"\n            rel=\"noopener\">\n            <p class=\"teye wsim-mode__eyebrow\">Story-Mode<\/p>\n            <h3 class=\"th2 wsim-mode__headline\">Bau dir ein Lager, das l\u00e4uft.<\/h3>\n            <p class=\"tb18 wsim-mode__copy\">Persistentes Lager, Auftr\u00e4ge im Dauerzulauf. Picken, packen, shippen. Mit dem\n                Umsatz schaltest du Perks und neue Features frei. Spiele im Co-op mit bis zu 50 Pickern parallel im\n                gemeinsamen Lager.<\/p>\n\n            <img decoding=\"async\" class=\"wsim-mode__cover\" loading=\"lazy\"\n                src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/09\/cover_story-768x1029.png\"\n                alt=\"Pickware Warehouse Simulator, Story-Mode\">\n\n            <div class=\"wsim-mode__facts\">\n                <div class=\"wsim-mode__fact\">\n                    <p class=\"wsim-mode__fact-label\">Spieler<\/p>\n                    <p class=\"wsim-mode__fact-value\">Bis zu 50 Co-op<\/p>\n                <\/div>\n                <div class=\"wsim-mode__fact\">\n                    <p class=\"wsim-mode__fact-label\">Perks<\/p>\n                    <p class=\"wsim-mode__fact-value\">Ingame freischalten<\/p>\n                <\/div>\n                <div class=\"wsim-mode__fact\">\n                    <p class=\"wsim-mode__fact-label\">Fortschritt<\/p>\n                    <p class=\"wsim-mode__fact-value\">Persistent<\/p>\n                <\/div>\n                <div class=\"wsim-mode__fact\">\n                    <p class=\"wsim-mode__fact-label\">Timer<\/p>\n                    <p class=\"wsim-mode__fact-value\">Unbegrenzt<\/p>\n                <\/div>\n            <\/div>\n\n            <span class=\"btn btn--xl wsim-mode__cta\">Story-Mode starten<\/span>\n            <p class=\"wsim-mode__cta-mobile\">Nur am PC mit Maus und Tastatur spielbar<\/p>\n        <\/a>\n\n        <a class=\"wsim-mode wsim-mode--challenge\"\n            href=\"https:\/\/warehouse-simulator.pickware.com\/challenge\/webseite-challenge\" target=\"_blank\"\n            rel=\"noopener\">\n            <p class=\"teye wsim-mode__eyebrow\">Challenge-Mode<\/p>\n            <h3 class=\"th2 wsim-mode__headline\">Deine Zeit l\u00e4uft. Ab Sekunde eins.<\/h3>\n            <p class=\"tb18 wsim-mode__copy\">Voll ausgebautes Lager. Picke deine Auftr\u00e4ge so schnell du kannst und\n                versende die Ware. Deine Bestzeit landet auf dem Leaderboard. Nur du und dein WMS. Keine Ausreden.<\/p>\n\n            <img decoding=\"async\" class=\"wsim-mode__cover\" loading=\"lazy\"\n                src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/09\/cover_challenge-768x1029.jpeg\"\n                alt=\"Pickware Warehouse Simulator, Challenge-Mode\">\n\n            <div class=\"wsim-mode__facts\">\n                <div class=\"wsim-mode__fact\">\n                    <p class=\"wsim-mode__fact-label\">Spieler<\/p>\n                    <p class=\"wsim-mode__fact-value\">Solo<\/p>\n                <\/div>\n                <div class=\"wsim-mode__fact\">\n                    <p class=\"wsim-mode__fact-label\">Perks<\/p>\n                    <p class=\"wsim-mode__fact-value\">Alle freigeschaltet<\/p>\n                <\/div>\n                <div class=\"wsim-mode__fact\">\n                    <p class=\"wsim-mode__fact-label\">Auftrag<\/p>\n                    <p class=\"wsim-mode__fact-value\">Picken und versenden<\/p>\n                <\/div>\n                <div class=\"wsim-mode__fact\">\n                    <p class=\"wsim-mode__fact-label\">Timer<\/p>\n                    <p class=\"wsim-mode__fact-value\">So schnell du kannst<\/p>\n                <\/div>\n            <\/div>\n\n            <span class=\"btn btn--xl wsim-mode__cta\">Challenge-Mode starten<\/span>\n            <p class=\"wsim-mode__cta-mobile\">Nur am PC mit Maus und Tastatur spielbar<\/p>\n        <\/a>\n\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<style>\n    \/* Das Embed rendert ein transparentes iframe und setzt Plaetze ab 2 in\n       weisser Schrift - es ist fuer dunklen Untergrund gebaut. Deshalb liegt\n       die gesamte Sektion auf einer dunklen Karte. *\/\n    .wsim-board {\n        display: flex;\n        gap: 88px;\n        max-width: 1176px;\n        width: 100%;\n        align-items: flex-start;\n        box-sizing: border-box;\n        background-color: var(--color--midnight);\n        border-radius: 16px;\n        padding: 64px;\n    }\n\n    .wsim-board__intro .teye,\n    .wsim-board__headline {\n        color: #fff;\n    }\n\n    .wsim-board__copy {\n        color: rgba(255, 255, 255, 0.7);\n    }\n\n    .wsim-board__intro {\n        flex: 0 0 34%;\n    }\n\n    .wsim-board__headline {\n        margin-bottom: 16px;\n    }\n\n    .wsim-board__copy {\n        margin-bottom: 0;\n    }\n\n    .wsim-board__embed {\n        flex: 1 1 0;\n        min-width: 0;\n    }\n\n    .wsim-board__fallback {\n        border: 1px dashed rgba(255, 255, 255, 0.35);\n        border-radius: 16px;\n        padding: 24px;\n        text-align: center;\n        color: rgba(255, 255, 255, 0.7);\n    }\n\n    .wsim-board__fallback a {\n        color: var(--color--pickware-500);\n    }\n\n    @media (max-width: 1223px) {\n        .wsim-board {\n            max-width: 936px;\n            gap: 48px;\n            padding: 48px;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .wsim-board {\n            max-width: 720px;\n            flex-direction: column;\n            gap: 32px;\n            padding: 40px;\n        }\n\n        .wsim-board__intro {\n            flex: 1 1 auto;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .wsim-board {\n            max-width: 377px;\n            padding: 24px 16px;\n        }\n    }\n<\/style>\n\n<div class=\"layout-container\">\n    <section class=\"wsim-board\" aria-label=\"Challenge-Leaderboard\">\n        <header class=\"wsim-board__intro\">\n            <p class=\"teye\">Leaderboard &middot; Challenge<\/p>\n            <h2 class=\"th2 wsim-board__headline\">Die schnellsten Picker<\/h2>\n            <p class=\"tb18 wsim-board__copy\">Zehn Pl\u00e4tze, kein Trostpreis. Deine Bestzeit aus dem Challenge-Mode landet\n                automatisch hier.<\/p>\n        <\/header>\n\n        <div class=\"wsim-board__embed\">\n            <div data-wms-challenge=\"webseite-challenge\">\n                <noscript>\n                    <p class=\"wsim-board__fallback tb18\">F\u00fcr das Leaderboard bitte JavaScript aktivieren oder die\n                        <a href=\"https:\/\/warehouse-simulator.pickware.com\/challenge\/webseite-challenge\/highscore\"\n                            target=\"_blank\" rel=\"noopener\">Highscore-Seite<\/a> direkt \u00f6ffnen.\n                    <\/p>\n                <\/noscript>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script src=\"https:\/\/warehouse-simulator.pickware.com\/challenge\/embed.js\" async><\/script>\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<style>\n    .wsim-boxes {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .wsim-boxes--intro {\n        max-width: 1176px;\n        width: 100%;\n    }\n\n    .wsim-boxes--intro--headline {\n        margin-bottom: 8px;\n    }\n\n    .wsim-boxes--intro--copy {\n        margin-bottom: 32px;\n    }\n\n    .wsim-boxes--list {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n        max-width: 1240px;\n    }\n\n    .wsim-boxes--list--item {\n        border-radius: 16px;\n        padding: 32px;\n        flex: 1 1 0;\n        background-color: var(--color--midnight);\n    }\n\n    .wsim-boxes--list--item--icon {\n        height: 32px;\n        width: 32px;\n        background-size: cover;\n    }\n\n    .wsim-boxes--list--item--headline {\n        margin: 20px 0 4px 0;\n        font-weight: 500;\n        color: white;\n    }\n\n    .wsim-boxes--list--item--copy {\n        margin: 0;\n        color: #ffffff96;\n    }\n\n    .wsim-boxes--list--item--icon.wms-ui {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-kommissionierung-white.svg);\n    }\n\n    .wsim-boxes--list--item--icon.lagerplaetze {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-lagerverwaltung-white.svg);\n    }\n\n    .wsim-boxes--list--item--icon.warenfluss {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-wareneingang-white.svg);\n    }\n\n    .wsim-boxes--list--item--icon.easter-eggs {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-identische-bestellungen-white.svg);\n    }\n\n    @media (max-width: 1223px) {\n        .wsim-boxes {\n            max-width: 936px;\n        }\n\n        .wsim-boxes--list--item {\n            flex: 1 1 42%;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .wsim-boxes {\n            max-width: 472px;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .wsim-boxes {\n            max-width: 377px;\n        }\n    }\n<\/style>\n\n<div class=\"layout-container\">\n    <section class=\"wsim-boxes\">\n        <header class=\"wsim-boxes--intro\">\n            <h2 class=\"th2 wsim-boxes--intro--headline\">Was dich im Lager erwartet<\/h2>\n            <p class=\"tb18 wsim-boxes--intro--copy\">Unter der Haube steckt dieselbe Logik, mit der in echten Lagern\n                gearbeitet wird.<\/p>\n        <\/header>\n        <div class=\"wsim-boxes--list\">\n            <article class=\"wsim-boxes--list--item\">\n                <div class=\"wsim-boxes--list--item--icon wms-ui\"><\/div>\n                <h3 class=\"wsim-boxes--list--item--headline tb18\">Echte WMS-Oberfl\u00e4che<\/h3>\n                <p class=\"wsim-boxes--list--item--copy tb16\">Dieselbe UI, mit der jeden Tag in echten Lagern\n                    kommissioniert wird. Nur eben mit Punktestand.<\/p>\n            <\/article>\n            <article class=\"wsim-boxes--list--item\">\n                <div class=\"wsim-boxes--list--item--icon lagerplaetze\"><\/div>\n                <h3 class=\"wsim-boxes--list--item--headline tb18\">Lagerpl\u00e4tze &#038; Laufwege<\/h3>\n                <p class=\"wsim-boxes--list--item--copy tb16\">Regale, Gassen, Pl\u00e4tze. Dein Lager hat eine echte\n                    Topologie, und die musst du erstmal ablaufen.<\/p>\n            <\/article>\n            <article class=\"wsim-boxes--list--item\">\n                <div class=\"wsim-boxes--list--item--icon warenfluss\"><\/div>\n                <h3 class=\"wsim-boxes--list--item--headline tb18\">Wareneing\u00e4nge und -ausg\u00e4nge<\/h3>\n                <p class=\"wsim-boxes--list--item--copy tb16\">Ware kommt rein, Ware geht raus. Der komplette Kreislauf,\n                    nicht nur der Pick.<\/p>\n            <\/article>\n            <article class=\"wsim-boxes--list--item\">\n                <div class=\"wsim-boxes--list--item--icon easter-eggs\"><\/div>\n                <h3 class=\"wsim-boxes--list--item--headline tb18\">Lagerkatze &#038; Easter-Eggs<\/h3>\n                <p class=\"wsim-boxes--list--item--copy tb16\">Irgendwo l\u00e4uft eine Katze herum. Und einiges mehr aus dem\n                    Pickware B\u00fcro, das du selbst finden musst.<\/p>\n            <\/article>\n        <\/div>\n    <\/section>\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<style>\n\/* ------------------------------------------------------------------\n   Fix fuer den Glitch-Effekt (span.glitch)\n\n   Die globalen Keyframes im Theme clippen die beiden Farbschatten mit\n   fest verdrahteten Pixelwerten, z. B. clip: rect(43px, 324px, 49px, 0px).\n   Die passen nur bis ca. 80px Zeilenhoehe und 324px Breite - also auf\n   Mobile, wo .th145 auf 64px schrumpft. Ab 1224px waechst die\n   Ueberschrift auf 145px (Span dann ca. 446 x 167px), und der Effekt\n   liegt nur noch auf rund der Haelfte der Schrift.\n\n   Hier auf clip-path mit Prozentwerten umgestellt - das skaliert mit\n   jeder Schriftgroesse mit. Der Versatz der Farbschatten laeuft jetzt\n   ueber em statt px, damit er bei grossen Ueberschriften sichtbar bleibt.\n\n   Dauerhafte Loesung waere, das direkt im Theme zu korrigieren, dann\n   greift es auf allen Seiten. Sobald das passiert ist, kann dieser\n   Block hier geloescht werden.\n   ------------------------------------------------------------------ *\/\n\nspan.glitch::before,\nspan.glitch::after {\n    clip: auto;\n}\n\nspan.glitch::before {\n    left: 0.035em;\n    text-shadow: 0.045em 0 var(--color--pink-500);\n    animation-name: wsim-glitch-1;\n}\n\nspan.glitch::after {\n    left: -0.045em;\n    text-shadow: -0.035em 0 var(--color--pear-500);\n    animation-name: wsim-glitch-2;\n}\n\n@keyframes wsim-glitch-1 {\n    0%   { clip-path: inset(53% 0 40% 0); }\n    5%   { clip-path: inset(50% 0 50% 0); }\n    25%  { clip-path: inset(50% 0 50% 0); }\n    30%  { clip-path: inset(44% 0 14% 0); }\n    35%  { clip-path: inset(68% 0 25% 0); }\n    40%  { clip-path: inset(27% 0 2% 0); }\n    45%  { clip-path: inset(50% 0 50% 0); }\n    50%  { clip-path: inset(31% 0 2% 0); }\n    55%  { clip-path: inset(50% 0 50% 0); }\n    65%  { clip-path: inset(50% 0 50% 0); }\n    70%  { clip-path: inset(33% 0 62% 0); }\n    75%  { clip-path: inset(16% 0 81% 0); }\n    80%  { clip-path: inset(52% 0 7% 0); }\n    85%  { clip-path: inset(50% 0 50% 0); }\n    95%  { clip-path: inset(50% 0 50% 0); }\n    100% { clip-path: inset(27% 0 68% 0); }\n}\n\n@keyframes wsim-glitch-2 {\n    0%   { clip-path: inset(64% 0 35% 0); }\n    5%   { clip-path: inset(50% 0 50% 0); }\n    10%  { clip-path: inset(50% 0 50% 0); }\n    15%  { clip-path: inset(0% 0 96% 0); }\n    20%  { clip-path: inset(35% 0 57% 0); }\n    25%  { clip-path: inset(50% 0 50% 0); }\n    30%  { clip-path: inset(26% 0 35% 0); }\n    35%  { clip-path: inset(12% 0 43% 0); }\n    40%  { clip-path: inset(25% 0 37% 0); }\n    45%  { clip-path: inset(5% 0 35% 0); }\n    50%  { clip-path: inset(64% 0 28% 0); }\n    55%  { clip-path: inset(50% 0 50% 0); }\n    70%  { clip-path: inset(50% 0 50% 0); }\n    75%  { clip-path: inset(19% 0 19% 0); }\n    80%  { clip-path: inset(38% 0 5% 0); }\n    85%  { clip-path: inset(67% 0 10% 0); }\n    90%  { clip-path: inset(50% 0 50% 0); }\n    95%  { clip-path: inset(50% 0 50% 0); }\n    100% { clip-path: inset(56% 0 1% 0); }\n}\n<\/style>\n\n\n\n<style>\n    .new-more-features--background-color {\n        background-color: var(--color--midnight);\n    }\n\n    .new-more-features {\n        max-width: 1400px;\n        padding: 0 48px;\n    }\n\n    .new-more-features--headline {\n        color: #fff;\n        margin: 120px 0;\n    }\n\n    .new-more-features--wrapper {\n        display: flex;\n        gap: 48px;\n        margin-bottom: 40px;\n    }\n\n    .new-more-features--list {\n        flex: 1 1 0;\n        gap: 1px;\n        display: flex;\n        flex-wrap: wrap;\n        align-content: flex-start;\n    }\n\n    .new-more-features--img {\n        flex: 1 1 0;\n        max-width: 38%;\n        position: relative;\n    }\n\n    .new-more-features--img--badge {\n        position: absolute;\n        top: -80px;\n        right: -40px;\n        width: 180px;\n        height: 180px;\n    }\n\n    .new-more-features--img--badge-basis {\n        z-index: 2;\n        height: 100%;\n        width: 100%;\n        pointer-events: none;\n        animation: rotating-animation 16s linear infinite;\n    }\n\n    @keyframes rotating-animation {\n        0% {\n            rotate: 0;\n        }\n\n        100% {\n            rotate: 1turn;\n        }\n    }\n\n    .new-more-features--img--badge-icon {\n        position: absolute;\n        top: 50%;\n        right: 50%;\n        width: 30%;\n        height: 30%;\n        pointer-events: none;\n        z-index: 1;\n        transform: translate(50%, -50%);\n    }\n\n    .new-more-features--list--item {\n        background-color: #23293d;\n        flex-basis: calc(50% - 2px);\n        padding: 32px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n        text-decoration: none;\n        justify-content: space-between;\n    }\n\n    .new-more-features--list--item:nth-child(1) {\n        border-radius: 16px 0 0 0;\n    }\n\n    .new-more-features--list--item:nth-child(2) {\n        border-radius: 0 16px 0 0;\n    }\n\n    .new-more-features--list--item:nth-child(7) {\n        border-radius: 0 0 0 16px;\n    }\n\n    .new-more-features--list--item:nth-child(8) {\n        border-radius: 0 0 16px 0;\n    }\n\n    .new-more-features--list--item:hover {\n        background-color: var(--color--pickware-500);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--headline {\n        color: var(--color--pickware-900);\n    }\n\n    .new-more-features--img--background {\n        border-radius: 16px;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: top;\n    }\n\n    .new-more-features--list--item--feature-icon {\n        min-height: 32px;\n        min-width: 32px;\n        background-repeat: no-repeat;\n    }\n\n    .new-more-features--list--item--feature-icon.kommissionierung {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-kommissionierung-white.svg);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--feature-icon.kommissionierung {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-kommissionierung-pickware-900.svg);\n    }\n\n    .new-more-features--list--item--feature-icon.wareneingang {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-wareneingang-white.svg);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--feature-icon.wareneingang {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-wareneingang-pickware-900.svg);\n    }\n\n    .new-more-features--list--item--feature-icon.bedarfsplanung {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-bedarfsplanung-white.svg);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--feature-icon.bedarfsplanung {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-bedarfsplanung-pickware-900.svg);\n    }\n\n    .new-more-features--list--item--feature-icon.retouren {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-retouren-white.svg);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--feature-icon.retouren {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-retouren-pickware-900.svg);\n    }\n\n    .new-more-features--list--item--feature-icon.lagerverwaltung {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-lagerverwaltung-white.svg);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--feature-icon.lagerverwaltung {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-lagerverwaltung-pickware-900.svg);\n    }\n\n    .new-more-features--list--item--feature-icon.rechnung {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-rechnung-white.svg);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--feature-icon.rechnung {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-rechnung-pickware-900.svg);\n    }\n\n    .new-more-features--list--item--feature-icon.inventur {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-inventur-white.svg);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--feature-icon.inventur {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-inventur-pickware-900.svg);\n    }\n\n    .new-more-features--list--item--feature-icon.kasse {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-kasse-white.svg);\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--feature-icon.kasse {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-kasse-pickware-900.svg);\n    }\n\n    .new-more-features--list--item--headline-arrow-icon--wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n    }\n\n    .new-more-features--list--item--headline {\n        color: #fff;\n        margin: 0;\n        font-weight: 500;\n    }\n\n    .new-more-features--list--item--arrow-icon {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-chevron-right-filled-bg-midnight.svg);\n        height: 32px;\n        width: 32px;\n        flex-shrink: 0;\n    }\n\n    .new-more-features--list--item:hover .new-more-features--list--item--arrow-icon {\n        background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/11\/icon-chevron-right-filled-bg-pickware-900.svg);\n        flex-shrink: 0;\n    }\n\n    @media (max-width: 1223px) {\n        .new-more-features--wrapper {\n            gap: 48px;\n            flex-direction: column-reverse;\n            align-items: center;\n        }\n\n        .new-more-features {\n            max-width: 936px;\n            padding: 0;\n        }\n\n        .new-more-features--img {\n            max-width: 62%;\n        }\n\n        .new-more-features--headline {\n            margin: 120px 0 90px 0;\n        }\n\n        .new-more-features--wrapper {\n            margin-bottom: 0px;\n        }\n    }\n\n    @media (max-width: 983px) {\n        .new-more-features--wrapper {\n            flex-direction: column-reverse;\n        }\n\n        .new-more-features {\n            max-width: 720px;\n        }\n\n        .new-more-features--list--item {\n            flex-basis: 100%;\n            padding: 24px 16px;\n            gap: 16px;\n            flex-direction: row;\n            align-items: center;\n        }\n\n        .new-more-features--img {\n            max-width: 60%;\n        }\n\n        .new-more-features--list--item--headline-arrow-icon--wrapper {\n            width: 100%;\n        }\n\n        .new-more-features--list--item:nth-child(1) {\n            border-radius: 16px 16px 0 0;\n        }\n\n        .new-more-features--list--item:nth-child(2) {\n            border-radius: 0 0 0 0;\n        }\n\n        .new-more-features--list--item:nth-child(7) {\n            border-radius: 0 0 0 0;\n        }\n\n        .new-more-features--list--item:nth-child(8) {\n            border-radius: 0 0 16px 16px;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .new-more-features--img {\n            max-width: fit-content;\n        }\n\n        .new-more-features--list--item--feature-icon {\n            min-height: 24px;\n            min-width: 24px;\n        }\n\n        .new-more-features--list--item--arrow-icon {\n            height: 24px;\n            width: 24px;\n        }\n\n        .new-more-features {\n            max-width: 377px;\n        }\n\n        .new-more-features--img--badge {\n            top: -70px;\n            right: -16px;\n            width: 130px;\n            height: 130px;\n        }\n\n        .new-more-features--headline {\n            margin: 80px 0 90px 0;\n        }\n    }\n<\/style>\n\n<div class=\"layout-container new-more-features--background-color\">\n    <div class=\"new-more-features\">\n        <h2 class=\"new-more-features--headline th145\">Let&#8217;s <span class=\"glitch th145\">unfuck<\/span> your warehouse<\/h2>\n        <div class=\"new-more-features--wrapper\">\n            <div class=\"new-more-features--list\">\n                <a href=\"https:\/\/www.pickware.com\/de\/kommissionierung-versand\" class=\"new-more-features--list--item\">\n                    <div class=\"new-more-features--list--item--feature-icon kommissionierung\"><\/div>\n                    <div class=\"new-more-features--list--item--headline-arrow-icon--wrapper\">\n                        <h3 class=\"new-more-features--list--item--headline\">Kommissionierung &#038; Versand<\/h3>\n                        <div class=\"new-more-features--list--item--arrow-icon\"><\/div>\n                    <\/div>\n                <\/a>\n                <a href=\"https:\/\/www.pickware.com\/de\/wareneingang\" class=\"new-more-features--list--item\">\n                    <div class=\"new-more-features--list--item--feature-icon wareneingang\"><\/div>\n                    <div class=\"new-more-features--list--item--headline-arrow-icon--wrapper\">\n                        <h3 class=\"new-more-features--list--item--headline\">Wareneingang<\/h3>\n                        <div class=\"new-more-features--list--item--arrow-icon\"><\/div>\n                    <\/div>\n                <\/a>\n                <a href=\"https:\/\/www.pickware.com\/de\/bedarfsplanung-einkauf\" class=\"new-more-features--list--item\">\n                    <div class=\"new-more-features--list--item--feature-icon bedarfsplanung\"><\/div>\n                    <div class=\"new-more-features--list--item--headline-arrow-icon--wrapper\">\n                        <h3 class=\"new-more-features--list--item--headline\">Bedarfsplanung &#038; Einkauf<\/h3>\n                        <div class=\"new-more-features--list--item--arrow-icon\"><\/div>\n                    <\/div>\n                <\/a>\n                <a href=\"https:\/\/www.pickware.com\/de\/retouren\" class=\"new-more-features--list--item\">\n                    <div class=\"new-more-features--list--item--feature-icon retouren\"><\/div>\n                    <div class=\"new-more-features--list--item--headline-arrow-icon--wrapper\">\n                        <h3 class=\"new-more-features--list--item--headline\">Retouren<\/h3>\n                        <div class=\"new-more-features--list--item--arrow-icon\"><\/div>\n                    <\/div>\n                    <\/diav>\n                    <a href=\"https:\/\/www.pickware.com\/de\/lagerverwaltung\" class=\"new-more-features--list--item\">\n                        <div class=\"new-more-features--list--item--feature-icon lagerverwaltung\"><\/div>\n                        <div class=\"new-more-features--list--item--headline-arrow-icon--wrapper\">\n                            <h3 class=\"new-more-features--list--item--headline\">Lagerverwaltung<\/h3>\n                            <div class=\"new-more-features--list--item--arrow-icon\"><\/div>\n                        <\/div>\n                    <\/a>\n                    <a href=\"https:\/\/www.pickware.com\/de\/rechnung-buchhaltung\" class=\"new-more-features--list--item\">\n                        <div class=\"new-more-features--list--item--feature-icon rechnung\"><\/div>\n                        <div class=\"new-more-features--list--item--headline-arrow-icon--wrapper\">\n                            <h3 class=\"new-more-features--list--item--headline\">Rechnung &#038; Buchhaltung<\/h3>\n                            <div class=\"new-more-features--list--item--arrow-icon\"><\/div>\n                        <\/div>\n                    <\/a>\n                    <a href=\"https:\/\/www.pickware.com\/de\/inventur\" class=\"new-more-features--list--item\">\n                        <div class=\"new-more-features--list--item--feature-icon inventur\"><\/div>\n                        <div class=\"new-more-features--list--item--headline-arrow-icon--wrapper\">\n                            <h3 class=\"new-more-features--list--item--headline\">Inventur<\/h3>\n                            <div class=\"new-more-features--list--item--arrow-icon\"><\/div>\n                        <\/div>\n                    <\/a>\n                    <a href=\"https:\/\/www.pickware.com\/de\/pos\" class=\"new-more-features--list--item\">\n                        <div class=\"new-more-features--list--item--feature-icon kasse\"><\/div>\n                        <div class=\"new-more-features--list--item--headline-arrow-icon--wrapper\">\n                            <h3 class=\"new-more-features--list--item--headline\">Kassensystem<\/h3>\n                            <div class=\"new-more-features--list--item--arrow-icon\"><\/div>\n                        <\/div>\n                    <\/a>\n            <\/div>\n            <div class=\"new-more-features--img\">\n                <div class=\"new-more-features--img--badge\">\n                    <img decoding=\"async\" class=\"new-more-features--img--badge-icon\"\n                        src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/icon-checkmark-outline-bg-pickware-500.svg\"><\/img>\n                    <img decoding=\"async\" class=\"new-more-features--img--badge-basis\"\n                        src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/badge-it-can-be-easy-no-check-bg-pickware-500.svg\"><\/img>\n                <\/div>\n                <img decoding=\"async\" class=\"new-more-features--img--background\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/11\/new-cta-footer-img@2x-02.webp\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background\" style=\"background-color:#000826\"><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<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<style>\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation {\n        overflow: hidden;\n        white-space: nowrap;\n        position: relative;\n        max-width: 1600px;\n        width: 100%;\n        padding-top: 8px;\n        margin: 0 auto;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation:before,\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation:after {\n        position: absolute;\n        top: 0;\n        width: 48px;\n        height: 100%;\n        content: \"\";\n        z-index: 2;\n        pointer-events: none;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation:before {\n        left: 0;\n        background: linear-gradient(to left, #00082600, #000826);\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation:after {\n        right: 0;\n        background: linear-gradient(to left, #000826, #00082600);\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--items {\n        display: inline-flex;\n        gap: 64px;\n        padding: 0 32px;\n        animation: 32s content-references-animation--keyframes infinite linear;\n    }\n\n    @keyframes content-references-animation--keyframes {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(-100%);\n        }\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--items a {\n        position: relative;\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--items img {\n        height: 64px;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--items p {\n        scale: 0;\n        position: absolute;\n        background-color: #F0F8FE;\n        bottom: 0px;\n        margin-bottom: 0;\n        font-family: roboto;\n        text-align: center;\n        color: #19a6eb;\n        font-weight: 400;\n        text-transform: uppercase;\n        font-size: 12px;\n        letter-spacing: 1.25px;\n        line-height: 24px;\n        vertical-align: middle;\n        padding: 0 10px;\n        border-radius: 16px;\n        transition: all;\n        transition-timing-function: ease-in;\n        transition-duration: .1s;\n        pointer-events: none;\n        font-weight: 500;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--items p.coming-soon {\n        color: #909FAE;\n        background-color: #F5F6F8;\n        display: none;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--items a:hover p {\n        scale: 1;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--button {\n        display: block;\n        box-sizing: content-box;\n        width: -webkit-fit-content;\n        width: -moz-fit-content;\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: background-color, border-color;\n        transition-timing-function: ease-in;\n        transition-duration: .1s;\n        box-shadow: 0px 4px 8px 0px rgba(55, 67, 79, .12);\n        background-color: #19a6eb;\n        color: #fff;\n        font-family: \"Roboto\", sans-serif;\n        margin: 0 auto 0 auto;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--button:hover {\n        background-color: #1499E2;\n    }\n\n    .referenzen-ohne-interaktion--bg-dark .content-references-animation--container {\n        height: auto;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    @media (max-width: 1224px) {\n\n        .referenzen-ohne-interaktion--bg-dark .content-references-animation:before,\n        .referenzen-ohne-interaktion--bg-dark .content-references-animation:after {\n            display: none;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .referenzen-ohne-interaktion--bg-dark .content-references-animation--items {\n            display: inline-flex;\n            gap: 32px;\n            padding: 0 16px;\n            animation: 32s content-references-animation--keyframes infinite linear;\n        }\n\n        .referenzen-ohne-interaktion--bg-dark .content-references-animation--items img {\n            height: 48px;\n        }\n    }\n<\/style>\n<div class=\"referenzen-ohne-interaktion--bg-dark\">\n    <div class=\"content-references-animation--container\">\n        <div class=\"content-references-animation\">\n            <div class=\"content-references-animation--items\"><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-alphaindustries-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-svdarmstadt-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-pegador-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-spezi-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-prohibited-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-vicinity-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-bwt-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-drhauschka-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/logo-atletica-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/logo-zeck-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-dasboep-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-cinque-bg-dark.svg\" \/><\/div>\n            <div class=\"content-references-animation--items\"><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-alphaindustries-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-svdarmstadt-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-pegador-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-spezi-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-prohibited-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-vicinity-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-bwt-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-drhauschka-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/03\/logo-atletica-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2026\/04\/logo-zeck-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-dasboep-bg-dark.svg\" \/><img decoding=\"async\"\n                    src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/10\/logo-cinque-bg-dark.svg\" \/><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n<\/div><\/div>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n\n        \/\/ 1. ZIEL-ELEMENT ABFRAGEN\n        const glitchElement = document.querySelector('span.glitch');\n\n        \/\/ Stellt sicher, dass das Element existiert\n        if (!glitchElement) return;\n\n        \/\/ 2. TATS\u00c4CHLICHE GR\u00d6SSE DES ELEMENTS ERMITTELN\n        \/\/ getBoundingClientRect liefert pr\u00e4zise H\u00f6he und Breite in Pixel\n        const rect = glitchElement.getBoundingClientRect();\n        const textHeight = Math.ceil(rect.height);\n        const textWidth = Math.ceil(rect.width);\n\n        \/\/ 3. GENERIERUNGSFUNKTION (verwendet nun die tats\u00e4chlichen Gr\u00f6\u00dfen)\n        function random(max) {\n            return Math.floor(Math.random() * max);\n        }\n\n        function generateGlitchKeyframes(animationName) {\n            let css = `@keyframes ${animationName} {`;\n            const steps = 20;\n\n            for (let i = 0; i <= steps; i++) {\n                const percentage = (i * (1 \/ steps)) * 100;\n\n                \/\/ Dynamische Werte: Maxima basieren auf der ermittelten H\u00f6he\n                const top = random(textHeight);\n                const bottom = random(textHeight);\n\n                \/\/ Dynamische Werte: Rechte Kante ist die volle Textbreite, linke Kante ist 0\n                const right = textWidth;\n                const left = 0;\n\n                css += `\n                    ${percentage.toFixed(2)}% {\n                        \/* clip: rect(top, right, bottom, left) *\/\n                        clip: rect(${top}px, ${right}px, ${bottom}px, ${left}px);\n                    }\n                `;\n            }\n            css += `}`;\n            return css;\n        }\n\n        \/\/ 4. KEYFRAMES GENERIEREN UND EINF\u00dcGEN\n        const keyframes1 = generateGlitchKeyframes('glitch-animation-1');\n        const keyframes2 = generateGlitchKeyframes('glitch-animation-2');\n\n        const styleSheet = document.createElement(\"style\");\n        styleSheet.type = \"text\/css\";\n        styleSheet.innerText = keyframes1 + keyframes2;\n        document.head.appendChild(styleSheet);\n    });\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Browser-Spiel Pickware Warehouse Simulator Gebaut von unseren Entwicklern. Mit der echten WMS&nbsp;UI, Lagerpl\u00e4tzen, Wareneing\u00e4ngen und -ausg\u00e4ngen, einer Lagerkatze und diversen Easter-Eggs aus dem Pickware B\u00fcro. Story-Mode starten Challenge-Mode starten Zwei Modi. W\u00e4hl deine Seite. Beide laufen im Browser, ohne Installation. Der eine ist ein Marathon, der andere ein Sprint. Story-Mode Bau dir ein Lager, das [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-49688","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/49688","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\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/comments?post=49688"}],"version-history":[{"count":12,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/49688\/revisions"}],"predecessor-version":[{"id":49709,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/49688\/revisions\/49709"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=49688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}