{"id":4458,"date":"2026-10-02T17:19:43","date_gmt":"2026-10-02T17:19:43","guid":{"rendered":"https:\/\/www.german-finest-peptides.com\/?page_id=4458"},"modified":"2026-10-02T17:40:13","modified_gmt":"2026-10-02T17:40:13","slug":"peptite-rechner","status":"publish","type":"page","link":"https:\/\/www.german-finest-peptides.com\/?page_id=4458","title":{"rendered":"Peptite Rechner"},"content":{"rendered":"\n<div class=\"neon-calculator-wrapper\">\n    <style>\n        \/* \n           FARBANPASSUNG:\n           Falls du feste Farben statt der Theme-Farben nutzen m\u00f6chtest, \n           kannst du hier deine genauen Hex-Codes eintragen.\n        *\/\n        :root {\n            --nc-bg-main: var(--wp--preset--color--black, #111827);        \/* Hintergrund Rechner *\/\n            --nc-bg-input: var(--wp--preset--color--dark-gray, #0b0f19);  \/* Hintergrund Eingabefelder *\/\n            --nc-text: var(--wp--preset--color--white, #ffffff);          \/* Haupttext & Werte *\/\n            --nc-label: #94a3b8;                                          \/* Beschriftungen *\/\n            --nc-accent-1: #00f3ff;                                       \/* Cyan\/Akzent 1 *\/\n            --nc-accent-2: #ff1493;                                       \/* Pink\/Akzent 2 *\/\n            --nc-border: #1f293d;                                         \/* Rahmenfarbe *\/\n        }\n\n        .neon-calculator-wrapper {\n            font-family: inherit; \/* \u00dcbernimmt die Schriftart deiner Website *\/\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.2);\n            box-sizing: border-box;\n            border: 1px solid var(--nc-border);\n            position: relative;\n            overflow: hidden;\n        }\n        \/* Top Accent-Linie *\/\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: 18px;\n            font-weight: 800;\n            color: var(--nc-text);\n            margin: 0;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n        .nc-group {\n            margin-bottom: 16px;\n        }\n        .nc-group label {\n            display: block;\n            font-weight: 600;\n            font-size: 13px;\n            margin-bottom: 6px;\n            color: var(--nc-label);\n        }\n        \/* Eingabefelder & Dropdowns *\/\n        .nc-group select, .nc-group input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 1px solid var(--nc-border);\n            border-radius: 8px;\n            font-size: 15px;\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        }\n        .nc-group select option {\n            background-color: var(--nc-bg-input);\n            color: var(--nc-text);\n        }\n        \/* Browser Autofill Fix *\/\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.3);\n            outline: none;\n        }\n        \/* Ergebnis-Box *\/\n        .nc-results {\n            background: var(--nc-bg-input);\n            border: 1px solid var(--nc-border);\n            border-left: 4px solid var(--nc-accent-2);\n            padding: 16px;\n            border-radius: 0 8px 8px 0;\n            margin-top: 22px;\n        }\n        .nc-results h3 {\n            margin: 0 0 10px 0;\n            font-size: 14px;\n            color: var(--nc-accent-2);\n            font-weight: 700;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n        }\n        .nc-result-row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            font-size: 14px;\n            color: var(--nc-label);\n        }\n        .nc-result-row:last-child {\n            margin-bottom: 0;\n        }\n        .nc-result-value {\n            font-weight: 700;\n            color: var(--nc-text);\n        }\n        .nc-highlight {\n            font-size: 16px;\n            color: var(--nc-accent-1);\n            font-weight: 800;\n            text-shadow: 0 0 6px rgba(0, 243, 255, 0.3);\n        }\n        .nc-footer-note {\n            text-align: center;\n            margin-top: 15px;\n            font-size: 10px;\n            color: var(--nc-label);\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            opacity: 0.7;\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\">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\" step=\"any\" 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\" step=\"any\" 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\" step=\"any\" 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\">0,3 ml (30 IE) \u2014 Demi \/ Feindosierung<\/option>\n                <option value=\"100\">0,5 ml (50 IE) \u2014 Standard<\/option>\n                <option value=\"100\">1,0 ml (100 IE) \u2014 Gro\u00df<\/option>\n                <option value=\"40\">U-40 Insulinspritze (1 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        <\/div>\n\n        <div class=\"nc-footer-note\">\n            Secure Dosing System \/\/ Lab Precision\n        <\/div>\n    <\/div>\n\n    <script>\n        function ncCalculate() {\n            let totalAmount = parseFloat(document.getElementById('nc-total-amount').value);\n            let water = parseFloat(document.getElementById('nc-water').value);\n            let dose = parseFloat(document.getElementById('nc-dose').value);\n            let syringeFactor = parseFloat(document.getElementById('nc-syringe-type').value);\n\n            if (totalAmount > 0 && water > 0 && dose > 0) {\n                let concentration = totalAmount \/ water;\n                let volumeMl = dose \/ concentration;\n                let units = volumeMl * syringeFactor;\n                let totalDoses = totalAmount \/ dose;\n\n                document.getElementById('nc-res-konz').innerText = concentration.toFixed(2) + \" mg\/ml\";\n                document.getElementById('nc-res-ml').innerText = volumeMl.toFixed(3) + \" ml\";\n                document.getElementById('nc-res-ie').innerText = Math.round(units) + \" Einheiten (IE)\";\n                document.getElementById('nc-res-doses').innerText = totalDoses.toFixed(1) + \" Dosen\";\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            }\n        }\n\n        ncCalculate();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Rechner Gesamtmenge im Fl\u00e4schchen (mg): L\u00f6sungsmittel \/ BAC Water (ml): Gew\u00fcnschte Dosis pro Anwendung (mg): Spritzentyp \/ Skalierung: 0,3 ml (30 IE) \u2014 Demi \/ Feindosierung0,5 ml (50 IE) \u2014&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4537,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4458","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/pages\/4458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4458"}],"version-history":[{"count":5,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/pages\/4458\/revisions"}],"predecessor-version":[{"id":4541,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/pages\/4458\/revisions\/4541"}],"up":[{"embeddable":true,"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=\/wp\/v2\/pages\/4537"}],"wp:attachment":[{"href":"https:\/\/www.german-finest-peptides.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}