{"id":41842,"date":"2025-07-17T12:11:53","date_gmt":"2025-07-17T10:11:53","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=41842"},"modified":"2025-07-24T11:00:40","modified_gmt":"2025-07-24T09:00:40","slug":"fulfillment-rechner","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/fulfillment-rechner","title":{"rendered":"Lagerkosten Rechner Vorher"},"content":{"rendered":"\n<style>\n\/* allgemein *\/\n\n.content-intro .l-grid__item {\n    display: flex;\n    flex-direction: column;\n}\n\n@media (max-width: 767px) {\n    .content-intro__heading {\n        text-align: left;\n    }\n    .content-intro__copy {\n        text-align: left;\n    }\n    .content-intro__eyebrow {\n        margin: 0;\n        margin-bottom: 8px;\n        text-align: left;\n    }\n}\n\n* {\n    font-family: Roboto, sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    text-wrap-style: balance;\n}\n\n<\/style>\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\n.hero-image-size-600:before{\n    content: \"\";\n    background-color: #D8D2FF;\n    width: 100%;\n    \/* max-width: 1600px; *\/\n    position: absolute;\n    height: 400px;\n    border-radius: 0 0 32px 32px;\n    left: 50%;\n    transform: translatex(-50%);\n}\n\n@media (max-width: 1600px) {\n.hero-image-size-600:before {\n    border-radius: 0;\n}\n}\n\n@media (max-width: 1223px) {\n.hero-image-size-600:before {\n    height: 320px;\n}\n}\n\n@media (max-width: 983px) {\n.hero-image-size-600:before {\n    height: 330px;\n}\n}\n\n@media (max-width: 767px) {\n.hero-image-size-600:before {\n    height: 230px;\n}\n}\n\n@media (min-width: 768px) and (max-width: 983px) {\n    .hero-image-size-600__illustration {\n        height: auto;\n        width: 100%;\n    }\n}\n\n.hero-image-size-600 .l-grid__image::before {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    height: auto;\n    display: block;\n    z-index: 0;\n    background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2025\/07\/lagerkostenrechner-hero-back@2x.png);\n    background-size: cover;\n    animation: drehen 10s 0s infinite linear;\n    aspect-ratio: 1\/1;\n}\n\n.hero-image-size-600 .l-grid .l-grid__image {\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    argin-top: 16px;\n}\n\n@keyframes drehen {\n  from {\n        transform: rotate(0deg);\n  }\n  to {\n        transform: rotate(360deg);\n  }\n}\n\n.hero-image-size-600 .l-grid__image {\n    position: relative;\n}\n\n.hero-image-size-600 img {\n    z-index: 8;\n    position: relative;\n}\n\n@media (min-width: 376px) and (max-width: 767px) {\n    .hero-image-size-600__illustration {\n        height: auto;\n        width: 100%;\n    }\n}\n\n<\/style>\n\n\n\n<div class=\"hero-image-size-600\">\n    <div class=\"hero-image-size-600__wallpaper\" style=\"background-image:url(https:\/\/www.pickware.com\/app\/uploads\/2022\/05\/cloud-campaign-dummy.png)\" title=\"cloud-campaign-dummy\"><\/div>\n    <div class=\"hero-image-size-600__wallpaper hero-image-size-600__wallpaper--small\" style=\"background-image:url(https:\/\/www.pickware.com\/app\/uploads\/2022\/05\/cloud-campaign-dummy.png)\" title=\"cloud-campaign-dummy\"><\/div>\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__content\">\n                <div class=\"hero-image-size-600__text-background\">\n                    <div class=\"hero-image-size-600__eyebrow\">Dein Fulfillmentkosten-Rechner<\/div>\n                    <h1 class=\"hero-image-size-600__headline\">Kalkuliere die Kosten f\u00fcr internes vs. externes Fulfillment<\/h1>\n                    <div class=\"hero-image-size-600__copy\"><\/div>\n                                            <div class=\"hero-image-size-600__list-heading\"><\/div>\n                        <ul class=\"hero-image-size-600__list\">\n                                                            <li>\n                                    <div>Eigene Kennzahlen \u00fcber Regler angeben<\/div>\n                                <\/li>\n                                                            <li>\n                                    <div>E-Mail-Adresse best\u00e4tigen<\/div>\n                                <\/li>\n                                                            <li>\n                                    <div>Kostenkalkulation erhalten<\/div>\n                                <\/li>\n                                                    <\/ul>\n                                                                <div class=\"hero-image-size-600__button-group\">\n                                                            <a class=\"hero-image-size-600__button hero-image-size-600__button--order-600 \" href=\"#lagerkostenrechner\" target=\"\">\n                                    Zum Rechner                                <\/a>\n                                                    <\/div>\n                                    <\/div>\n            <\/div>\n            <div class=\"l-grid__image\">\n                <img decoding=\"async\" class=\"hero-image-size-600__illustration\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/07\/lagerkostenrechner-hero-front@2x.png\" alt=\"lagerkostenrechner-hero-front@2x\" \/>\n                <img decoding=\"async\" class=\"hero-image-size-600__illustration hero-image-size-600__illustration--small\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/07\/lagerkostenrechner-hero-front@2x.png\" alt=\"lagerkostenrechner-hero-front@2x\" \/>\n            <\/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\n\n\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<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\">Trust in Pickware<\/div>\n                    <div class=\"content-intro__heading\">\u00dcber 1.200 Kunden haben sich bereits f\u00fcr internes Fulfillment entschieden<\/div>\n                <\/h2>\n                <div class=\"content-intro__copy\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"content-images-max-width\">\n        <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__image\">\n                <img decoding=\"async\" class=\"image-max-width__image image-max-width__image--small\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/04\/lp-fashion-kunden-mobil-04@2x.png\" alt=\"lp-fashion-kunden-mobil-04@2x\" \/>\n                <img decoding=\"async\" class=\"image-max-width__image image-max-width__image--large\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/04\/lp-fashion-kunden-desktop-02@2x.png\" alt=\"lp-fashion-kunden-desktop-02@2x\" \/>\n            <\/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\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<!-- Lagerkostenrechner -->\n<div class=\"lagerkostenrechner\" id=\"lagerkostenrechner\">\n    <div class=\"calculator-header\">\n        <h2 style=\"color: #3498db;\">Pickware Fulfillmentkosten-Rechner<\/h2>\n        <p class=\"subtitle\">Vergleiche die Kosten zwischen internem und externem Fulfillment<\/p>\n    <\/div>\n\n    <!-- Popup Container f\u00fcr HubSpot Formular -->\n    <div class=\"popup-overlay\" id=\"popup-overlay\">\n        <div class=\"popup-container\">\n            <div class=\"popup-header\">\n                <h3>Schalte jetzt alle Details frei!<\/h3>\n                <button class=\"popup-close\" id=\"popup-close\">&times;<\/button>\n            <\/div>\n            <div class=\"popup-content\">\n                <p>Erhalte Zugang zu allen Details und Einzelheiten der Berechnung. Gib deine Job E-Mail Adresse ein und checke anschlie\u00dfend dein Postfach (auch Spam). Hier findest du einen Link zur Best\u00e4tigung. Bitte klicke auf diesen Link um alle Inhalte zu sehen.<\/p>\n                <div class=\"hubspot-form-container\">\n                    <!-- HubSpot-Formular -->\n                    <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                    <script>\n                      hbspt.forms.create({\n                        portalId: \"26748939\",\n                        formId: \"eb86d12c-ce92-4c44-9fe0-b531c9e20d51\",\n                        region: \"eu1\",\n          \n                        <!-- FormSubmit Event Start-->\n                        onFormSubmit: function($form) {\n                           window.dataLayer = window.dataLayer || [];\n                           window.dataLayer.push({\n                              'event': 'lkr_form_submit', \/\/ Eindeutiger Name f\u00fcr das Event\n                              'hubspotFormId': 'eb86d12c-ce92-4c44-9fe0-b531c9e20d51' \/\/ Optional: Formular-ID mitsenden\n                           });\n                        }\n                        <!-- FormSubmit Event End-->\n                      });\n                    <\/script>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"slider-container\">\n        <div class=\"slider-group\">\n            <label for=\"bestellungen\">Bestellungen pro Monat<\/label>\n            <div class=\"slider-wrapper\">\n                <input type=\"range\" id=\"bestellungen\" min=\"0\" max=\"100\" value=\"50\" class=\"slider\" step=\"1\">\n                <input type=\"number\" class=\"slider-value\" id=\"bestellungen-input\" value=\"1000\" min=\"100\" max=\"500000\" step=\"100\">\n            <\/div>\n            <div class=\"slider-steps\" id=\"bestellungen-steps\"><\/div>\n        <\/div>\n        <div class=\"slider-group\">\n            <label for=\"artikel\">Artikel pro Bestellung<\/label>\n            <div class=\"slider-wrapper\">\n                <input type=\"range\" id=\"artikel\" min=\"0\" max=\"100\" value=\"0\" class=\"slider\" step=\"1\">\n                <input type=\"number\" class=\"slider-value\" id=\"artikel-input\" value=\"2\" min=\"1\" max=\"30\" step=\"1\">\n            <\/div>\n            <div class=\"slider-steps\" id=\"artikel-steps\"><\/div>\n        <\/div>\n        <div class=\"slider-group\">\n            <label for=\"aov\">Durchschnittlicher Bestellwert (\u20ac)<\/label>\n            <div class=\"slider-wrapper\">\n                <input type=\"range\" id=\"aov\" min=\"0\" max=\"100\" value=\"50\" class=\"slider\" step=\"1\">\n                <input type=\"number\" class=\"slider-value\" id=\"aov-input\" value=\"100\" min=\"20\" max=\"3000\" step=\"10\">\n            <\/div>\n            <div class=\"slider-steps\" id=\"aov-steps\"><\/div>\n        <\/div>\n        <div class=\"slider-group\">\n            <label for=\"retouren\">Retourenquote (%)<\/label>\n            <div class=\"slider-wrapper\">\n                <input type=\"range\" id=\"retouren\" min=\"0\" max=\"100\" value=\"10\" class=\"slider\" step=\"1\">\n                <input type=\"number\" class=\"slider-value\" id=\"retouren-input\" value=\"5\" min=\"0.5\" max=\"50\" step=\"0.5\">\n            <\/div>\n            <div class=\"slider-steps\" id=\"retouren-steps\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"tabs-container\">\n        <div class=\"tabs-header\">\n            <button class=\"tab-button active\" data-tab=\"summary\">\n                Zusammenfassung\n            <\/button>\n            <button class=\"tab-button\" data-tab=\"details\">\n                Details\n            <\/button>\n        <\/div>\n        \n        <div class=\"tab-content active\" id=\"summary\">\n            <div class=\"recommendation-container\">\n                <div class=\"recommendation-header\">\n                    <h3>Empfehlung<\/h3>\n                <\/div>\n                <div class=\"recommendation-content\">\n                    <div class=\"recommendation-text\" id=\"recommendation-text\"><\/div>\n                    <div class=\"recommendation-savings\" id=\"recommendation-savings\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"results-blur-wrapper\">\n                <div class=\"results-container\" id=\"results-blur-container\">\n                    <div class=\"result-group\">\n                        <div class=\"result-header\">\n                            <h3>Eigenes Lager<\/h3>\n                            <div class=\"result-icon\">\ud83c\udfed<\/div>\n                        <\/div>\n                        <div id=\"intern-results\"><\/div>\n                    <\/div>\n                    <div class=\"result-group\">\n                        <div class=\"result-header\">\n                            <h3>Externer Fulfiller<\/h3>\n                            <div class=\"result-icon\">\ud83d\udce6<\/div>\n                        <\/div>\n                        <div id=\"extern-results\"><\/div>\n                    <\/div>\n                <\/div>\n                <button class=\"details-button summary-blur-btn\" id=\"summary-details-btn\" style=\"display:none;\">mehr Details<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"tab-content\" id=\"details\">\n            <div class=\"info-box\">\n                <p>Alle angezeigten Kosten beziehen sich auf Jahreskosten (Kosten pro Jahr).<\/p>\n            <\/div>\n            <div class=\"details-container\">\n                <div class=\"details-section\">\n                    <h4>Rahmendaten<\/h4>\n                    <div class=\"details-grid\">\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Eigenes Lager<\/h5>\n                                <div class=\"result-icon\">\ud83c\udfed<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Retourenquote:<\/span>\n                                <span class=\"details-value intern\" id=\"retourenquote-intern\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Bestellungen pro Jahr:<\/span>\n                                <span class=\"details-value intern\" id=\"bestellungen-pro-jahr-intern\"><\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Externer Fulfiller<\/h5>\n                                <div class=\"result-icon\">\ud83d\udce6<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Retourenquote:<\/span>\n                                <span class=\"details-value extern\" id=\"retourenquote-extern\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Bestellungen pro Jahr:<\/span>\n                                <span class=\"details-value extern\" id=\"bestellungen-pro-jahr-extern\"><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"details-section\">\n                    <h4>Personalkosten<\/h4>\n                    <div class=\"details-grid\">\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Eigenes Lager<\/h5>\n                                <div class=\"result-icon\">\ud83c\udfed<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Lagerleitung:<\/span>\n                                <span class=\"details-value intern\" id=\"kosten-lagerleitung\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Vollzeitkr\u00e4fte:<\/span>\n                                <span class=\"details-value intern\" id=\"kosten-vollzeit\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Aushilfen:<\/span>\n                                <span class=\"details-value intern\" id=\"kosten-aushilfe\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Personal:<\/span>\n                                <span class=\"details-value intern\" id=\"gesamt-personal-intern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Externer Fulfiller<\/h5>\n                                <div class=\"result-icon\">\ud83d\udce6<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Personal:<\/span>\n                                <span class=\"details-value extern\" id=\"personal-extern\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Personal:<\/span>\n                                <span class=\"details-value extern\" id=\"gesamt-personal-extern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"details-section\">\n                    <h4>Softwarekosten<\/h4>\n                    <div class=\"details-grid\">\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Eigenes Lager<\/h5>\n                                <div class=\"result-icon\">\ud83c\udfed<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Empfohlener Plan:<\/span>\n                                <span class=\"details-value intern\" id=\"empfohlener-plan\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">ERP-Kosten:<\/span>\n                                <span class=\"details-value intern\" id=\"kosten-erp\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">WMS-Lizenzen:<\/span>\n                                <span class=\"details-value intern\" id=\"wms-lizenzen\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">WMS-Kosten:<\/span>\n                                <span class=\"details-value intern\" id=\"kosten-wms\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Software:<\/span>\n                                <span class=\"details-value intern\" id=\"gesamt-software-intern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Externer Fulfiller<\/h5>\n                                <div class=\"result-icon\">\ud83d\udce6<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Software:<\/span>\n                                <span class=\"details-value extern\" id=\"software-gesamt-extern\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Software:<\/span>\n                                <span class=\"details-value extern\" id=\"gesamt-software-extern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"details-section\">\n                    <h4>Lagerkosten<\/h4>\n                    <div class=\"details-grid\">\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Eigenes Lager<\/h5>\n                                <div class=\"result-icon\">\ud83c\udfed<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Lagerfl\u00e4che:<\/span>\n                                <span class=\"details-value intern\" id=\"lagergroesse\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Lagerkosten:<\/span>\n                                <span class=\"details-value intern\" id=\"lagerkosten-intern\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Lager:<\/span>\n                                <span class=\"details-value intern\" id=\"gesamt-lager-intern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Externer Fulfiller<\/h5>\n                                <div class=\"result-icon\">\ud83d\udce6<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Lagerkosten:<\/span>\n                                <span class=\"details-value extern\" id=\"lagerkosten-extern\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Lager:<\/span>\n                                <span class=\"details-value extern\" id=\"gesamt-lager-extern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"details-section\">\n                    <h4>Fulfillmentkosten<\/h4>\n                    <div class=\"details-grid\">\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Eigenes Lager<\/h5>\n                                <div class=\"result-icon\">\ud83c\udfed<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Verpackungsmaterial:<\/span>\n                                <span class=\"details-value intern\" id=\"kosten-verpackungsmaterial\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Fulfillment:<\/span>\n                                <span class=\"details-value intern\" id=\"gesamt-fulfillment-intern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Externer Fulfiller<\/h5>\n                                <div class=\"result-icon\">\ud83d\udce6<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Pickingkosten:<\/span>\n                                <span class=\"details-value extern\" id=\"kosten-picking-extern\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Retourenkosten:<\/span>\n                                <span class=\"details-value extern\" id=\"kosten-retouren-extern\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Fulfillment:<\/span>\n                                <span class=\"details-value extern\" id=\"gesamt-fulfillment-extern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"details-section\">\n                    <h4>Versandkosten<\/h4>\n                    <div class=\"details-grid\">\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Eigenes Lager<\/h5>\n                                <div class=\"result-icon\">\ud83c\udfed<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Versandkosten:<\/span>\n                                <span class=\"details-value intern\" id=\"versandkosten-intern\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">R\u00fcckversandkosten:<\/span>\n                                <span class=\"details-value intern\" id=\"rueckversandkosten-intern\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Versand:<\/span>\n                                <span class=\"details-value intern\" id=\"gesamt-versand-intern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"details-column\">\n                            <div class=\"details-column-header\">\n                                <h5>Externer Fulfiller<\/h5>\n                                <div class=\"result-icon\">\ud83d\udce6<\/div>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">Versandkosten:<\/span>\n                                <span class=\"details-value extern\" id=\"versandkosten-extern\"><\/span>\n                            <\/div>\n                            <div class=\"details-item\">\n                                <span class=\"details-label\">R\u00fcckversandkosten:<\/span>\n                                <span class=\"details-value extern\" id=\"rueckversandkosten-extern\"><\/span>\n                            <\/div>\n                            <div class=\"details-total-item\">\n                                <span class=\"details-label\">Gesamtkosten Versand:<\/span>\n                                <span class=\"details-value extern\" id=\"gesamt-versand-extern\">0 \u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Gesamt-Ergebnis Sektion -->\n            <div class=\"details-section\" style=\"margin-top: 40px;\">\n                <h4>Gesamt-Ergebnis<\/h4>\n                <div class=\"details-grid\">\n                    <div class=\"details-column\">\n                        <div class=\"details-column-header\">\n                            <h5>Eigenes Lager<\/h5>\n                            <div class=\"result-icon\">\ud83c\udfed<\/div>\n                        <\/div>\n                        <div id=\"intern-results-details\"><\/div>\n                    <\/div>\n                    <div class=\"details-column\">\n                        <div class=\"details-column-header\">\n                            <h5>Externer Fulfiller<\/h5>\n                            <div class=\"result-icon\">\ud83d\udce6<\/div>\n                        <\/div>\n                        <div id=\"extern-results-details\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.lagerkostenrechner {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n}\n\n.calculator-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.calculator-header h2 {\n    color: #1a1a1a;\n    font-size: 32px;\n    font-weight: 700;\n    margin-bottom: 12px;\n}\n\n.subtitle {\n    color: #666;\n    font-size: 18px;\n    line-height: 1.5;\n}\n\n.slider-container {\n    display: flex;\n    flex-direction: column;\n    gap: 35px;\n    margin-bottom: 50px;\n    padding: 30px;\n    background: #f8f9fa;\n    border-radius: 12px;\n    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n\n.slider-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.slider-group label {\n    font-weight: 600;\n    color: #1a1a1a;\n    font-size: 16px;\n}\n\n.slider-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    position: relative;\n}\n\n.slider {\n    flex: 1;\n    -webkit-appearance: none;\n    height: 8px;\n    background: #e0e0e0;\n    border-radius: 4px;\n    outline: none;\n    transition: background 0.2s;\n    width: 100%;\n}\n\n.slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 24px;\n    height: 24px;\n    background: #3498db;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.2s;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.slider::-webkit-slider-thumb:hover {\n    background: #2980b9;\n    transform: scale(1.1);\n}\n\n.slider-value {\n    font-weight: 600;\n    color: #1a1a1a;\n    min-width: 100px;\n    text-align: right;\n    font-size: 16px;\n    padding: 4px 8px;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    background: #fff;\n}\n\n.slider-value:focus {\n    outline: none;\n    border-color: #3498db;\n    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);\n}\n\n.slider-value::-webkit-inner-spin-button,\n.slider-value::-webkit-outer-spin-button {\n    opacity: 1;\n    height: 24px;\n}\n\n.slider-steps {\n    width: calc(100% - 120px); \/* Abz\u00fcglich der Breite des Slider-Wertes *\/\n    position: relative;\n    height: 18px;\n    margin-top: 2px;\n    margin-left: 0;\n    margin-right: 0;\n    display: block;\n    pointer-events: none;\n}\n\n.slider-steps span {\n    font-size: 13px;\n    color: #666;\n    white-space: nowrap;\n    position: absolute;\n    top: 0;\n    pointer-events: none;\n    min-width: 0;\n    max-width: 60px;\n    text-align: center;\n    left: 0;\n    transform: translateX(-50%);\n}\n\n.tabs-container {\n    margin-top: 40px;\n}\n\n.tabs-header {\n    display: flex;\n    gap: 15px;\n    margin-bottom: 30px;\n    border-bottom: 2px solid #e0e0e0;\n    padding-bottom: 15px;\n}\n\n.tab-button {\n    padding: 12px 24px;\n    border: none;\n    background: none;\n    font-size: 16px;\n    font-weight: 600;\n    color: #666;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-bottom: 2px solid transparent;\n    margin-bottom: -17px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.tab-button:hover {\n    color: #3498db;\n}\n\n.tab-button.active {\n    color: #3498db;\n    border-bottom-color: #3498db;\n}\n\n.tab-icon {\n    font-size: 20px;\n}\n\n.recommendation-container {\n    background: #ffffff;\n    border: 1px solid #e0e0e0;\n    border-radius: 12px;\n    padding: 25px;\n    margin-bottom: 40px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.recommendation-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 15px;\n    border-bottom: 1px solid #f0f0f0;\n}\n\n.recommendation-header h3 {\n    color: #1a1a1a;\n    margin: 0;\n    font-size: 22px;\n    font-weight: 600;\n}\n\n.recommendation-icon {\n    font-size: 28px;\n}\n\n.recommendation-content {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}\n\n.recommendation-text {\n    font-size: 18px;\n    color: #1a1a1a;\n    line-height: 1.6;\n}\n\n.recommendation-savings {\n    font-size: 20px;\n    font-weight: 600;\n    padding: 15px;\n    border-radius: 8px;\n    background: #f8f9fa;\n}\n\n.recommendation-savings.savings {\n    color: #2ecc71;\n    background: #f0fff4;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 0px;\n}\n\n.details-button {\n    background: #3498db;\n    color: white;\n    border: none;\n    padding: 8px 16px;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n    white-space: nowrap;\n}\n\n.details-button:hover {\n    background: #2980b9;\n    \/* transform: translateY(-1px); *\/\n    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3);\n}\n\n.details-button:active {\n    transform: translateY(0);\n}\n\n.results-container {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n}\n\n.result-group {\n    padding: 30px;\n    border: 1px solid #e0e0e0;\n    border-radius: 12px;\n    background: #ffffff;\n    transition: transform 0.2s, box-shadow 0.2s;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.result-group:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n\n.result-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 25px;\n    padding-bottom: 15px;\n    border-bottom: 2px solid #f0f0f0;\n}\n\n.result-header h3 {\n    color: #1a1a1a;\n    font-size: 22px;\n    margin: 0;\n    font-weight: 600;\n}\n\n.result-icon {\n    font-size: 28px;\n}\n\n.result-item {\n    margin: 15px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 15px;\n    background: #f8f9fa;\n    border-radius: 8px;\n    transition: background 0.2s;\n}\n\n.result-item:hover {\n    background: #f0f0f0;\n}\n\n.result-label {\n    font-weight: 600;\n    color: #1a1a1a;\n}\n\n.result-value {\n    font-weight: 700;\n    color: #3498db;\n}\n\n.details-container {\n    display: flex;\n    flex-direction: column;\n    gap: 35px;\n}\n\n.details-section {\n    background: #ffffff;\n    border: 1px solid #e0e0e0;\n    border-radius: 12px;\n    padding: 25px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.details-section h4 {\n    color: #1a1a1a;\n    margin: 0 0 20px 0;\n    padding-bottom: 15px;\n    border-bottom: 1px solid #f0f0f0;\n    font-size: 20px;\n    font-weight: 600;\n}\n\n.details-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 25px;\n}\n\n.details-column {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    gap: 15px;\n}\n\n.details-column-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 15px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid #f0f0f0;\n}\n\n.details-column-header h5 {\n    margin: 0;\n    color: #1a1a1a;\n    font-size: 18px;\n    font-weight: 600;\n}\n\n.details-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 15px;\n    background: #f8f9fa;\n    border-radius: 8px;\n    transition: background 0.2s;\n}\n\n.details-item:hover {\n    background: #f0f0f0;\n}\n\n.details-label {\n    font-weight: 600;\n    color: #1a1a1a;\n}\n\n.details-value {\n    font-weight: 600;\n}\n\n.details-value.extern {\n    color: #1a1a1a;\n}\n\n.details-value.intern {\n    color: #1a1a1a;\n}\n\n.result-item.highlight.winner {\n    background: #f8f9fa;\n    font-size: 1.1em;\n    font-weight: 600;\n    color: #1a1a1a;\n    border-left: 3px solid #2ecc71;\n    padding-left: 20px;\n}\n\n.result-item.highlight.loser {\n    background: #f8f9fa;\n    font-size: 1.1em;\n    font-weight: 600;\n    color: #1a1a1a;\n    border-left: 3px solid #e74c3c;\n    padding-left: 20px;\n}\n\n.details-total {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 25px;\n    margin-top: 15px;\n}\n\n.details-total-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 15px;\n    background: #f8f9fa;\n    border-radius: 8px;\n    transition: background 0.2s;\n}\n\n.details-total-item:hover {\n    background: #f0f0f0;\n}\n\n.details-total-item.winner {\n    border-left: 3px solid #2ecc71;\n    padding-left: 20px;\n}\n\n.details-total-item.winner .details-value {\n    color: #2ecc71;\n}\n\n.details-total-item.loser {\n    border-left: 3px solid #e74c3c;\n    padding-left: 20px;\n}\n\n.details-total-item.loser .details-value {\n    color: #e74c3c;\n}\n\n.details-total-label {\n    font-weight: 600;\n    color: #1a1a1a;\n}\n\n.details-total-values {\n    display: flex;\n    gap: 30px;\n}\n\n.details-total-item.placeholder {\n    opacity: 0;\n    pointer-events: none;\n    height: 48px;\n}\n\n@media (max-width: 1024px) {\n    .lagerkostenrechner {\n        padding: 30px;\n    }\n    \n    .results-container {\n        grid-template-columns: 1fr;\n    }\n    .details-total {\n        display: block;\n        width: 100%;\n    }\n    .details-total-item {\n        margin-top: 15px;\n        margin-bottom: 32px;\n        width: 100%;\n        box-sizing: border-box;\n        display: block;\n    }\n    .details-grid {\n        gap: 0;\n    }\n    .details-section {\n        margin-bottom: 40px;\n    }\n    .details-item {\n        margin-bottom: 10px;\n    }\n}\n\n@media (min-width: 1025px) {\n    .details-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 25px;\n        align-items: stretch;\n    }\n    .details-column {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        height: 100%;\n    }\n    .details-total-item {\n        margin-top: auto;\n    }\n}\n\n@media (max-width: 768px) {\n    .lagerkostenrechner {\n        padding: 20px;\n    }\n\n    .calculator-header h2 {\n        font-size: 28px;\n    }\n\n    .subtitle {\n        font-size: 16px;\n    }\n\n    .slider-container {\n        padding: 20px;\n    }\n\n    .details-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .tabs-header {\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .tab-button {\n        width: 100%;\n        justify-content: center;\n        margin-bottom: 0;\n        border-bottom: none;\n        border-left: 2px solid transparent;\n    }\n\n    .tab-button.active {\n        border-bottom: none;\n        border-left-color: #3498db;\n    }\n}\n\n.tab-content {\n    display: none;\n}\n\n.tab-content.active {\n    display: block;\n}\n\n.info-box {\n    background-color: #f8f9fa;\n    border-left: 4px solid #3498db;\n    padding: 15px;\n    margin-bottom: 20px;\n    border-radius: 4px;\n}\n\n.info-box p {\n    margin: 0;\n    color: #666;\n    font-size: 14px;\n    font-weight: 500;\n}\n\n#details.blurred {\n    filter: blur(8px) !important;\n    user-select: none;\n    pointer-events: none;\n}\n\n.details-value.blurred {\n    filter: blur(8px) !important;\n    color: #000 !important;\n}\n\n\/* Popup Overlay Styles *\/\n.popup-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.7);\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 10000;\n    backdrop-filter: blur(5px);\n}\n\n.popup-overlay.active {\n    display: flex;\n}\n\n.popup-container {\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    max-width: 600px;\n    width: 90%;\n    max-height: 80vh;\n    overflow-y: auto;\n    position: relative;\n    animation: popupSlideIn 0.3s ease-out;\n}\n\n@keyframes popupSlideIn {\n    from {\n        opacity: 0;\n        transform: translateY(-50px) scale(0.9);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n.popup-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 25px 30px 20px 30px;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.popup-header h3 {\n    margin: 0;\n    color: #1a1a1a;\n    font-size: 24px;\n    font-weight: 600;\n}\n\n.popup-close {\n    background: none;\n    border: none;\n    font-size: 28px;\n    color: #666;\n    cursor: pointer;\n    padding: 0;\n    width: 30px;\n    height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    transition: all 0.2s;\n}\n\n.popup-close:hover {\n    background: #f0f0f0;\n    color: #333;\n}\n\n.popup-content {\n    padding: 30px;\n}\n\n.popup-content p {\n    margin: 0 0 25px 0;\n    color: #666;\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n.hubspot-form-container {\n    min-height: 200px;\n    border: 2px dashed #e0e0e0;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f8f9fa;\n    padding: 30px;\n}\n\n.form-placeholder {\n    text-align: center;\n    color: #999;\n    font-style: italic;\n}\n\n.form-placeholder p {\n    margin: 0;\n    font-size: 14px;\n}\n\n\/* Responsive Design f\u00fcr Popup *\/\n@media (max-width: 768px) {\n    .popup-container {\n        width: 95%;\n        margin: 20px;\n    }\n    \n    .popup-header {\n        padding: 20px 25px 15px 25px;\n    }\n    \n    .popup-header h3 {\n        font-size: 20px;\n    }\n    \n    .popup-content {\n        padding: 25px;\n    }\n}\n\n.results-blur-wrapper {\n    position: relative;\n}\n#results-blur-container.blurred {\n    filter: blur(8px) !important;\n    pointer-events: none;\n    user-select: none;\n}\n.results-blur-wrapper.blurred .summary-blur-btn {\n    display: block !important;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 10;\n}\n.summary-blur-btn {\n    background: #3498db;\n    color: white;\n    border: none;\n    padding: 18px 40px;\n    border-radius: 10px;\n    font-size: 20px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.2s;\n    white-space: nowrap;\n    box-shadow: 0 4px 24px rgba(52,152,219,0.15);\n    opacity: 0.97;\n}\n.summary-blur-btn:hover {\n    background: #2980b9;\n    \/* transform: translate(-50%, calc(-50% - 1px)); *\/\n    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3);\n}\n.summary-blur-btn:active {\n    transform: translate(-50%, -50%);\n}\n<\/style>\n\n<script type=\"text\/javascript\">\n\/\/ Sofortige Ausf\u00fchrung der Initialisierung\n(function() {\n    \/\/ Parameter\n    window.PARAMETER = {\n        \/\/ Personal\n        packzeit_minuten_pro_bestellung: 3,\n        vollzeit_stunden_pro_monat: 160,\n        lagerleitung_gehalt: 3000,\n        lagerleitung_packzeit_quote: 0.85,\n        stundelohn_vollzeit: 17,\n        stundenlohn_aushilfe: 13.5,\n        arbeitstage_pro_monat: 20,\n        max_gehalt_aushilfe: 556,\n        faktor_ag_anteil: 1.25,\n\n        \/\/ Software\n        bestellungen_grenze_starter_advanced: 1000,\n        bestellungen_grenze_advanced_professional: 2000,\n        bestellungen_grenze_professional_enterprise: 5000,\n        umsatz_grenze_starter_advanced: 100000,\n        umsatz_grenze_advanced_professional: 200000,\n        umsatz_grenze_professional_enterprise: 1000000,\n        preise_basisplan: {\"Starter\":99, \"Advanced\":299, \"Professional\":599, \"Enterprise\":2500},\n        preise_bestellgebuehr: {\"Starter\":0.2, \"Advanced\":0.15, \"Professional\":0.1, \"Enterprise\":0.05},\n        werte_inklusivvolumen: {\"Starter\":1000, \"Advanced\":1500, \"Professional\":2000, \"Enterprise\":2500},\n        preis_wms_lizenz: 199,\n\n        \/\/ Wareneingang\n        kosten_we_pro_teil_extern: 0.21,\n\n        \/\/ Lagerung\n        kosten_lagerung_pro_teil_extern: 0.12,\n        lagerbedarf_pro_1000_artikel_in_qm: 5,\n        lagerkosten_pro_monat_pro_qm: 9,\n        faktor_gesamtlagerflaeche: 1.4,\n        faktor_lagerbestand_extern: 3,\n        faktor_verbesserung_teile_lagernd_intern: 0.8,\n\n        \/\/ Fulfillment\n        kosten_pro_bestellung_extern: 1.35,\n        kosten_picking_pro_artikel_extern: 0.45,\n        kosten_pro_retoure_extern: 1.5,\n        kosten_pro_retourournierter_artikel_extern: 1.6,\n        kosten_verpackunsmaterial_pro_bestellung: 0.2,\n\n        \/\/ Versand\n        kosten_pro_versandlabel_extern: 4,\n        kosten_pro_retourenlabel_extern: 5,\n        kosten_pro_versandlabel_intern: 3.5,\n        kosten_pro_retourenlabel_intern: 4.1\n    };\n\n    \/\/ Hilfsfunktionen\n    window.formatNumber = function(number, decimals = 0) {\n        if (number >= 50) {\n            return Math.round(number).toLocaleString('de-DE');\n        }\n        return number.toLocaleString('de-DE', { minimumFractionDigits: decimals, maximumFractionDigits: decimals });\n    };\n\n    window.calculateLogarithmicValue = function(min, max, value, type) {\n        let values;\n        \n        switch(type) {\n            case 'bestellungen':\n                values = [100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 2000, 3000, 4000, 5000, 6000, 7000, 8000, 9000, 10000, 20000, 30000, 40000, 50000, 60000, 70000, 80000, 90000, 100000, 200000, 300000, 400000, 500000];\n                break;\n            case 'artikel':\n                values = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 30];\n                break;\n            case 'aov':\n                values = [20, 30, 40, 50, 60, 70, 80, 90, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1500, 2000, 2500, 3000];\n                break;\n            case 'retouren':\n                values = [0.5, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 30, 35, 40, 45, 50];\n                break;\n        }\n        \n        const index = Math.round((value \/ 100) * (values.length - 1));\n        return values[index];\n    };\n\n    window.getSliderValues = function(type) {\n        switch(type) {\n            case 'bestellungen':\n                return [100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 2000, 3000, 4000, 5000, 6000, 7000, 8000, 9000, 10000, 20000, 30000, 40000, 50000, 60000, 70000, 80000, 90000, 100000, 200000, 300000, 400000, 500000];\n            case 'artikel':\n                return [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 30];\n            case 'aov':\n                return [20, 30, 40, 50, 60, 70, 80, 90, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1500, 2000, 2500, 3000];\n            case 'retouren':\n                return [0.5, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 30, 35, 40, 45, 50];\n        }\n    };\n\n    window.renderSliderLabels = function() {\n        document.querySelectorAll('.slider').forEach(slider => {\n            const type = slider.id;\n            const stepsContainer = document.getElementById(`${type}-steps`);\n            const values = window.getSliderValues(type);\n            stepsContainer.innerHTML = '';\n            const labelCount = 5;\n            for (let i = 0; i < labelCount; i++) {\n                const idx = Math.round(i * (values.length - 1) \/ (labelCount - 1));\n                const val = values[idx];\n                const span = document.createElement('span');\n                span.textContent = window.formatNumber(val, type === 'retouren' ? 1 : 0);\n                span.style.position = 'absolute';\n                span.style.left = `${(idx\/(values.length-1))*100}%`;\n                span.style.transform = 'translateX(-50%)';\n                stepsContainer.appendChild(span);\n            }\n            stepsContainer.style.position = 'relative';\n            stepsContainer.style.height = '18px';\n        });\n    };\n\n    \/\/ Event Listener Setup\n    function setupEventListeners() {\n        \/\/ Slider Event Listener\n        document.querySelectorAll('.slider').forEach(slider => {\n            const input = document.getElementById(`${slider.id}-input`);\n            \n            slider.addEventListener('input', function() {\n                const value = this.value;\n                const type = this.id;\n                const logarithmicValue = window.calculateLogarithmicValue(0, 100, value, type);\n                input.value = logarithmicValue;\n                window.calculateCosts();\n                \/\/ Fake-Werte nach Reglerbewegung aktualisieren\n                updateSummaryBlur();\n                setFakeSummaryValues();\n                updateDetailsBlur();\n                setFakeDetailsValues();\n\n                });\n            \n            \/\/ Google Tag Manager Event nur beim Loslassen des Reglers\n            slider.addEventListener('change', function() {\n                const type = this.id;\n                const logarithmicValue = window.calculateLogarithmicValue(0, 100, this.value, type);\n                \n                if (window.dataLayer) {\n                    window.dataLayer.push({\n                        'event': 'slider_input',\n                        'slider_type': type,\n                        'slider_value': logarithmicValue\n                    });\n                }\n\n            });\n            \n            input.addEventListener('input', function() {\n                const value = parseFloat(this.value);\n                const type = slider.id;\n                const values = window.getSliderValues(type);\n                \n                let closestIndex = 0;\n                let minDiff = Math.abs(value - values[0]);\n                \n                for (let i = 1; i < values.length; i++) {\n                    const diff = Math.abs(value - values[i]);\n                    if (diff < minDiff) {\n                        minDiff = diff;\n                        closestIndex = i;\n                    }\n                }\n                \n                const sliderValue = Math.round((closestIndex \/ (values.length - 1)) * 100);\n                slider.value = sliderValue;\n                window.calculateCosts();\n                \/\/ Fake-Werte nach Eingabe aktualisieren\n                updateSummaryBlur();\n                setFakeSummaryValues();\n                updateDetailsBlur();\n                setFakeDetailsValues();\n                });\n            \n            \/\/ Google Tag Manager Event nur beim Verlassen des Eingabefelds\n            input.addEventListener('blur', function() {\n                const value = parseFloat(this.value);\n                const type = slider.id;\n\n                if (window.dataLayer) {\n                    window.dataLayer.push({\n                        'event': 'slider_value_input',\n                        'slider_type': type,\n                        'input_value': value\n                    });\n                }\n\n            });\n        });\n\n        \/\/ Tab Event Listener\n        document.querySelectorAll('.tab-button').forEach(button => {\n            button.addEventListener('click', () => {\n                document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));\n                document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n                \n                button.classList.add('active');\n                document.getElementById(button.dataset.tab).classList.add('active');\n                \n                \/\/ Popup \u00f6ffnen wenn Details-Tab aktiviert wird\n                if (button.dataset.tab === 'details') {\n                    setTimeout(() => {\n                        showPopup();\n                    }, 100);\n                }\n            });\n        });\n    }\n\n    \/\/ Initialisierung\n    function initializeCalculator() {\n        \/\/ Ziel-Startwerte\n        const targetValues = {\n            'bestellungen': 1000,\n            'artikel': 2,\n            'aov': 100,\n            'retouren': 5\n        };\n\n        \/\/ Finde den passenden Slider-Index f\u00fcr jeden Zielwert\n        Object.entries(targetValues).forEach(([id, target]) => {\n            const slider = document.getElementById(id);\n            const input = document.getElementById(`${id}-input`);\n            const values = window.getSliderValues(id);\n            let closestIndex = 0;\n            let minDiff = Math.abs(target - values[0]);\n            for (let i = 1; i < values.length; i++) {\n                const diff = Math.abs(target - values[i]);\n                if (diff < minDiff) {\n                    minDiff = diff;\n                    closestIndex = i;\n                }\n            }\n            const sliderValue = Math.round((closestIndex \/ (values.length - 1)) * 100);\n            slider.value = sliderValue;\n            input.value = values[closestIndex];\n        });\n\n        window.renderSliderLabels();\n        setupEventListeners();\n        window.calculateCosts();\n    }\n\n    \/\/ Hauptberechnungsfunktion\n    window.calculateCosts = function() {\n        \/\/ Eingabewerte\n        const bestellungen_pro_monat = window.calculateLogarithmicValue(0, 100, document.getElementById('bestellungen').value, 'bestellungen');\n        const artikel_pro_bestellung = window.calculateLogarithmicValue(0, 100, document.getElementById('artikel').value, 'artikel');\n        const average_order_value = window.calculateLogarithmicValue(0, 100, document.getElementById('aov').value, 'aov');\n        const retourenquote = window.calculateLogarithmicValue(0, 100, document.getElementById('retouren').value, 'retouren') \/ 100;\n\n        \/\/ Rahmendaten\n        const retourenquote_intern = retourenquote * 0.6;\n        const umsatz_pro_monat = bestellungen_pro_monat * average_order_value;\n        const bestellungen_pro_jahr = bestellungen_pro_monat * 12;\n        const artikel_pro_monat = bestellungen_pro_monat * artikel_pro_bestellung;\n        const retouren_extern = bestellungen_pro_monat * retourenquote;\n        const retournierte_artikel_extern = artikel_pro_monat * retourenquote;\n        const retouren_intern = bestellungen_pro_monat * retourenquote_intern;\n        const retournierte_artikel_intern = artikel_pro_monat * retourenquote_intern;\n        const wareneingang_teile = artikel_pro_monat * 12;\n        const teile_lagernd_extern = artikel_pro_monat * window.PARAMETER.faktor_lagerbestand_extern;\n        const teile_lagernd_intern = teile_lagernd_extern * window.PARAMETER.faktor_verbesserung_teile_lagernd_intern;\n\n        \/\/ Personalkosten\n        const lagerleiter_bestellungen = window.PARAMETER.vollzeit_stunden_pro_monat * 60 \/ window.PARAMETER.packzeit_minuten_pro_bestellung * window.PARAMETER.lagerleitung_packzeit_quote;\n        const vollzeit_bestellungen = window.PARAMETER.vollzeit_stunden_pro_monat * 60 \/ window.PARAMETER.packzeit_minuten_pro_bestellung;\n        const aushilfe_bestellungen = window.PARAMETER.max_gehalt_aushilfe \/ window.PARAMETER.stundenlohn_aushilfe * 60 \/ window.PARAMETER.packzeit_minuten_pro_bestellung;\n\n        const faktor_vollzeit_fuer_aushilfen = Math.round(vollzeit_bestellungen \/ aushilfe_bestellungen * 1.5);\n        const lagerleiter_bool = bestellungen_pro_monat > lagerleiter_bestellungen * 1.05;\n        const bestellungen_nach_lagerleiter = bestellungen_pro_monat - lagerleiter_bestellungen * lagerleiter_bool;\n        const aushilfen_ohne_vollzeit = Math.trunc(bestellungen_nach_lagerleiter \/ aushilfe_bestellungen) + 1;\n        const anzahl_vollzeit = Math.trunc((aushilfen_ohne_vollzeit \/ faktor_vollzeit_fuer_aushilfen));\n        const aushilfen_benoetigt = Math.trunc((bestellungen_nach_lagerleiter - anzahl_vollzeit * vollzeit_bestellungen) \/ aushilfe_bestellungen) + 1;\n        const kapa_gesamt = lagerleiter_bestellungen * lagerleiter_bool + vollzeit_bestellungen * anzahl_vollzeit + aushilfe_bestellungen * aushilfen_benoetigt;\n\n        const kosten_lagerleitung = lagerleiter_bool * window.PARAMETER.lagerleitung_gehalt * 12 * window.PARAMETER.faktor_ag_anteil;\n        const kosten_vollzeit = anzahl_vollzeit * window.PARAMETER.vollzeit_stunden_pro_monat * window.PARAMETER.stundelohn_vollzeit * window.PARAMETER.faktor_ag_anteil * 12;\n        const kosten_aushilfe = aushilfen_benoetigt * window.PARAMETER.max_gehalt_aushilfe * 12;\n        const personal_gesamt = kosten_lagerleitung + kosten_vollzeit + kosten_aushilfe;\n        const personal_extern = 0;\n\n        \/\/ Software\n        const bestellungen_starter = bestellungen_pro_monat < window.PARAMETER.bestellungen_grenze_starter_advanced;\n        const umsatz_starter = umsatz_pro_monat < window.PARAMETER.umsatz_grenze_starter_advanced;\n        const bestellungen_advanced = bestellungen_pro_monat < window.PARAMETER.bestellungen_grenze_advanced_professional;\n        const umsatz_advanced = umsatz_pro_monat < window.PARAMETER.umsatz_grenze_advanced_professional;\n        const bestellungen_professional = bestellungen_pro_monat >= window.PARAMETER.bestellungen_grenze_advanced_professional;\n        const umsatz_professional = umsatz_pro_monat >= window.PARAMETER.umsatz_grenze_advanced_professional;\n        const bestellungen_enterprise = bestellungen_pro_monat >= window.PARAMETER.bestellungen_grenze_professional_enterprise;\n        const umsatz_enterprise = umsatz_pro_monat >= window.PARAMETER.umsatz_grenze_professional_enterprise;\n        const umsatz_professional_enterprise = umsatz_pro_monat < window.PARAMETER.umsatz_grenze_professional_enterprise;\n\n        function logicalAnd(a, b) { return Boolean(a) * Boolean(b); }\n\n        const starter_condition = logicalAnd(bestellungen_starter, umsatz_starter);\n        const advanced_condition = logicalAnd(logicalAnd(bestellungen_advanced, umsatz_advanced), \n            (bestellungen_pro_monat >= window.PARAMETER.bestellungen_grenze_starter_advanced || \n             umsatz_pro_monat >= window.PARAMETER.umsatz_grenze_starter_advanced));\n        const professional_condition = logicalAnd(umsatz_professional_enterprise, \n            (bestellungen_professional || umsatz_professional));\n        const enterprise_condition = bestellungen_enterprise || umsatz_enterprise;\n\n        let empfohlener_plan;\n        if (starter_condition) empfohlener_plan = \"Starter\";\n        else if (advanced_condition) empfohlener_plan = \"Advanced\";\n        else if (professional_condition) empfohlener_plan = \"Professional\";\n        else if (enterprise_condition) empfohlener_plan = \"Enterprise\";\n        else empfohlener_plan = \"Professional\";\n\n        const kosten_basisplan = window.PARAMETER.preise_basisplan[empfohlener_plan];\n        const bestellgebuehr = window.PARAMETER.preise_bestellgebuehr[empfohlener_plan];\n        const inklusivvolumen = window.PARAMETER.werte_inklusivvolumen[empfohlener_plan];\n        const kosten_erp = (kosten_basisplan + Math.max((bestellungen_pro_monat - inklusivvolumen), 0) * bestellgebuehr) * 12;\n        const wms_lizenzen = lagerleiter_bool + anzahl_vollzeit + aushilfen_benoetigt;\n        const kosten_wms = wms_lizenzen * window.PARAMETER.preis_wms_lizenz * 12;\n        const software_kosten_gesamt_intern = kosten_erp + kosten_wms;\n        const software_kosten_gesamt_extern = 2400;\n\n        \/\/ Wareneingang\n        const kosten_we_extern = window.PARAMETER.kosten_we_pro_teil_extern * wareneingang_teile;\n        const kosten_we_intern = 0;\n\n        \/\/ Lagerung\n        const lagergroesse = teile_lagernd_intern \/ 1000 * window.PARAMETER.lagerbedarf_pro_1000_artikel_in_qm * window.PARAMETER.faktor_gesamtlagerflaeche;\n        const lagermiete_pro_jahr = lagergroesse * window.PARAMETER.lagerkosten_pro_monat_pro_qm * 12;\n        const lagerkosten_extern = teile_lagernd_extern * window.PARAMETER.kosten_lagerung_pro_teil_extern * 12;\n        const lagerkosten_intern = lagermiete_pro_jahr;\n\n        \/\/ Fulfillment\n        const kosten_picking_extern = (bestellungen_pro_monat * window.PARAMETER.kosten_pro_bestellung_extern + artikel_pro_monat * window.PARAMETER.kosten_picking_pro_artikel_extern) * 12;\n        const kosten_retouren_extern = (retouren_extern * window.PARAMETER.kosten_pro_retoure_extern + retournierte_artikel_extern * window.PARAMETER.kosten_pro_retourournierter_artikel_extern) * 12;\n        const kosten_verpackungsmaterial = window.PARAMETER.kosten_verpackunsmaterial_pro_bestellung * bestellungen_pro_monat * 12;\n        const fulfillment_extern = kosten_picking_extern + kosten_retouren_extern;\n        const fulfillment_intern = kosten_verpackungsmaterial;\n\n        \/\/ Versandkosten\n        const versandkosten_extern = bestellungen_pro_jahr * window.PARAMETER.kosten_pro_versandlabel_extern;\n        const rueckversandkosten_extern = retouren_extern * 12 * window.PARAMETER.kosten_pro_retourenlabel_extern;\n        const versandkosten_intern = bestellungen_pro_jahr * window.PARAMETER.kosten_pro_versandlabel_intern;\n        const rueckversandkosten_intern = retouren_intern * 12 * window.PARAMETER.kosten_pro_retourenlabel_intern;\n        const versandkosten_gesamt_extern = versandkosten_extern + rueckversandkosten_extern;\n        const versandkosten_gesamt_intern = versandkosten_intern + rueckversandkosten_intern;\n\n        \/\/ Variable Kosten\n        const variabel_extern = lagerkosten_extern + kosten_we_extern + fulfillment_extern + versandkosten_gesamt_extern;\n        const variabel_intern = kosten_we_intern + fulfillment_intern + versandkosten_gesamt_intern;\n\n        \/\/ Fixkosten\n        const fix_extern = personal_extern + software_kosten_gesamt_extern;\n        const fix_intern = personal_gesamt + software_kosten_gesamt_intern + lagerkosten_intern;\n\n        \/\/ Gesamtkosten\n        const gesamtkosten_extern = personal_extern + software_kosten_gesamt_extern + lagerkosten_extern + kosten_we_extern + fulfillment_extern + versandkosten_gesamt_extern;\n        const gesamtkosten_intern = personal_gesamt + software_kosten_gesamt_intern + lagerkosten_intern + kosten_we_intern + fulfillment_intern + versandkosten_gesamt_intern;\n\n        \/\/ Berechne die Ersparnis pro Bestellung\n        const kosten_pro_bestellung_extern = gesamtkosten_extern \/ bestellungen_pro_jahr;\n        const kosten_pro_bestellung_intern = gesamtkosten_intern \/ bestellungen_pro_jahr;\n        const differenz_pro_bestellung = Math.abs(kosten_pro_bestellung_extern - kosten_pro_bestellung_intern);\n        const ist_extern_g\u00fcnstiger = kosten_pro_bestellung_extern < kosten_pro_bestellung_intern;\n\n        \/\/ Aktualisiere die Empfehlung\n        const recommendationText = document.getElementById('recommendation-text');\n        const recommendationSavings = document.getElementById('recommendation-savings');\n        \n        if (ist_extern_g\u00fcnstiger) {\n            recommendationText.textContent = `Basierend auf deinen Eingaben empfehlen wir das externe Fulfillment.`;\n            recommendationSavings.innerHTML = `\n                <span>Ersparnis pro Bestellung: ${window.formatNumber(differenz_pro_bestellung, 2)} \u20ac beim externen Fulfiller<\/span>\n                <span style=\"margin-left: 8px;\"><\/span>\n                <button class=\"details-button\" onclick=\"openDetailsTab()\">mehr Details<\/button>\n            `;\n            recommendationSavings.className = 'recommendation-savings savings';\n        } else {\n            recommendationText.textContent = `Basierend auf deinen Eingaben empfehlen wir ein eigenes Lager.`;\n            recommendationSavings.innerHTML = `\n                <span>Ersparnis pro Bestellung: ${window.formatNumber(differenz_pro_bestellung, 2)} \u20ac beim eigenen Lager<\/span>\n                <span style=\"margin-left: 8px;\"><\/span>\n                <button class=\"details-button\" onclick=\"openDetailsTab()\">mehr Details<\/button>\n            `;\n            recommendationSavings.className = 'recommendation-savings savings';\n        }\n\n        \/\/ Update summary results\n        window.displayResults('intern-results', {\n            'Gesamtkosten pro Jahr': window.formatNumber(gesamtkosten_intern),\n            'Fixkosten pro Jahr': window.formatNumber(fix_intern),\n            'Variable Kosten pro Jahr': window.formatNumber(variabel_intern),\n            'Kosten pro Bestellung': window.formatNumber(gesamtkosten_intern \/ bestellungen_pro_jahr, 2)\n        }, 'Gesamtkosten pro Jahr', !ist_extern_g\u00fcnstiger);\n\n        window.displayResults('extern-results', {\n            'Gesamtkosten pro Jahr': window.formatNumber(gesamtkosten_extern),\n            'Fixkosten pro Jahr': window.formatNumber(fix_extern),\n            'Variable Kosten pro Jahr': window.formatNumber(variabel_extern),\n            'Kosten pro Bestellung': window.formatNumber(gesamtkosten_extern \/ bestellungen_pro_jahr, 2)\n        }, 'Gesamtkosten pro Jahr', ist_extern_g\u00fcnstiger);\n\n        \/\/ Update details results (Kopie f\u00fcr Details-Tab)\n        window.displayResults('intern-results-details', {\n            'Gesamtkosten pro Jahr': window.formatNumber(gesamtkosten_intern),\n            'Fixkosten pro Jahr': window.formatNumber(fix_intern),\n            'Variable Kosten pro Jahr': window.formatNumber(variabel_intern),\n            'Kosten pro Bestellung': window.formatNumber(gesamtkosten_intern \/ bestellungen_pro_jahr, 2)\n        }, 'Gesamtkosten pro Jahr', !ist_extern_g\u00fcnstiger);\n\n        window.displayResults('extern-results-details', {\n            'Gesamtkosten pro Jahr': window.formatNumber(gesamtkosten_extern),\n            'Fixkosten pro Jahr': window.formatNumber(fix_extern),\n            'Variable Kosten pro Jahr': window.formatNumber(variabel_extern),\n            'Kosten pro Bestellung': window.formatNumber(gesamtkosten_extern \/ bestellungen_pro_jahr, 2)\n        }, 'Gesamtkosten pro Jahr', ist_extern_g\u00fcnstiger);\n\n        \/\/ Update details\n        \/\/ Rahmendaten\n        document.getElementById('bestellungen-pro-jahr-extern').textContent = window.formatNumber(bestellungen_pro_jahr);\n        document.getElementById('bestellungen-pro-jahr-intern').textContent = window.formatNumber(bestellungen_pro_jahr);\n        document.getElementById('retourenquote-extern').textContent = (retourenquote * 100).toFixed(1) + ' %';\n        document.getElementById('retourenquote-intern').textContent = (retourenquote_intern * 100).toFixed(1) + ' %';\n\n        \/\/ Personalkosten\n        document.getElementById('personal-extern').textContent = window.formatNumber(personal_extern) + ' \u20ac';\n        document.getElementById('kosten-lagerleitung').textContent = window.formatNumber(kosten_lagerleitung) + ' \u20ac';\n        document.getElementById('kosten-vollzeit').textContent = window.formatNumber(kosten_vollzeit) + ' \u20ac';\n        document.getElementById('kosten-aushilfe').textContent = window.formatNumber(kosten_aushilfe) + ' \u20ac';\n        document.getElementById('gesamt-personal-intern').textContent = window.formatNumber(personal_gesamt) + ' \u20ac';\n        document.getElementById('gesamt-personal-extern').textContent = window.formatNumber(personal_extern) + ' \u20ac';\n\n        \/\/ Softwarekosten\n        document.getElementById('software-gesamt-extern').textContent = window.formatNumber(software_kosten_gesamt_extern) + ' \u20ac';\n        document.getElementById('empfohlener-plan').textContent = empfohlener_plan;\n        document.getElementById('kosten-erp').textContent = window.formatNumber(kosten_erp) + ' \u20ac';\n        document.getElementById('wms-lizenzen').textContent = wms_lizenzen;\n        document.getElementById('kosten-wms').textContent = window.formatNumber(kosten_wms) + ' \u20ac';\n        document.getElementById('gesamt-software-intern').textContent = window.formatNumber(software_kosten_gesamt_intern) + ' \u20ac';\n        document.getElementById('gesamt-software-extern').textContent = window.formatNumber(software_kosten_gesamt_extern) + ' \u20ac';\n\n        \/\/ Lagerkosten\n        document.getElementById('lagerkosten-extern').textContent = window.formatNumber(lagerkosten_extern) + ' \u20ac';\n        document.getElementById('lagergroesse').textContent = window.formatNumber(lagergroesse, 1) + ' qm';\n        document.getElementById('lagerkosten-intern').textContent = window.formatNumber(lagerkosten_intern) + ' \u20ac';\n\n        \/\/ Fulfillmentkosten\n        document.getElementById('kosten-verpackungsmaterial').textContent = window.formatNumber(kosten_verpackungsmaterial) + ' \u20ac';\n        document.getElementById('kosten-picking-extern').textContent = window.formatNumber(kosten_picking_extern) + ' \u20ac';\n        document.getElementById('kosten-retouren-extern').textContent = window.formatNumber(kosten_retouren_extern) + ' \u20ac';\n        document.getElementById('gesamt-fulfillment-intern').textContent = window.formatNumber(fulfillment_intern) + ' \u20ac';\n        document.getElementById('gesamt-fulfillment-extern').textContent = window.formatNumber(fulfillment_extern) + ' \u20ac';\n\n        \/\/ Versandkosten\n        document.getElementById('versandkosten-extern').textContent = window.formatNumber(versandkosten_extern) + ' \u20ac';\n        document.getElementById('rueckversandkosten-extern').textContent = window.formatNumber(rueckversandkosten_extern) + ' \u20ac';\n        document.getElementById('versandkosten-intern').textContent = window.formatNumber(versandkosten_intern) + ' \u20ac';\n        document.getElementById('rueckversandkosten-intern').textContent = window.formatNumber(rueckversandkosten_intern) + ' \u20ac';\n\n        \/\/ Gesamtsummen f\u00fcr Details berechnen und anzeigen\n        document.getElementById('gesamt-lager-intern').textContent = window.formatNumber(lagerkosten_intern) + ' \u20ac';\n        document.getElementById('gesamt-lager-extern').textContent = window.formatNumber(lagerkosten_extern) + ' \u20ac';\n\n        document.getElementById('gesamt-versand-intern').textContent = window.formatNumber(versandkosten_gesamt_intern) + ' \u20ac';\n        document.getElementById('gesamt-versand-extern').textContent = window.formatNumber(versandkosten_gesamt_extern) + ' \u20ac';\n\n        \/\/ Hervorhebung der g\u00fcnstigeren Option\n        const updateTotalHighlight = (internValue, externValue, internElementId, externElementId) => {\n            const internElement = document.querySelector(`#${internElementId}`).closest('.details-total-item');\n            const externElement = document.querySelector(`#${externElementId}`).closest('.details-total-item');\n            \n            if (internValue < externValue) {\n                internElement.classList.add('winner');\n                internElement.classList.remove('loser');\n                externElement.classList.add('loser');\n                externElement.classList.remove('winner');\n            } else if (externValue < internValue) {\n                externElement.classList.add('winner');\n                externElement.classList.remove('loser');\n                internElement.classList.add('loser');\n                internElement.classList.remove('winner');\n            } else {\n                internElement.classList.remove('winner', 'loser');\n                externElement.classList.remove('winner', 'loser');\n            }\n        };\n\n        \/\/ Aktualisiere die Hervorhebung f\u00fcr jede Kategorie\n        updateTotalHighlight(personal_gesamt, personal_extern, 'gesamt-personal-intern', 'gesamt-personal-extern');\n        updateTotalHighlight(software_kosten_gesamt_intern, software_kosten_gesamt_extern, 'gesamt-software-intern', 'gesamt-software-extern');\n        updateTotalHighlight(lagerkosten_intern, lagerkosten_extern, 'gesamt-lager-intern', 'gesamt-lager-extern');\n        updateTotalHighlight(fulfillment_intern, fulfillment_extern, 'gesamt-fulfillment-intern', 'gesamt-fulfillment-extern');\n        updateTotalHighlight(versandkosten_gesamt_intern, versandkosten_gesamt_extern, 'gesamt-versand-intern', 'gesamt-versand-extern');\n    }\n\n    window.displayResults = function(containerId, results, highlightKey, isWinner) {\n        const container = document.getElementById(containerId);\n        container.innerHTML = '';\n        \n        for (const [label, value] of Object.entries(results)) {\n            const div = document.createElement('div');\n            div.className = 'result-item' + (label === highlightKey ? ' highlight ' + (isWinner ? 'winner' : 'loser') : '');\n            div.innerHTML = `\n                <span class=\"result-label\">${label}:<\/span>\n                <span class=\"result-value\">${value} \u20ac<\/span>\n            `;\n            container.appendChild(div);\n        }\n    };\n\n    \/\/ Warten auf DOM-Content-Loaded\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initializeCalculator);\n    } else {\n        initializeCalculator();\n    }\n})();\n\nfunction updateDetailsBlur() {\n    const detailsTab = document.getElementById('details');\n    if (detailsTab.classList.contains('active')) {\n        detailsTab.classList.add('blurred');\n    } else {\n        detailsTab.classList.remove('blurred');\n    }\n}\n\nfunction setFakeDetailsValues() {\n    function randomString(length) {\n        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';\n        let result = '';\n        for (let i = 0; i < length; i++) {\n            result += chars.charAt(Math.floor(Math.random() * chars.length));\n        }\n        return result + ' \u20ac';\n    }\n    const detailsTab = document.getElementById('details');\n    if (detailsTab.classList.contains('active')) {\n        detailsTab.querySelectorAll('.details-value').forEach(el => {\n            el.textContent = randomString(5);\n        });\n        \n        \/\/ Auch alle result-value Elemente in der Gesamt-Ergebnis Sektion mit Fake-Werten f\u00fcllen\n        detailsTab.querySelectorAll('.result-value').forEach(el => {\n            el.textContent = randomString(5);\n        });\n    }\n}\n\n\/\/ Tab-Wechsel: Fake-Werte setzen, wenn Details aktiv wird\nconst tabButtons = document.querySelectorAll('.tab-button');\ntabButtons.forEach(button => {\n    button.addEventListener('click', () => {\n        setTimeout(() => {\n            updateDetailsBlur();\n            setFakeDetailsValues();\n        }, 50);\n    });\n});\n\/\/ Beim Initialisieren pr\u00fcfen (direkt nach DOMContentLoaded)\ndocument.addEventListener('DOMContentLoaded', function() {\n    setTimeout(() => {\n        updateSummaryBlur();\n        setFakeSummaryValues();\n        updateDetailsBlur();\n        setFakeDetailsValues();\n    }, 100);\n});\n\n\/\/ Popup Funktionalit\u00e4t\nfunction showPopup() {\n    document.getElementById('popup-overlay').classList.add('active');\n}\n\nfunction hidePopup() {\n    document.getElementById('popup-overlay').classList.remove('active');\n    document.body.style.overflow = ''; \/\/ Stellt Scrollen wieder her\n    \n    \/\/ Zur\u00fcck zum Zusammenfassung-Tab wechseln\n    document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));\n    document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n    \n    \/\/ Zusammenfassung-Tab aktivieren\n    document.querySelector('[data-tab=\"summary\"]').classList.add('active');\n    document.getElementById('summary').classList.add('active');\n}\n\n\/\/ Event Listener f\u00fcr Popup\ndocument.addEventListener('DOMContentLoaded', function() {\n    const popupOverlay = document.getElementById('popup-overlay');\n    const popupClose = document.getElementById('popup-close');\n    \n    \/\/ Schlie\u00dfen-Button\n    popupClose.addEventListener('click', hidePopup);\n    \n    \/\/ Klick au\u00dferhalb des Popups schlie\u00dft es\n    popupOverlay.addEventListener('click', function(e) {\n        if (e.target === popupOverlay) {\n            hidePopup();\n        }\n    });\n    \n    \/\/ ESC-Taste schlie\u00dft das Popup\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && popupOverlay.classList.contains('active')) {\n            hidePopup();\n        }\n    });\n});\n\n\/\/ Funktion zum \u00d6ffnen des Popups (kann von au\u00dfen aufgerufen werden)\nwindow.showHubSpotPopup = showPopup;\nwindow.hideHubSpotPopup = hidePopup;\n\n\/\/ Funktion zum \u00d6ffnen des Details-Tabs\nfunction openDetailsTab() {\n\n    document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));\n    document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n    \n    \/\/ Details-Tab aktivieren\n    document.querySelector('[data-tab=\"details\"]').classList.add('active');\n    document.getElementById('details').classList.add('active');\n        \n    \/\/ Randomisierung und Blur f\u00fcr Details-Tab starten\n    setTimeout(() => {\n        updateDetailsBlur();\n        setFakeDetailsValues();\n    }, 50);\n\n    \/\/ Popup \u00f6ffnen\n    setTimeout(() => {\n        showPopup();\n    }, 100);\n}\n\n\/\/ Blur- und Fake-Werte f\u00fcr die Ergebnis-Karten im Summary-Tab\nfunction updateSummaryBlur() {\n    const summaryTab = document.getElementById('summary');\n    const blurContainer = document.getElementById('results-blur-container');\n    const blurWrapper = document.querySelector('.results-blur-wrapper');\n    const overlayBtn = document.getElementById('summary-details-btn');\n    if (summaryTab.classList.contains('active')) {\n        blurContainer.classList.add('blurred');\n        blurWrapper.classList.add('blurred');\n        overlayBtn.style.display = 'block';\n    } else {\n        blurContainer.classList.remove('blurred');\n        blurWrapper.classList.remove('blurred');\n        overlayBtn.style.display = 'none';\n    }\n}\n\nfunction setFakeSummaryValues() {\n    function randomString(length) {\n        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';\n        let result = '';\n        for (let i = 0; i < length; i++) {\n            result += chars.charAt(Math.floor(Math.random() * chars.length));\n        }\n        return result + ' \u20ac';\n    }\n    const summaryTab = document.getElementById('summary');\n    if (summaryTab.classList.contains('active')) {\n        summaryTab.querySelectorAll('.result-value').forEach(el => {\n            el.textContent = randomString(5);\n        });\n    }\n}\n\n\/\/ Event Listener f\u00fcr neuen Mehr Details Button im Summary-Tab\nconst summaryDetailsBtn = document.getElementById('summary-details-btn');\nif (summaryDetailsBtn) {\n    summaryDetailsBtn.addEventListener('click', function() {\n        openDetailsTab();\n    });\n}\n\n\/\/ Blur und Randomisierung nach Popup-Schlie\u00dfen wiederherstellen, falls Summary- oder Details-Tab aktiv\nconst popupOverlay = document.getElementById('popup-overlay');\npopupOverlay.addEventListener('transitionend', function(e) {\n    if (!popupOverlay.classList.contains('active')) {\n        setTimeout(() => {\n            const summaryTab = document.getElementById('summary');\n            const detailsTab = document.getElementById('details');\n            if (summaryTab.classList.contains('active')) {\n                updateSummaryBlur();\n                setFakeSummaryValues();\n            }\n            if (detailsTab.classList.contains('active')) {\n                updateDetailsBlur();\n                setFakeDetailsValues();\n            }\n        }, 50);\n    }\n});\n\n\/\/ CSS f\u00fcr Blur-Effekt auf gesamte Kartenfl\u00e4che und Overlay-Button\nconst style = document.createElement('style');\nstyle.innerHTML = `\n    .results-blur-wrapper {\n        position: relative;\n    }\n    #results-blur-container.blurred {\n        filter: blur(8px) !important;\n        pointer-events: none;\n        user-select: none;\n    }\n    .results-blur-wrapper.blurred .summary-blur-btn {\n        display: block !important;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        z-index: 10;\n    }\n    .summary-blur-btn {\n        background: #3498db;\n        color: white;\n        border: none;\n        padding: 18px 40px;\n        border-radius: 10px;\n        font-size: 20px;\n        font-weight: 700;\n        cursor: pointer;\n        transition: all 0.2s;\n        white-space: nowrap;\n        box-shadow: 0 4px 24px rgba(52,152,219,0.15);\n        opacity: 0.97;\n    }\n    .summary-blur-btn:hover {\n        background: #2980b9;\n        \/* transform: translate(-50%, calc(-50% - 1px)); *\/\n        box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3);\n    }\n    .summary-blur-btn:active {\n        transform: translate(-50%, -50%);\n    }\n`;\ndocument.head.appendChild(style);\n<\/script>\n\n\n\n<style>\n    .lagerkostenrechner {\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px;\n        background: #010645;\n        border-radius: 16px;\n    }\n\n    .calculator-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .calculator-header h2 {\n        color: #1a1a1a;\n        font-size: 32px;\n        font-weight: 700;\n        margin-bottom: 12px;\n    }\n\n    .subtitle {\n        color: #fff;\n        font-size: 18px;\n        line-height: 1.5;\n    }\n\n    .slider-container {\n        display: flex;\n        flex-direction: column;\n        gap: 35px;\n        margin-bottom: 50px;\n        padding: 40px 32px;\n        background: #19a6eb;\n        border-radius: 12px;\n    }\n\n    .slider-group {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .slider-group label {\n        font-weight: 600;\n        color: #1a1a1a;\n        font-size: 16px;\n    }\n\n    .slider-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        position: relative;\n    }\n\n    .slider {\n        flex: 1;\n        -webkit-appearance: none;\n        height: 8px;\n        background: #86def9c7;\n        border-radius: 4px;\n        outline: none;\n        transition: background 0.2s;\n        width: 100%;\n    }\n\n    .slider::-webkit-slider-thumb {\n        -webkit-appearance: none;\n        width: 24px;\n        height: 24px;\n        background: #fff;\n        border-radius: 50%;\n        cursor: pointer;\n        transition: all 0.2s;\n    }\n\n    .slider::-webkit-slider-thumb:hover {\n        background: #2980b9;\n        transform: scale(1.1);\n    }\n\n    .slider-value {\n        font-weight: 600;\n        color: #1a1a1a;\n        min-width: 100px;\n        text-align: right;\n        font-size: 16px;\n        padding: 6px 8px;\n        border: 1px solid #e0e0e0;\n        border-radius: 4px;\n        background: #fff;\n    }\n\n    .slider-value:focus {\n        outline: none;\n        border-color: #19a6eb;\n        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);\n    }\n\n    .slider-value::-webkit-inner-spin-button,\n    .slider-value::-webkit-outer-spin-button {\n        opacity: 1;\n        height: 24px;\n    }\n\n    .slider-steps {\n        width: calc(100% - 120px);\n        \/* Abz\u00fcglich der Breite des Slider-Wertes *\/\n        position: relative;\n        height: 18px;\n        margin-top: 2px;\n        margin-left: 0;\n        margin-right: 0;\n        display: block;\n        pointer-events: none;\n    }\n\n    .slider-steps span {\n        font-size: 12px;\n        color: #ffffff8f;\n        white-space: nowrap;\n        position: absolute;\n        top: 0;\n        pointer-events: none;\n        min-width: 0;\n        max-width: 60px;\n        text-align: center;\n        left: 0;\n        transform: translateX(-50%);\n        font-weight: 600;\n        margin-top: -8px;\n    }\n\n    .tabs-container {\n        margin-top: 40px;\n    }\n\n    .tabs-header {\n        display: flex;\n        gap: 4px;\n        margin-bottom: 30px;\n        border-bottom: 2px solid #19a6eb;\n        padding-bottom: 15px;\n    }\n\n    .tab-button {\n        padding: 12px 24px;\n        border: none;\n        background: none;\n        font-size: 20px;\n        font-weight: 600;\n        color: #fff;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        border-bottom: 2px solid transparent;\n        margin-bottom: -17px;\n        display: flex;\n        align-items: center;\n        gap: 4px;\n        border-radius: 12px 12px 0 0;\n    }\n\n    .tab-button:hover {\n        color: #19a6eb;\n    }\n\n    .tab-button.active {\n        color: #fff;\n        border-bottom-color: #19a6eb;\n        background-color: #19a6eb;\n    }\n\n    .tab-icon {\n        font-size: 20px;\n    }\n\n    .recommendation-container {\n        background: #ffffff;\n        border: 1px solid #e0e0e0;\n        border-radius: 12px;\n        padding: 25px;\n        margin-bottom: 40px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n\n    .recommendation-header {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 20px;\n        padding-bottom: 15px;\n        border-bottom: 1px solid #f2f6fb;\n    }\n\n    .recommendation-header h3 {\n        color: #1a1a1a;\n        margin: 0;\n        font-size: 22px;\n        font-weight: 600;\n    }\n\n    .recommendation-icon {\n        font-size: 28px;\n    }\n\n    .recommendation-content {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .recommendation-text {\n        font-size: 18px;\n        color: #1a1a1a;\n        line-height: 1.6;\n    }\n\n    .recommendation-savings {\n        font-size: 20px;\n        font-weight: 600;\n        padding: 15px;\n        border-radius: 8px;\n        background: #f8f9fa;\n    }\n\n    .recommendation-savings.savings {\n        color: #0e6800;\n        background: #cbf8de;\n    }\n\n    .results-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 30px;\n    }\n\n    .result-group {\n        padding: 30px;\n        border: 1px solid #e0e0e0;\n        border-radius: 12px;\n        background: #ffffff;\n        transition: transform 0.2s, box-shadow 0.2s;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n\n    .result-group:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .result-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 25px;\n        padding-bottom: 15px;\n        border-bottom: 2px solid #f2f6fb;\n    }\n\n    .result-header h3 {\n        color: #1a1a1a;\n        font-size: 22px;\n        margin: 0;\n        font-weight: 600;\n    }\n\n    .result-icon {\n        font-size: 28px;\n    }\n\n    .result-item {\n        margin: 4px 0;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 15px;\n        background: #f2f6fb;\n        border-radius: 8px;\n        transition: background 0.2s;\n    }\n\n    .result-item:hover {\n        background: #f2f6fb;\n    }\n\n    .result-label {\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n\n    .winner .result-label {\n        color: #0e6800;\n    }\n\n    .loser .result-label {\n        color: #940000;\n    }\n\n    .result-value {\n        font-weight: 700;\n        color: #1a1a1a;\n    }\n\n    .winner .result-value {\n        color: #0e6800;\n    }\n\n    .loser .result-value {\n        color: #940000;\n    }\n\n    .details-container {\n        display: flex;\n        flex-direction: column;\n        gap: 35px;\n    }\n\n    .details-section {\n        background: #ffffff;\n        border: 1px solid #e0e0e0;\n        border-radius: 12px;\n        padding: 25px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n\n    .details-section h4 {\n        color: #1a1a1a;\n        margin: 0;\n        padding-bottom: 15px;\n        border-bottom: 1px solid #f2f6fb;\n        font-size: 20px;\n        font-weight: 600;\n    }\n\n    .details-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 25px;\n    }\n\n    .details-column {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        gap: 4px;\n    }\n\n    .details-column-header {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 0;\n        padding: 24px 0 8px 0;\n    }\n\n    .details-column-header h5 {\n        margin: 0;\n        color: #1a1a1a;\n        font-size: 18px;\n        font-weight: 600;\n    }\n\n    .details-item {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 15px;\n        background: #f2f6fb;\n        border-radius: 8px;\n        transition: background 0.2s;\n    }\n\n    .details-item:hover {\n        background: #f2f6fb;\n    }\n\n    .details-label {\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n\n    .winner .details-label {\n        color: #0e6800;\n    }\n\n    .loser .details-label {\n        color: #940000;\n    }\n\n    .details-value {\n        font-weight: 600;\n    }\n\n    .details-value.extern {\n        color: #1a1a1a;\n    }\n\n    .details-value.intern {\n        color: #1a1a1a;\n    }\n\n    .result-item.highlight.winner {\n        background: #cbf8de;\n        font-size: 1.1em;\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n\n    .result-item.highlight.loser {\n        background: #ffd7d7;\n        font-size: 1.1em;\n        font-weight: 600;\n        color: #940000;\n    }\n\n    .details-total {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 25px;\n        margin-top: 15px;\n    }\n\n    .details-total-item {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 15px;\n        background: #f8f9fa;\n        border-radius: 8px;\n        transition: background 0.2s;\n    }\n\n    .details-total-item:hover {\n        background: #f2f6fb;\n    }\n\n    .details-total-item.winner {\n        background-color: #cbf8de;\n    }\n\n    .details-total-item.winner .details-value {\n        color: #0e6800;\n    }\n\n    .details-total-item.loser {\n        background: #ffd7d7;\n    }\n\n    .details-total-item.loser .details-value {\n        color: #940000;\n    }\n\n    .details-total-label {\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n\n    .details-total-values {\n        display: flex;\n        gap: 30px;\n    }\n\n    .details-total-item.placeholder {\n        opacity: 0;\n        pointer-events: none;\n        height: 48px;\n    }\n\n    .eigenes,\n    .externer {\n        padding: 4px 20px;\n        border-radius: 16px;\n    }\n\n    .eigenes {\n        background-color: #6FD0F7;\n        color: #050b4f !important;\n    }\n\n    .externer {\n        background-color: #ffbf62;\n        color: #660c00;\n    }\n\n    @media (max-width: 1024px) {\n        .lagerkostenrechner {\n            padding: 30px;\n        }\n\n        .results-container {\n            grid-template-columns: 1fr;\n        }\n\n        .details-total {\n            display: block;\n            width: 100%;\n        }\n\n        .details-total-item {\n            width: 100%;\n            box-sizing: border-box;\n            display: block;\n        }\n\n        .details-grid {\n            gap: 0;\n        }\n\n        .details-section {\n            margin-bottom: 40px;\n        }\n\n        .details-item {\n            margin-bottom: 0;\n        }\n    }\n\n    @media (min-width: 1025px) {\n        .details-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 25px;\n            align-items: stretch;\n        }\n\n        .details-column {\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            height: 100%;\n        }\n\n        .details-total-item {\n            margin-top: auto;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .lagerkostenrechner {\n            padding: 20px;\n        }\n\n        .calculator-header h2 {\n            font-size: 28px;\n        }\n\n        .subtitle {\n            font-size: 16px;\n        }\n\n        .slider-container {\n            padding: 20px;\n        }\n\n        .details-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .tab-button {\n            width: 100%;\n            justify-content: center;\n            margin-bottom: 0;\n            border-bottom: none;\n            border-left: 2px solid transparent;\n        }\n\n        .tab-button.active {\n            border-bottom: none;\n            border-left-color: #19a6eb;\n        }\n    }\n\n    .tab-content {\n        display: none;\n    }\n\n    .tab-content.active {\n        display: block;\n    }\n\n    .info-box {\n        background-color: #f8f9fa;\n        border-left: 4px solid #19a6eb;\n        padding: 15px;\n        margin-bottom: 20px;\n        border-radius: 4px;\n    }\n\n    .info-box p {\n        margin: 0;\n        color: #666;\n        font-size: 14px;\n        font-weight: 500;\n    }\n\n    \/* Chart Styles *\/\n    .chart-container {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .chart-wrapper {\n        background: #f8f9fa;\n        border-radius: 8px;\n        padding: 10px;\n        border: 1px solid #e0e0e0;\n    }\n\n    \/* Hover Effects f\u00fcr Balken *\/\n    .bar-segment {\n        transition: opacity 0.2s, stroke-width 0.2s;\n        cursor: pointer;\n    }\n\n    .bar-segment:hover {\n        opacity: 0.8;\n        stroke-width: 2;\n        stroke: #333;\n    }\n\n    \/* Tooltip *\/\n    .chart-tooltip {\n        position: absolute;\n        background: rgba(0, 0, 0, 0.8);\n        color: white;\n        padding: 8px 12px;\n        border-radius: 4px;\n        font-size: 12px;\n        pointer-events: none;\n        z-index: 1000;\n        display: none;\n    }\n\n    \/* Responsive Design f\u00fcr Chart *\/\n    @media (max-width: 768px) {\n        .chart-wrapper {\n            padding: 15px;\n            overflow-x: auto;\n        }\n\n        #cost-chart {\n            min-width: 800px;\n        }\n\n        .tabs-header {\n            padding-bottom: 0;\n            flex-direction: row;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<div class=\"wp-block-group update-spot-light\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"teaser-spot-light teaser-spot-light--order-400\">\n    <div class=\"l-container\">\n        <div class=\"teaser-spot-light__card\">\n            <img decoding=\"async\" class=\"teaser-spot-light__icon\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/07\/lagerkostenrechner-teaser-gimme-more-03@2x.png\" alt=\"lagerkostenrechner-teaser-gimme-more-03@2x\"\/>\n            <div class=\"teaser-spot-light__text\">\n                <div>\n                    <div class=\"teaser-spot-light__eyebrow\"><\/div>\n                    <div class=\"teaser-spot-light__heading\">Eigenes Lager: Ja oder Nein?<\/div>\n                <\/div>\n                <div class=\"teaser-spot-light__subtext\">Unser Partner GIMME MORE ber\u00e4t dich bei dieser wichtigen Entscheidung. Logistikkosten sind ein entscheidender Hebel f\u00fcr mehr Umsatz und Gewinn in deinem D2C Business. Die E-Commerce-Experten unterst\u00fctzen dich mit ihrer Erfahrung, um dein strategisches Wachstum optimal zu begleiten.<\/div>\n            <\/div>\n            <a class=\"teaser-spot-light__button \" href=\"https:\/\/www.gimme-more.de\/\" target=\"_blank\">Jetzt Potenzial checken<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>.update-spot-light .teaser-spot-light--order-400 .teaser-spot-light__card {\n    box-sizing: border-box;\n    border: none;\n    border-radius: 16px;\n    box-shadow: none;\n    background-image: none;\n    background-color: #7252FF;\n}\n\n.update-spot-light .teaser-spot-light__icon {\n}\n\n.teaser-spot-light__subtext{\ncolor: #fff;\n}\n\n.update-spot-light .teaser-spot-light__text {\n    margin-bottom: 8px;\n    padding-right: 0;\n}\n\n.update-spot-light .teaser-spot-light__heading {\n    margin-bottom: 0px;\n    color: #fff;\n}\n\n.update-spot-light .teaser-spot-light__button {\n    background-color: #00c853\n}\n\n.update-spot-light .teaser-spot-light__button:hover {\n    background-color: #43a047\n}\n\n.teaser-spot-light__card {\n    gap: 8px;\n}\n\n.teaser-spot-light__heading {\n    font-size: 24px;\n    letter-spacing: -.15px;\n    line-height: 1.3;\n}\n\n.teaser-spot-light__icon {\n    width: 280px;\n    height: 280px;\nborder-radius: 12px;\n}\n\n@media (max-width: 767px) {\n    .update-spot-light .teaser-spot-light__heading {\n        text-align: center;\n    }\n\n    .teaser-spot-light__text {\n        align-self: center;\n        color: #fff;\n    }\n\n.teaser-spot-light__subtext{\ntext-align: center;\nmargin-top: 12px;\n}\n\n    .teaser-spot-light__button {\n        align-self: center;\n    }\n\n    .teaser-spot-light__card {\n        gap: 12px;\n    }\n\n    .teaser-spot-light__icon {\n        margin: 0px auto 12px auto;\n    }\n}\n\n<\/style>\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--content-page-level-2\"><\/div>\n\n\n\n<div class=\"teaser-detail-page-image \">\n            <div class=\"teaser-detail-page-image__wallpaper\" style=\"background-image:url()\" title=\"\"><\/div>\n        <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__content\">\n                <h3>\n                    <div class=\"teaser-detail-page-image__eyebrow\">\n                        Behalte die Kontrolle                    <\/div>\n                    <div class=\"teaser-detail-page-image__heading\">Warum sich internes Fulfillment lohnt<\/div>\n                <\/h3>\n                <div class=\"teaser-detail-page-image__copy\"><p class=\"\" data-start=\"226\" data-end=\"516\">Mit internem Fulfillment beh\u00e4ltst du die volle Kontrolle \u00fcber Versand und Retouren. Du entscheidest, wie deine Pakete aussehen, wann sie rausgehen und wie R\u00fccksendungen ablaufen. So gestaltest du jeden Schritt genau so, wie er zu deiner Marke passt \u2013 zuverl\u00e4ssig, flexibel und pers\u00f6nlich. Gerade im Fashionbereich macht das den absoluten Unterschied. <strong>Kurz gesagt:<\/strong> <strong>Weniger Abh\u00e4ngigkeit, mehr Kontrolle.<\/strong><\/p>\n<\/div>\n                                                    <div class=\"teaser-detail-page-image__button-group\">\n                                                    <a class=\"teaser-detail-page-image__button teaser-detail-page-image__button--order-600 \" href=\"https:\/\/www.pickware.com\/de\/deine-live-demo\" target=\"\">\n                                Kostenlose Live-Demo                            <\/a>\n                                            <\/div>\n                            <\/div>\n            <div class=\"l-grid__image\">\n                <img decoding=\"async\" class=\"teaser-detail-page-image__illustration\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/04\/fashion-internes-fulfillment-02@2x.png\" alt=\"fashion-internes-fulfillment-02@2x\"\/>\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=\"teaser-detail-page-image teaser-detail-page-image--reversed\">\n            <div class=\"teaser-detail-page-image__wallpaper\" style=\"background-image:url()\" title=\"\"><\/div>\n        <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__content\">\n                <h3>\n                    <div class=\"teaser-detail-page-image__eyebrow\">\n                        Pickware                    <\/div>\n                    <div class=\"teaser-detail-page-image__heading\">Die Schaltzentrale f\u00fcr alle Verkaufskan\u00e4le<\/div>\n                <\/h3>\n                <div class=\"teaser-detail-page-image__copy\"><div id=\"message-list_1752675508.730729\" class=\"c-virtual_list__item\" tabindex=\"0\" role=\"listitem\" aria-setsize=\"-1\" data-qa=\"virtual-list-item\" data-item-key=\"1752675508.730729\">\n<div class=\"c-message_kit__background p-message_pane_message__message c-message_kit__message\" role=\"presentation\" data-qa=\"message_container\" data-qa-unprocessed=\"false\" data-qa-placeholder=\"false\">\n<div class=\"c-message_kit__hover\" role=\"document\" aria-roledescription=\"Nachricht\" data-qa-hover=\"true\">\n<div class=\"c-message_kit__actions c-message_kit__actions--default\">\n<div class=\"c-message_kit__gutter\">\n<div class=\"c-message_kit__gutter__right\" role=\"presentation\" data-qa=\"message_content\">\n<div class=\"c-message_kit__blocks c-message_kit__blocks--rich_text\">\n<div class=\"c-message__message_blocks c-message__message_blocks--rich_text\" data-qa=\"message-text\">\n<div class=\"p-block_kit_renderer\" data-qa=\"block-kit-renderer\">\n<div class=\"p-block_kit_renderer__block_wrapper p-block_kit_renderer__block_wrapper--first\">\n<div class=\"p-rich_text_block\" dir=\"auto\">\n<div class=\"p-rich_text_section\">Pickware ERP verwaltet Best\u00e4nde aus verschiedenen Verkaufskan\u00e4len und unterst\u00fctzt mehrere Lagerarten. Automatische Nachbestellvorschl\u00e4ge vereinfachen den Bestellprozess. Der Versand wird durch Picklisten, automatische Rechnungserstellung und Versanddienstleister-Integration erleichtert. Das Retourenmanagement erm\u00f6glicht eine effiziente Bearbeitung von Retouren und R\u00fcckerstattungen. Zudem optimiert Pickware die Buchhaltung und Auswertungen.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"message-list_bottomSpacer\" class=\"c-virtual_list__item\" tabindex=\"-1\" role=\"presentation\" aria-setsize=\"-1\" data-qa=\"virtual-list-item\" data-item-key=\"bottomSpacer\"><\/div>\n<\/div>\n                                                    <div class=\"teaser-detail-page-image__button-group\">\n                                                    <a class=\"teaser-detail-page-image__button teaser-detail-page-image__button--order-600 \" href=\"https:\/\/www.pickware.com\/de\/deine-live-demo%20\" target=\"\">\n                                Kostenlose Live-Demo                            <\/a>\n                                            <\/div>\n                            <\/div>\n            <div class=\"l-grid__image\">\n                <img decoding=\"async\" class=\"teaser-detail-page-image__illustration\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2024\/03\/blog-test-hero-erp-front-02-1.png\" alt=\"Pickware ERP und Warenwirtschaft dargestellt auf Bildschirm, sowie Pickware WMS und POS auf Barcodescanner und Kassensystem, kompatibilit\u00e4t mit Shopify und Shopware\"\/>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/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<div class=\"layout-space layout-space--article-page-level-3\"><\/div>\n\n\n\n<div class=\"layout-space layout-space--article-page-level-3\"><\/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=\"teaser-badge-section-small\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__content\">\n                                                                                <a href=\"https:\/\/omr.com\/de\/reviews\/product\/pickware\" target=\"_blank\" class=\"teaser-badge-section-small__item\">\n                                                        <img decoding=\"async\" class=\"teaser-badge-section-small__logo\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/11\/omr-logo.svg\" alt=\"omr-logo\" \/>\n                            <div class=\"teaser-badge-section-small__info\">\n                                <div class=\"teaser-badge-section-small__text\">OMR Reviews<\/div>\n                                <div class=\"teaser-badge-section-small__rating\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><!--\n                                    --><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-half.svg\" \/><!--\n                                    -->                                <\/div>\n                            <\/div>\n                        <\/a>\n                                                                                                    <a href=\"https:\/\/store.shopware.com\/de\/extension-partners\/pickware\" target=\"_blank\" class=\"teaser-badge-section-small__item\">\n                                                        <img decoding=\"async\" class=\"teaser-badge-section-small__logo\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/11\/shopware-logo.svg\" alt=\"shopware-logo\" \/>\n                            <div class=\"teaser-badge-section-small__info\">\n                                <div class=\"teaser-badge-section-small__text\">Shopware Store<\/div>\n                                <div class=\"teaser-badge-section-small__rating\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><!--\n                                    --><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-half.svg\" \/><!--\n                                    -->                                <\/div>\n                            <\/div>\n                        <\/a>\n                                                                                                    <a href=\"https:\/\/apps.shopify.com\/pickware?locale=de&#038;st_source=autocomplete\" target=\"_blank\" class=\"teaser-badge-section-small__item\">\n                                                        <img decoding=\"async\" class=\"teaser-badge-section-small__logo\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/11\/shopify-logo.svg\" alt=\"Die Shopify Warenwirtschaft mit Funktionen zu Rechnungen, Lagerverwaltung, Versand, Inventur, uvm.\" \/>\n                            <div class=\"teaser-badge-section-small__info\">\n                                <div class=\"teaser-badge-section-small__text\">Shopify App Store<\/div>\n                                <div class=\"teaser-badge-section-small__rating\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><!--\n                                    --><!--\n                                    -->                                <\/div>\n                            <\/div>\n                        <\/a>\n                                                                                                    <a href=\"https:\/\/www.google.de\/search?sca_esv=61eddb219bf0e5e6&#038;tbm=lcl&#038;q=Pickware+Rezensionen&#038;rflfq=1&#038;num=20&#038;stick=H4sIAAAAAAAAAONgkxI0NzYxMTe0MDEwMDQyMjSzNNvAyPiKUSQgMzm7PLEoVSEotSo1rzgzPy81bxErVmEAP1co6UYAAAA&#038;rldimm=73447184001221696&#038;hl=de-DE&#038;sa=X&#038;ved=2ahUKEwirh53o_4GMAxUoS_EDHWGaBusQ9fQKegQIWxAF&#038;biw=2288&#038;bih=1580&#038;dpr=2#lkt=LocalPoiReviews\" target=\"_blank\" class=\"teaser-badge-section-small__item\">\n                                                        <img decoding=\"async\" class=\"teaser-badge-section-small__logo\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/11\/google-logo.svg\" alt=\"google-logo\" \/>\n                            <div class=\"teaser-badge-section-small__info\">\n                                <div class=\"teaser-badge-section-small__text\">Google Rezensionen<\/div>\n                                <div class=\"teaser-badge-section-small__rating\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-full.svg\" \/><!--\n                                    --><img decoding=\"async\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/badge-section-small\/assets\/star-half.svg\" \/><!--\n                                    -->                                <\/div>\n                            <\/div>\n                        <\/a>\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=\"wp-block-group lp-cta\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"teaser-detail-page-image-columns\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n                            <div class=\"teaser-detail-page-image-columns__item\">\n                                        <img decoding=\"async\" class=\"teaser-detail-page-image-columns__illustration\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/detail-page-image-columns\/assets\/illustration.svg\" alt=\"illustration\"\/>\n                    <div>\n                        <div class=\"teaser-detail-page-image-columns__eyebrow\">\n                                                    <\/div>\n                        <div class=\"teaser-detail-page-image-columns__heading\">Kostenlose Live-Demo<\/div>\n                    <\/div>\n                    <div class=\"teaser-detail-page-image-columns__copy\"><\/div>\n                                            <div class=\"teaser-detail-page-image-columns__list-heading\"><\/div>\n                        <ul class=\"teaser-detail-page-image-columns__list\">\n                                                            <li>Unverbindlich &#038; kostenlos<\/li>\n                                                            <li>Ca. 60 min per Video\u00fcbertragung<\/li>\n                                                            <li>Auf dein Business abgestimmte Produktdemo<\/li>\n                                                    <\/ul>\n                                                                <div class=\"teaser-detail-page-image-columns__button-group\">\n                                                            <a class=\"teaser-detail-page-image-columns__button teaser-detail-page-image-columns__button--order-600 \" href=\"https:\/\/www.pickware.com\/de\/live-demo\" target=\"\">\n                                    Jetzt buchen                                <\/a>\n                                                    <\/div>\n                                    <\/div>\n                            <div class=\"teaser-detail-page-image-columns__item\">\n                                        <img decoding=\"async\" class=\"teaser-detail-page-image-columns__illustration\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/modules\/teaser\/detail-page-image-columns\/assets\/illustration.svg\" alt=\"illustration\"\/>\n                    <div>\n                        <div class=\"teaser-detail-page-image-columns__eyebrow\">\n                                                    <\/div>\n                        <div class=\"teaser-detail-page-image-columns__heading\">Kostenlos Testen<\/div>\n                    <\/div>\n                    <div class=\"teaser-detail-page-image-columns__copy\"><\/div>\n                                            <div class=\"teaser-detail-page-image-columns__list-heading\"><\/div>\n                        <ul class=\"teaser-detail-page-image-columns__list\">\n                                                            <li>Testphase endet automatisch<\/li>\n                                                            <li>Keine Kreditkarte erforderlich<\/li>\n                                                            <li>In 24 Stunden eingerichtet<\/li>\n                                                    <\/ul>\n                                                                <div class=\"teaser-detail-page-image-columns__button-group\">\n                                                            <a class=\"teaser-detail-page-image-columns__button teaser-detail-page-image-columns__button--order-500 \" href=\"#open-onboarding-overlay\" target=\"\">\n                                    Jetzt testen                                <\/a>\n                                                    <\/div>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n.lp-cta .teaser-detail-page-image-columns__list>li::before {\n    background-image: url(https:\/\/www.pickware.com\/app\/uploads\/2024\/01\/all-in-one-icon-check.svg);\n}\n\n.lp-cta .teaser-detail-page-image-columns__item img{\ndisplay: none;}\n\n.lp-cta .teaser-detail-page-image-columns__item{\nbackground-color: #010645;\n    padding: 64px;\n    border-radius: 32px;\n    box-shadow: 0 32px 48px -40px rgba(50,50,93,0.80);\n    }\n\n@media (max-width: 767px) {\n    .lp-cta .teaser-detail-page-image-columns__item {\n    padding: 32px;\n    border-radius: 16px;\n    }\n}\n\n.lp-cta .teaser-detail-page-image-columns__heading{\ncolor: #fff\n}\n\n.lp-cta .teaser-detail-page-image-columns__list>li{\ncolor: #91c8ff\n}\n\n.lp-cta .l-grid{\ngap: 24px 24px;}\n\n.lp-cta .teaser-detail-page-image-columns__eyebrow{\ncolor: #fff;\n}\n\n.lp-cta .teaser-detail-page-image-columns__item:last-child{\n}\n\n<\/style>\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--content-page-level-2\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pickware Fulfillmentkosten-Rechner Vergleiche die Kosten zwischen internem und externem Fulfillment Schalte jetzt alle Details frei! &times; Erhalte Zugang zu allen Details und Einzelheiten der Berechnung. Gib deine Job E-Mail Adresse ein und checke anschlie\u00dfend dein Postfach (auch Spam). Hier findest du einen Link zur Best\u00e4tigung. Bitte klicke auf diesen Link um alle Inhalte zu sehen. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"class_list":["post-41842","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/41842","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/comments?post=41842"}],"version-history":[{"count":82,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/41842\/revisions"}],"predecessor-version":[{"id":42324,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/41842\/revisions\/42324"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=41842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}