{"id":4760,"date":"2026-10-06T17:39:33","date_gmt":"2026-10-06T17:39:33","guid":{"rendered":"https:\/\/www.german-finest-peptides.com\/?post_type=docs&#038;p=4760"},"modified":"2026-10-06T17:39:34","modified_gmt":"2026-10-06T17:39:34","password":"","slug":"peptide-rechner","status":"publish","type":"docs","link":"https:\/\/www.german-finest-peptides.com\/?docs=peptide-rechner","title":{"rendered":"Peptide Rechner"},"content":{"rendered":"\n<div class=\"neon-calculator-wrapper\">\n    <style>\n        :root {\n            --nc-bg-main: var(--wp--preset--color--black, #0f172a);\n            --nc-bg-input: var(--wp--preset--color--dark-gray, #1e293b);\n            --nc-text: #ffffff;\n            --nc-label: #e2e8f0;\n            --nc-accent-1: #00f3ff;\n            --nc-accent-2: #ff1493;\n            --nc-border: #334155;\n            --nc-warning: #ff4d4d;\n        }\n\n        .neon-calculator-wrapper {\n            font-family: inherit;\n            background: transparent;\n            padding: 10px 0;\n            display: flex;\n            justify-content: center;\n            width: 100%;\n        }\n        .neon-calculator {\n            background: var(--nc-bg-main);\n            color: var(--nc-text);\n            width: 100%;\n            max-width: 100%;\n            padding: 25px;\n            border-radius: 14px;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);\n            box-sizing: border-box;\n            border: 1px solid var(--nc-border);\n            position: relative;\n            overflow: hidden;\n            text-transform: none !important;\n        }\n        .neon-calculator::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--nc-accent-1), var(--nc-accent-2));\n        }\n        .nc-logo-header {\n            text-align: center;\n            border-bottom: 1px solid var(--nc-border);\n            padding-bottom: 15px;\n            margin-bottom: 20px;\n        }\n        .nc-logo-img {\n            max-width: 350px;\n            height: auto;\n            display: block;\n            margin: 0 auto 8px auto;\n            filter: drop-shadow(0 0 10px rgba(0, 243, 255, 0.2));\n        }\n        .nc-brand-title {\n            font-size: 22px;\n            font-weight: 800;\n            color: var(--nc-text);\n            margin: 0;\n            letter-spacing: 1px;\n            text-transform: none;\n        }\n        .nc-group {\n            margin-bottom: 20px;\n        }\n        .nc-group label {\n            display: block;\n            font-weight: 700;\n            font-size: 16px;\n            margin-bottom: 8px;\n            color: var(--nc-label);\n            text-transform: none;\n        }\n        .nc-group select, .nc-group input {\n            width: 100%;\n            padding: 13px 16px;\n            border: 1px solid var(--nc-border);\n            border-radius: 8px;\n            font-size: 17px;\n            font-family: inherit;\n            box-sizing: border-box;\n            background-color: var(--nc-bg-input) !important;\n            color: var(--nc-text) !important;\n            transition: all 0.3s ease;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n            text-transform: none;\n        }\n\n        \/* Neutrale\/helle Pfeile f\u00fcr Zahlenfelder im Dark Mode *\/\n        .nc-group input[type=number]::-webkit-inner-spin-button, \n        .nc-group input[type=number]::-webkit-outer-spin-button {\n            filter: invert(1);\n            opacity: 0.7;\n            cursor: pointer;\n            height: 24px;\n        }\n\n        .nc-group select option {\n            background-color: var(--nc-bg-input);\n            color: var(--nc-text);\n            text-transform: none;\n        }\n        .nc-group input:-webkit-autofill,\n        .nc-group input:-webkit-autofill:hover, \n        .nc-group input:-webkit-autofill:focus {\n            -webkit-text-fill-color: var(--nc-text) !important;\n            -webkit-box-shadow: 0 0 0px 1000px var(--nc-bg-input) inset !important;\n            transition: background-color 5000s ease-in-out 0s;\n        }\n        .nc-group select:focus, .nc-group input:focus {\n            border-color: var(--nc-accent-1);\n            box-shadow: 0 0 10px rgba(0, 243, 255, 0.4);\n            outline: none;\n        }\n        .nc-results {\n            background: var(--nc-bg-input);\n            border: 1px solid var(--nc-border);\n            border-left: 5px solid var(--nc-accent-2);\n            padding: 22px;\n            border-radius: 0 8px 8px 0;\n            margin-top: 24px;\n            text-transform: none;\n        }\n        .nc-results h3 {\n            margin: 0 0 16px 0;\n            font-size: 18px;\n            color: var(--nc-accent-2);\n            font-weight: 800;\n            letter-spacing: 0.5px;\n            text-transform: none;\n        }\n        .nc-result-row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 12px;\n            font-size: 18px;\n            color: var(--nc-label);\n            text-transform: none;\n        }\n        .nc-result-row:last-child {\n            margin-bottom: 0;\n        }\n        .nc-result-value {\n            font-weight: 700;\n            color: #ffffff;\n            text-transform: none;\n        }\n        .nc-highlight {\n            font-size: 20px;\n            color: var(--nc-accent-1);\n            font-weight: 800;\n            text-shadow: 0 0 8px rgba(0, 243, 255, 0.4);\n            text-transform: none;\n        }\n\n        \/* Visuelle Spritzen-F\u00fcllstandsanzeige *\/\n        .nc-visual-wrapper {\n            margin-top: 22px;\n            padding-top: 18px;\n            border-top: 1px dashed var(--nc-border);\n        }\n        .nc-visual-header {\n            display: flex;\n            justify-content: space-between;\n            font-size: 15px;\n            font-weight: 700;\n            color: var(--nc-label);\n            margin-bottom: 10px;\n            text-transform: none;\n        }\n        .nc-syringe-track {\n            position: relative;\n            width: 100%;\n            height: 34px;\n            background: rgba(0, 0, 0, 0.4);\n            border: 1px solid var(--nc-border);\n            border-radius: 6px;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\n        .nc-syringe-fill {\n            height: 100%;\n            width: 0%;\n            background: linear-gradient(90deg, var(--nc-accent-1), var(--nc-accent-2));\n            box-shadow: 0 0 12px rgba(0, 243, 255, 0.5);\n            transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s ease;\n            position: absolute;\n            top: 0; left: 0; z-index: 1;\n        }\n        .nc-syringe-fill.overflow {\n            background: var(--nc-warning) !important;\n            box-shadow: 0 0 12px rgba(255, 77, 77, 0.6) !important;\n        }\n\n        \/* Skala & Teilstriche *\/\n        .nc-ticks-layer {\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            display: flex;\n            justify-content: space-between;\n            z-index: 2;\n            pointer-events: none;\n        }\n        .nc-tick {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            width: 1px;\n            background: rgba(255, 255, 255, 0.3);\n        }\n        .nc-tick.major {\n            background: rgba(255, 255, 255, 0.7);\n            width: 2px;\n        }\n\n        \/* Ziffern unterhalb der Spritze *\/\n        .nc-ticks-labels {\n            position: relative;\n            width: 100%;\n            height: 22px;\n            margin-top: 8px;\n            font-size: 14px;\n            color: #ffffff;\n            font-weight: 700;\n        }\n        .nc-tick-label {\n            position: absolute;\n            transform: translateX(-50%);\n        }\n\n        .nc-warning-box {\n            display: none;\n            margin-top: 16px;\n            padding: 12px 14px;\n            background: rgba(255, 77, 77, 0.15);\n            border: 1px solid var(--nc-warning);\n            border-radius: 6px;\n            color: #ff8080;\n            font-size: 15px;\n            font-weight: 700;\n            line-height: 1.4;\n            text-transform: none;\n        }\n        .nc-footer-note {\n            text-align: center;\n            margin-top: 20px;\n            font-size: 12px;\n            color: var(--nc-label);\n            letter-spacing: 0.5px;\n            text-transform: none;\n            opacity: 0.8;\n        }\n    <\/style>\n\n    <div class=\"neon-calculator\">\n        <div class=\"nc-logo-header\">\n            <img decoding=\"async\" src=\"https:\/\/www.german-finest-peptides.com\/wp-content\/uploads\/2026\/09\/Logo_schrift.png\" alt=\"German Finest Peptides Logo\" class=\"nc-logo-img\">\n            <h2 class=\"nc-brand-title\">Peptid Rechner<\/h2>\n        <\/div>\n        \n        <div class=\"nc-group\">\n            <label for=\"nc-total-amount\">Gesamtmenge im Fl\u00e4schchen (mg):<\/label>\n            <input type=\"number\" id=\"nc-total-amount\" value=\"10\" min=\"0.1\" step=\"any\" inputmode=\"decimal\" oninput=\"ncCalculate()\">\n        <\/div>\n\n        <div class=\"nc-group\">\n            <label for=\"nc-water\">L\u00f6sungsmittel \/ BAC Water (ml):<\/label>\n            <input type=\"number\" id=\"nc-water\" value=\"2\" min=\"0.1\" step=\"any\" inputmode=\"decimal\" oninput=\"ncCalculate()\">\n        <\/div>\n\n        <div class=\"nc-group\">\n            <label for=\"nc-dose\">Gew\u00fcnschte Dosis pro Anwendung (mg):<\/label>\n            <input type=\"number\" id=\"nc-dose\" value=\"2\" min=\"0.01\" step=\"any\" inputmode=\"decimal\" oninput=\"ncCalculate()\">\n        <\/div>\n\n        <div class=\"nc-group\">\n            <label for=\"nc-syringe-type\">Spritzentyp \/ Skalierung:<\/label>\n            <select id=\"nc-syringe-type\" onchange=\"ncCalculate()\">\n                <option value=\"100\" data-max=\"0.3\" data-units=\"30\">U-100 \u2014 0,3 ml (30 IE) Demi \/ Feindosierung<\/option>\n                <option value=\"100\" data-max=\"0.5\" data-units=\"50\">U-100 \u2014 0,5 ml (50 IE) Standard<\/option>\n                <option value=\"100\" data-max=\"1.0\" data-units=\"100\" selected=\"\">U-100 \u2014 1,0 ml (100 IE) Gro\u00df<\/option>\n                <option value=\"40\" data-max=\"1.0\" data-units=\"40\">U-40 \u2014 1,0 ml (40 IE)<\/option>\n            <\/select>\n        <\/div>\n\n        <div class=\"nc-results\">\n            <h3>Analyse &amp; Ergebnis:<\/h3>\n            <div class=\"nc-result-row\">\n                <span>Konzentration:<\/span>\n                <span id=\"nc-res-konz\" class=\"nc-result-value\">&#8211;<\/span>\n            <\/div>\n            <div class=\"nc-result-row\">\n                <span>Aufzuziehen (Volumen):<\/span>\n                <span id=\"nc-res-ml\" class=\"nc-result-value\">&#8211;<\/span>\n            <\/div>\n            <div class=\"nc-result-row\">\n                <span>Skalenteile \/ Einheiten:<\/span>\n                <span id=\"nc-res-ie\" class=\"nc-highlight\">&#8211;<\/span>\n            <\/div>\n            <div class=\"nc-result-row\">\n                <span>Anwendungen pro Fl\u00e4schchen:<\/span>\n                <span id=\"nc-res-doses\" class=\"nc-result-value\">&#8211;<\/span>\n            <\/div>\n\n            <!-- Optische Spritzenskala mit Teilstrichen -->\n            <div class=\"nc-visual-wrapper\">\n                <div class=\"nc-visual-header\">\n                    <span>Skala der Spritze (IE):<\/span>\n                    <span id=\"nc-fill-percent\">0%<\/span>\n                <\/div>\n                <div class=\"nc-syringe-track\">\n                    <div id=\"nc-syringe-fill\" class=\"nc-syringe-fill\"><\/div>\n                    <div id=\"nc-ticks-layer\" class=\"nc-ticks-layer\"><\/div>\n                <\/div>\n                <div id=\"nc-ticks-labels\" class=\"nc-ticks-labels\"><\/div>\n            <\/div>\n\n            <!-- Dynamischer Warnhinweis bei zu kleiner Spritze -->\n            <div id=\"nc-warning\" class=\"nc-warning-box\"><\/div>\n        <\/div>\n\n        <div class=\"nc-footer-note\">\n            Secure Dosing System \/\/ Lab Precision\n        <\/div>\n    <\/div>\n\n    <script>\n        function renderSyringeTicks(totalUnits) {\n            const ticksLayer = document.getElementById('nc-ticks-layer');\n            const labelsLayer = document.getElementById('nc-ticks-labels');\n            ticksLayer.innerHTML = '';\n            labelsLayer.innerHTML = '';\n\n            let step = 10;\n            if (totalUnits <= 30) step = 5;\n\n            for (let i = 0; i <= totalUnits; i += (step \/ 2)) {\n                const posPercent = (i \/ totalUnits) * 100;\n                const isMajor = (i % step === 0);\n\n                const tick = document.createElement('div');\n                tick.className = 'nc-tick' + (isMajor ? ' major' : '');\n                tick.style.left = posPercent + '%';\n                ticksLayer.appendChild(tick);\n\n                if (isMajor) {\n                    const label = document.createElement('div');\n                    label.className = 'nc-tick-label';\n                    label.style.left = posPercent + '%';\n                    label.innerText = i;\n                    labelsLayer.appendChild(label);\n                }\n            }\n        }\n\n        function ncCalculate() {\n            const totalAmount = parseFloat(document.getElementById('nc-total-amount').value);\n            const water = parseFloat(document.getElementById('nc-water').value);\n            const dose = parseFloat(document.getElementById('nc-dose').value);\n            \n            const syringeSelect = document.getElementById('nc-syringe-type');\n            const syringeFactor = parseFloat(syringeSelect.value);\n            const selectedOption = syringeSelect.options[syringeSelect.selectedIndex];\n            const maxCapacity = parseFloat(selectedOption.getAttribute('data-max'));\n            const maxUnits = parseInt(selectedOption.getAttribute('data-units'));\n\n            const warningBox = document.getElementById('nc-warning');\n            const fillBar = document.getElementById('nc-syringe-fill');\n            const fillPercentText = document.getElementById('nc-fill-percent');\n\n            renderSyringeTicks(maxUnits);\n\n            if (totalAmount > 0 && water > 0 && dose > 0) {\n                const concentration = totalAmount \/ water;\n                const volumeMl = dose \/ concentration;\n                const units = volumeMl * syringeFactor;\n                const totalDoses = totalAmount \/ dose;\n\n                const formattedUnits = (units % 1 === 0) ? units.toFixed(0) : units.toFixed(1);\n\n                document.getElementById('nc-res-konz').innerText = concentration.toFixed(2) + \" mg\/ml\";\n                document.getElementById('nc-res-ml').innerText = volumeMl.toFixed(2) + \" ml\";\n                document.getElementById('nc-res-ie').innerText = formattedUnits + \" Einheiten (IE)\";\n                document.getElementById('nc-res-doses').innerText = Math.floor(totalDoses) + \" Dosen\";\n\n                const fillPercentage = (volumeMl \/ maxCapacity) * 100;\n                \n                if (fillPercentage > 100) {\n                    fillBar.style.width = \"100%\";\n                    fillBar.classList.add('overflow');\n                    fillPercentText.innerText = Math.round(fillPercentage) + \"% (\u00dcberf\u00fcllt!)\";\n                    fillPercentText.style.color = \"var(--nc-warning)\";\n                } else {\n                    fillBar.style.width = fillPercentage.toFixed(1) + \"%\";\n                    fillBar.classList.remove('overflow');\n                    fillPercentText.innerText = Math.round(fillPercentage) + \"%\";\n                    fillPercentText.style.color = \"var(--nc-label)\";\n                }\n\n                if (volumeMl > maxCapacity) {\n                    let recommendation = \"\";\n                    if (volumeMl <= 0.5) {\n                        recommendation = \"Empfehlung: Nutze mindestens eine 0,5 ml Spritze.\";\n                    } else if (volumeMl <= 1.0) {\n                        recommendation = \"Empfehlung: Nutze eine 1,0 ml Spritze.\";\n                    } else {\n                        recommendation = \"Empfehlung: Erh\u00f6he die Menge an L\u00f6sungsmittel (BAC Water) oder teile die Dosis auf mehrere Anwendungen auf.\";\n                    }\n\n                    warningBox.innerText = \"\u26a0\ufe0f Die gew\u00e4hlte Spritze (\" + maxCapacity + \" ml) ist zu klein f\u00fcr das ben\u00f6tigte Volumen (\" + volumeMl.toFixed(2) + \" ml). \" + recommendation;\n                    warningBox.style.display = \"block\";\n                } else {\n                    warningBox.style.display = \"none\";\n                }\n\n            } else {\n                document.getElementById('nc-res-konz').innerText = \"-\";\n                document.getElementById('nc-res-ml').innerText = \"-\";\n                document.getElementById('nc-res-ie').innerText = \"-\";\n                document.getElementById('nc-res-doses').innerText = \"-\";\n                fillBar.style.width = \"0%\";\n                fillBar.classList.remove('overflow');\n                fillPercentText.innerText = \"0%\";\n                fillPercentText.style.color = \"var(--nc-label)\";\n                warningBox.style.display = \"none\";\n            }\n        }\n\n        ncCalculate();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Peptid Rechner Gesamtmenge im Fl\u00e4schchen (mg): L\u00f6sungsmittel \/ BAC Water (ml): Gew\u00fcnschte Dosis pro Anwendung (mg): Spritzentyp \/ Skalierung: U-100 \u2014 0,3 ml (30 IE) Demi \/ FeindosierungU-100 \u2014 0,5&hellip;<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[667],"doc_tag":[],"class_list":["post-4760","docs","type-docs","status-publish","hentry","doc_category-peptide"],"year_month":"2026-10","word_count":61,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Mario","author_nicename":"mario","author_url":"https:\/\/www.german-finest-peptides.com\/?author=4"},"doc_category_info":[{"term_name":"Peptide","term_url":"https:\/\/www.german-finest-peptides.com\/?doc_category=peptide"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/docs\/4760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4760"}],"version-history":[{"count":1,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/docs\/4760\/revisions"}],"predecessor-version":[{"id":4761,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/docs\/4760\/revisions\/4761"}],"wp:attachment":[{"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4760"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_category&post=4760"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=4760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}