{"id":2264,"date":"2026-05-13T15:47:24","date_gmt":"2026-05-13T15:47:24","guid":{"rendered":"https:\/\/bielefelder-pflegeberatung.de\/?page_id=2264"},"modified":"2026-05-13T19:29:23","modified_gmt":"2026-05-13T19:29:23","slug":"pflegehilfsmittel-auswaehlen","status":"publish","type":"page","link":"https:\/\/bielefelder-pflegeberatung.de\/tr\/pflegehilfsmittel-auswaehlen\/","title":{"rendered":"Bak\u0131m yard\u0131mc\u0131 malzemelerini se\u00e7me"},"content":{"rendered":"\n<div id = \"pflege-budget-app\">\n<div class=\"pflege-info-banner\">\n\n    <div class=\"pflege-info-icon\">\n        \u2713\n    <\/div>\n\n    <div class=\"pflege-info-content\">\n\n        <h3>\n            Pflegehilfsmittel bis zu <span>42\u20ac monatlich<\/span>\n        <\/h3>\n\n        <p>\n            Wir \u00fcbernehmen den Antrag, k\u00fcmmern uns um die Abstimmung mit der Pflegekasse \n            und liefern direkt zu Ihnen nach Hause.\n        <\/p>\n\n        <div class=\"pflege-info-tags\">\n            <span>Flexibel<\/span>\n            <span>Unkompliziert<\/span>\n            <span>Ohne Verpflichtungen<\/span>\n        <\/div>\n\n    <\/div>\n        \n<\/div>\n<\/div>\t\n\n    <div id=\"pflege-budget-app\">\n\n        <div class=\"pflege-top-box\">\n\n            <div class=\"pflege-budget-values\">\n                <div>\n                    <span>Ausgew\u00e4hlt<\/span>\n                    <strong id=\"pflege-selected-total\">0,00 \u20ac<\/strong>\n                <\/div>\n                <div>\n                    <span>Restbudget<\/span>\n                    <strong id=\"pflege-remaining-budget\">42,00 \u20ac<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"pflege-progress-bar\">\n                <div id=\"pflege-progress-fill\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"pflege-message\"><\/div>\n\n        <div id=\"pflege-products-grid\">\n            <div class=\"pflege-loading\">Produkte werden geladen...<\/div>\n        <\/div>\n\n        <div class=\"pflege-bottom-bar\">\n   \t\t\t<a href=\"https:\/\/bielefelder-pflegeberatung.de\/tr\/warenkorb\/\" class=\"pflege-cart-button\">\n   \t\t\t \tZum Warenkorb (<span id=\"pflege-cart-count\">0<\/span> Artikel)\n\t\t\t<\/a>\n        <\/div>\n\n    <\/div>\n\n    <style>\n        #pflege-budget-app {\n            max-width: 1200px;\n            margin: 1px auto;\n            padding: 15px;\n            font-family: inherit;\n        }\n\n        .pflege-top-box {\n            background: #ffffff;\n            border-radius: 24px;\n            padding: 24px;\n            margin-bottom: 25px;\n            box-shadow: 0 10px 35px rgba(0,0,0,0.08);\n            border: 1px solid #eeeeee;\n            position: sticky;\n            top: 15px;\n            z-index: 50;\n        }\n\n        .pflege-top-box h2 {\n            margin: 0 0 8px;\n            font-size: 28px;\n            line-height: 1.2;\n        }\n\n        .pflege-top-box p {\n            margin: 0 0 18px;\n            color: #666;\n            font-size: 16px;\n        }\n\n        .pflege-budget-values {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 15px;\n            margin-bottom: 18px;\n        }\n\n        .pflege-budget-values div {\n            background: #f7f9f8;\n            border-radius: 16px;\n            padding: 15px;\n        }\n\n        .pflege-budget-values span {\n            display: block;\n            font-size: 14px;\n            color: #666;\n            margin-bottom: 5px;\n        }\n\n        .pflege-budget-values strong {\n            font-size: 24px;\n            color: #111;\n        }\n\n        .pflege-progress-bar {\n            height: 16px;\n            background: #e7e7e7;\n            border-radius: 100px;\n            overflow: hidden;\n        }\n\n        #pflege-progress-fill {\n            width: 0%;\n            height: 100%;\n            background: linear-gradient(90deg, #16a34a, #22c55e);\n            transition: width 0.25s ease;\n        }\n\n        #pflege-message {\n            display: none;\n            margin-bottom: 20px;\n            padding: 14px 18px;\n            border-radius: 14px;\n            background: #fff4e5;\n            color: #8a4b00;\n            font-weight: 600;\n        }\n\n        #pflege-products-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));\n            gap: 22px;\n        }\n\n        .pflege-loading {\n            grid-column: 1 \/ -1;\n            text-align: center;\n            padding: 40px;\n            font-size: 18px;\n        }\n\n        .pflege-card {\n            background: #ffffff;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n            border: 2px solid transparent;\n            transition: 0.25s ease;\n            position: relative;\n        }\n\n        .pflege-card:hover {\n            transform: translateY(-4px);\n        }\n\n        .pflege-card.selected {\n            border-color: #16a34a;\n            box-shadow: 0 12px 35px rgba(22,163,74,0.22);\n        }\n\n        .pflege-card.disabled {\n            opacity: 0.35;\n            filter: grayscale(1) blur(1.5px);\n            pointer-events: none;\n            transform: none;\n        }\n\n        .pflege-card-image {\n            width: 100%;\n            height: 180px;\n            background: #f3f3f3;\n            overflow: hidden;\n        }\n\n        .pflege-card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .pflege-card-body {\n            padding: 18px;\n        }\n\n        .pflege-card-title {\n            font-size: 17px;\n            line-height: 1.35;\n            margin: 0 0 12px;\n            min-height: 46px;\n            color: #111;\n        }\n\n        .pflege-card-price {\n            font-size: 22px;\n            font-weight: 800;\n            margin-bottom: 15px;\n            color: #111;\n        }\n\n        .pflege-select-btn {\n            width: 100%;\n            border: none;\n            border-radius: 14px;\n            padding: 13px 15px;\n            cursor: pointer;\n            font-size: 15px;\n            font-weight: 800;\n            background: #16a34a;\n            color: white;\n            transition: 0.2s ease;\n        }\n\n        .pflege-select-btn:hover {\n            background: #15803d;\n        }\n\n .pflege-card.selected .pflege-select-btn {\n    background: #2563eb;\n    color: #ffffff;\n}\n\n.pflege-card.selected .pflege-select-btn:hover {\n    background: #1d4ed8;\n    color: #ffffff;\n}\n\n        .pflege-bottom-bar {\n            margin-top: 35px;\n            text-align: center;\n        }\n\n        .pflege-cart-button {\n            display: inline-block;\n            background: #111111;\n            color: #ffffff;\n            padding: 15px 32px;\n            border-radius: 16px;\n            font-weight: 800;\n            text-decoration: none;\n        }\n\n        .pflege-cart-button:hover {\n            background: #333333;\n            color: #ffffff;\n        }\n\n        @media (max-width: 768px) {\n            .pflege-top-box {\n                padding: 18px;\n                border-radius: 20px;\n            }\n\n            .pflege-top-box h2 {\n                font-size: 22px;\n            }\n\n            .pflege-budget-values {\n                grid-template-columns: 1fr 1fr;\n                gap: 10px;\n            }\n\n            .pflege-budget-values strong {\n                font-size: 18px;\n            }\n\n            #pflege-products-grid {\n                grid-template-columns: repeat(1, 1fr);\n                gap: 14px;\n            }\n\n            .pflege-card-image {\n                height: 130px;\n            }\n\n            .pflege-card-body {\n                padding: 13px;\n            }\n\n            .pflege-card-title {\n                font-size: 14px;\n                min-height: 42px;\n            }\n\n            .pflege-card-price {\n                font-size: 17px;\n            }\n\n            .pflege-select-btn {\n                font-size: 13px;\n                padding: 11px;\n            }\n\t\t\t\t\t\t\t\t\t\t\n        }\n\t\t\t\t\t\t\t\t\t\t\n.pflege-qty-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n}\n\n.pflege-qty-btn {\n    width: 42px;\n    height: 42px;\n    border: none;\n    border-radius: 12px;\n    font-size: 22px;\n    font-weight: 900;\n    cursor: pointer;\n    color: #ffffff;\n}\n\n.pflege-plus {\n    background: #16a34a;\n}\n\n.pflege-minus {\n    background: #2563eb;\n}\n\n.pflege-qty-btn:disabled {\n    background: #cbd5e1;\n    cursor: not-allowed;\n}\n\n.pflege-qty-number {\n    min-width: 38px;\n    text-align: center;\n    font-size: 20px;\n    font-weight: 900;\n    color: #111;\n}\n.pflege-info-banner {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n\n    background: linear-gradient(135deg, #f0fdf4, #ecfeff);\n    border: 1px solid #bbf7d0;\n\n    padding: 22px;\n    border-radius: 22px;\n\n    margin-bottom: 24px;\n\n    box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n}\n\n.pflege-info-icon {\n    min-width: 62px;\n    width: 62px;\n    height: 62px;\n\n    border-radius: 18px;\n\n    background: linear-gradient(135deg, #16a34a, #22c55e);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: white;\n    font-size: 28px;\n    font-weight: 900;\n\n    box-shadow: 0 8px 20px rgba(34,197,94,0.3);\n}\n\n.pflege-info-content {\n    flex: 1;\n}\n\n.pflege-info-content h3 {\n    margin: 0 0 10px;\n    font-size: 24px;\n    line-height: 1.3;\n    color: #111827;\n}\n\n.pflege-info-content h3 span {\n    color: #16a34a;\n}\n\n.pflege-info-content p {\n    margin: 0 0 14px;\n    font-size: 15px;\n    line-height: 1.7;\n    color: #4b5563;\n}\n\n.pflege-info-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.pflege-info-tags span {\n    background: white;\n    color: #166534;\n\n    border: 1px solid #bbf7d0;\n\n    padding: 8px 14px;\n    border-radius: 999px;\n\n    font-size: 13px;\n    font-weight: 700;\n}\n\n@media(max-width: 768px) {\n\n    .pflege-info-banner {\n        flex-direction: column;\n        align-items: flex-start;\n        padding: 18px;\n    }\n\n    .pflege-info-icon {\n        width: 52px;\n        height: 52px;\n        min-width: 52px;\n        font-size: 24px;\n    }\n\n    .pflege-info-content h3 {\n        font-size: 20px;\n    }\n\n    .pflege-info-content p {\n        font-size: 14px;\n    }\n}\n    <\/style>\n\n    <script>\n    jQuery(function($) {\n\n        const pflegeLimit = 42.00;\n        const ajaxUrl = \"https:\/\/bielefelder-pflegeberatung.de\/wp-admin\/admin-ajax.php\";\n        const nonce = \"de5f1debef\";\n\n        let products = [];\n        let selected = [];\n\n        function formatEuro(amount) {\n            amount = parseFloat(amount || 0);\n            return amount.toFixed(2).replace('.', ',') + ' \u20ac';\n        }\n\n\t\t\nfunction getSelectedItemCount() {\n\n    let count = 0;\n\n    Object.keys(selected).forEach(function(productId) {\n\n        count += parseInt(selected[productId]);\n\n    });\n\n    return count;\n}\n\nfunction getSelectedTotal() {\n\n    let total = 0;\n\n    Object.keys(selected).forEach(function(productId) {\n\n        const product = products.find(function(p) {\n\n            return parseInt(p.id) === parseInt(productId);\n\n        });\n\n        if (product) {\n\n            total += parseFloat(product.price) * parseInt(selected[productId]);\n\n        }\n    });\n\n    return total;\n}\nfunction getSelectedTotal() {\n    let total = 0;\n\n    Object.keys(selected).forEach(function(productId) {\n        const product = products.find(function(p) {\n            return parseInt(p.id) === parseInt(productId);\n        });\n\n        if (product) {\n            total += parseFloat(product.price) * parseInt(selected[productId]);\n        }\n    });\n\n    return total;\n}\n\t\t\n\n\n        function showMessage(message) {\n            $('#pflege-message').text(message).stop(true, true).fadeIn(150);\n\n            setTimeout(function() {\n                $('#pflege-message').fadeOut(200);\n            }, 2500);\n        }\n\nfunction updateBudgetUI() {\n    const total = getSelectedTotal();\n    const remaining = Math.max(pflegeLimit - total, 0);\n    const percent = Math.min((total \/ pflegeLimit) * 100, 100);\n    const itemCount = getSelectedItemCount();\n\n    $('#pflege-selected-total').text(formatEuro(total));\n    $('#pflege-remaining-budget').text(formatEuro(remaining));\n    $('#pflege-progress-fill').css('width', percent + '%');\n    $('#pflege-cart-count').text(itemCount);\n}\n        function renderProducts() {\n            const total = getSelectedTotal();\n            const remaining = Math.max(pflegeLimit - total, 0);\n\n            let html = '';\n\n            products.forEach(function(product) {\n                const productId = parseInt(product.id);\n                const price = parseFloat(product.price);\n const qty = selected[productId] ? parseInt(selected[productId]) : 0;\nconst isSelected = qty > 0;\nconst shouldDisable = !isSelected && price > remaining;\nconst plusDisabled = price > remaining;\n                html += `\n                    <div class=\"pflege-card ${isSelected ? 'selected' : ''} ${shouldDisable ? 'disabled' : ''}\" data-product-id=\"${productId}\">\n                        <div class=\"pflege-card-image\">\n                            <img decoding=\"async\" src=\"${product.image}\" alt=\"${product.title}\">\n                        <\/div>\n\n                        <div class=\"pflege-card-body\">\n                            <h3 class=\"pflege-card-title\">${product.title}<\/h3>\n                            \n\n<div class=\"pflege-qty-box\">\n    <button class=\"pflege-qty-btn pflege-minus\" data-product-id=\"${productId}\" ${qty <= 0 ? 'disabled' : ''}>\u2212<\/button>\n    <span class=\"pflege-qty-number\">${qty}<\/span>\n  <button class=\"pflege-qty-btn pflege-plus\" data-product-id=\"${productId}\" ${plusDisabled ? 'disabled' : ''}>+<\/button>\n<\/div>\n                        <\/div>\n                    <\/div>\n                `;\n            });\n\n            $('#pflege-products-grid').html(html);\n            updateBudgetUI();\n        }\n\n        function loadProducts() {\n            $.ajax({\n                url: ajaxUrl,\n                method: 'POST',\n                dataType: 'json',\n                data: {\n                    action: 'pflege_load_products',\n                    nonce: nonce\n                },\n                success: function(response) {\n                    if (response.success) {\n                        products = response.data.products;\n                       selected = response.data.selected;\n                        renderProducts();\n                    } else {\n                        $('#pflege-products-grid').html('<p>Produkte konnten nicht geladen werden.<\/p>');\n                    }\n                },\n                error: function() {\n                    $('#pflege-products-grid').html('<p>AJAX Fehler. Bitte pr\u00fcfen Sie die Seite.<\/p>');\n                }\n            });\n        }\n\nfunction updateProductQuantity(productId, mode) {\n    $.ajax({\n        url: ajaxUrl,\n        method: 'POST',\n        dataType: 'json',\n        data: {\n            action: 'pflege_update_quantity',\n            nonce: nonce,\n            product_id: productId,\n            mode: mode\n        },\n        success: function(response) {\n\t\t\tif (response.success) {\n    selected = response.data.selected;\n    renderProducts();\n\n    $(document.body).trigger('wc_fragment_refresh');\n    $(document.body).trigger('updated_wc_div');\n    $(document.body).trigger('updated_cart_totals');\n\n    setTimeout(function() {\n        $(document.body).trigger('wc_fragment_refresh');\n    }, 300);\n}\n\t\t\telse {\n                showMessage(response.data.message || 'Dieses Produkt kann nicht ausgew\u00e4hlt werden.');\n            }\n        },\n        error: function() {\n            showMessage('Fehler beim Aktualisieren. Bitte erneut versuchen.');\n        }\n    });\n}\n\n$(document).on('click', '.pflege-plus', function(e) {\n    e.preventDefault();\n\n    const productId = parseInt($(this).data('product-id'));\n    updateProductQuantity(productId, 'plus');\n});\n\n$(document).on('click', '.pflege-minus', function(e) {\n    e.preventDefault();\n\n    const productId = parseInt($(this).data('product-id'));\n    updateProductQuantity(productId, 'minus');\n});\n\n        loadProducts();\n    });\n    <\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-2264","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bielefelder-pflegeberatung.de\/tr\/wp-json\/wp\/v2\/pages\/2264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bielefelder-pflegeberatung.de\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bielefelder-pflegeberatung.de\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bielefelder-pflegeberatung.de\/tr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/bielefelder-pflegeberatung.de\/tr\/wp-json\/wp\/v2\/comments?post=2264"}],"version-history":[{"count":11,"href":"https:\/\/bielefelder-pflegeberatung.de\/tr\/wp-json\/wp\/v2\/pages\/2264\/revisions"}],"predecessor-version":[{"id":2279,"href":"https:\/\/bielefelder-pflegeberatung.de\/tr\/wp-json\/wp\/v2\/pages\/2264\/revisions\/2279"}],"wp:attachment":[{"href":"https:\/\/bielefelder-pflegeberatung.de\/tr\/wp-json\/wp\/v2\/media?parent=2264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}