RSB Kostenrechner \/ Cost Calculator<\/title>\n<style>\n\/* ============================================================\n RSB KOSTENRECHNER v5 \u2013 DE\/EN automatisch\n ============================================================ *\/\n\n#rsb-wrap {\n font-family: 'Open Sans', Arial, sans-serif;\n background: #3d3d3d;\n color: #ffffff;\n max-width: 980px;\n margin: 0 auto;\n box-sizing: border-box;\n border-radius: 2px;\n}\n\n\/* Sprach-Toggle oben rechts *\/\n#rsb-lang-bar {\n display: flex;\n justify-content: flex-end;\n padding: 10px 18px 0;\n gap: 6px;\n}\n\n#rsb-lang-bar button {\n background: transparent;\n border: 1px solid #777;\n color: #cccccc;\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.05em;\n padding: 3px 10px;\n border-radius: 2px;\n cursor: pointer;\n transition: background 0.15s, color 0.15s, border-color 0.15s;\n}\n\n#rsb-lang-bar button.active {\n background: #E27330;\n border-color: #E27330;\n color: #ffffff;\n}\n\n#rsb-lang-bar button:hover:not(.active) {\n border-color: #E27330;\n color: #E27330;\n}\n\n\/* Grid *\/\n#rsb-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n}\n\n#rsb-col-left { padding: 28px 32px 40px 36px; border-right: 1px solid #505050; box-sizing: border-box; }\n#rsb-col-right { padding: 28px 36px 40px 32px; box-sizing: border-box; }\n\n\/* \u00dcberschriften *\/\n#rsb-wrap h2 {\n font-size: 1.22rem;\n font-weight: 700;\n color: #E27330;\n margin: 0 0 22px 0;\n line-height: 1.35;\n}\n\n\/* Labels *\/\n#rsb-wrap label {\n display: block;\n font-size: 0.84rem;\n color: #dddddd;\n margin-bottom: 5px;\n}\n\n#rsb-wrap label .req { color: #E27330; }\n\n\/* Eingabefelder *\/\n#rsb-wrap input[type=\"number\"],\n#rsb-wrap input[type=\"text\"],\n#rsb-wrap input[type=\"email\"],\n#rsb-wrap textarea {\n width: 100%;\n padding: 9px 12px;\n background: #ffffff;\n border: 2px solid transparent;\n border-radius: 2px;\n font-size: 0.91rem;\n font-family: inherit;\n color: #333333;\n box-sizing: border-box;\n -webkit-appearance: none;\n appearance: none;\n transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n#rsb-wrap input[type=\"number\"]:focus,\n#rsb-wrap input[type=\"text\"]:focus,\n#rsb-wrap input[type=\"email\"]:focus,\n#rsb-wrap textarea:focus {\n outline: none;\n border-color: #E27330;\n box-shadow: 0 0 0 2px rgba(226,115,48,0.25);\n}\n\n#rsb-wrap input[type=\"number\"] { -moz-appearance: textfield; }\n\n#rsb-wrap textarea { min-height: 80px; resize: vertical; }\n\n\/* Fehlerzustand *\/\n#rsb-wrap .invalid input,\n#rsb-wrap .invalid textarea { border-color: #e05050 !important; }\n\n#rsb-wrap .field-err {\n font-size: 0.76rem;\n color: #E27330;\n font-weight: 700;\n margin-top: 4px;\n display: none;\n}\n\n#rsb-wrap .invalid .field-err { display: block; }\n\n\/* Ergebnisboxen *\/\n#rsb-wrap .result-box {\n background: #E27330;\n color: #ffffff;\n font-size: 0.93rem;\n font-weight: 700;\n padding: 9px 12px;\n border-radius: 2px;\n min-height: 39px;\n display: flex;\n align-items: center;\n}\n\n.fg { margin-bottom: 15px; }\n\n#rsb-wrap .sec-head {\n font-size: 0.93rem;\n font-weight: 700;\n color: #E27330;\n margin: 20px 0 11px 0;\n}\n\n\/* Checkbox *\/\n#rsb-wrap .check-group {\n display: flex;\n align-items: flex-start;\n gap: 9px;\n margin-bottom: 15px;\n}\n\n#rsb-wrap .check-group input[type=\"checkbox\"] {\n width: 15px;\n height: 15px;\n min-width: 15px;\n margin-top: 3px;\n accent-color: #E27330;\n cursor: pointer;\n flex-shrink: 0;\n}\n\n#rsb-wrap .check-group label {\n font-size: 0.76rem;\n color: #cccccc;\n line-height: 1.5;\n cursor: pointer;\n margin-bottom: 0;\n}\n\n#rsb-wrap .check-group a { color: #E27330; }\n\n\/* Spam *\/\n#rsb-wrap .spam-row {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 16px;\n flex-wrap: wrap;\n}\n\n#rsb-wrap .spam-row label { white-space: nowrap; margin-bottom: 0; }\n#rsb-wrap .spam-row input[type=\"text\"] { width: 66px; }\n\n\/* Submit *\/\n#rsb-wrap .submit-btn {\n display: block;\n width: 100%;\n background: #E27330;\n color: #ffffff;\n font-family: inherit;\n font-size: 0.88rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n padding: 13px 20px;\n border: none;\n border-radius: 2px;\n cursor: pointer;\n transition: background 0.2s;\n margin-top: 4px;\n}\n\n#rsb-wrap .submit-btn:hover:not(:disabled) { background: #c95e18; }\n#rsb-wrap .submit-btn:disabled { background: #888; cursor: not-allowed; }\n\n\/* Meldungen *\/\n#rsb-wrap .form-error {\n background: #6b1c1c;\n color: #ffcccc;\n padding: 11px 14px;\n border-radius: 2px;\n font-size: 0.81rem;\n line-height: 1.5;\n margin-bottom: 12px;\n display: none;\n}\n\n#rsb-wrap .form-error.visible { display: block; }\n\n#rsb-wrap .success-msg {\n background: #1e5c22;\n color: #ffffff;\n padding: 20px 22px;\n border-radius: 2px;\n font-size: 0.88rem;\n line-height: 1.65;\n display: none;\n margin-top: 14px;\n}\n\n#rsb-wrap .success-msg.visible { display: block; }\n\n#rsb-col-right .intro {\n font-size: 0.8rem;\n color: #cccccc;\n line-height: 1.55;\n margin: -10px 0 16px 0;\n}\n\n\/* Gespiegelte Felder (ausgegraut) *\/\n.mirror-field {\n background: #e8e8e8 !important;\n color: #555 !important;\n}\n\n\/* Responsive *\/\n@media (max-width: 700px) {\n #rsb-grid { grid-template-columns: 1fr; }\n #rsb-col-left { padding: 24px 18px 22px; border-right: none; border-bottom: 1px solid #505050; }\n #rsb-col-right { padding: 24px 18px 32px; }\n #rsb-wrap h2 { font-size: 1.08rem; }\n}\n<\/style>\n<\/head>\n<body style=\"background:#2a2a2a; padding:40px 16px; margin:0;\">\n\n\n<div id=\"rsb-wrap\">\n\n \n <div id=\"rsb-lang-bar\">\n <button id=\"btn-de\" onclick=\"RSB.setLang('de')\">DE<\/button>\n <button id=\"btn-en\" onclick=\"RSB.setLang('en')\">EN<\/button>\n <\/div>\n\n <div id=\"rsb-grid\">\n\n \n <div id=\"rsb-col-left\">\n\n <h2 id=\"t-h1\"><\/h2>\n\n <div class=\"fg\" id=\"fg-d\">\n <label for=\"inp-d\" id=\"t-lbl-d\"><\/label>\n <input type=\"number\" id=\"inp-d\" step=\"0.01\" min=\"0.1\">\n <div class=\"field-err\" id=\"t-err-d\"><\/div>\n <\/div>\n\n <div class=\"fg\" id=\"fg-h\">\n <label for=\"inp-h\" id=\"t-lbl-h\"><\/label>\n <input type=\"number\" id=\"inp-h\" step=\"0.01\" min=\"0.1\">\n <div class=\"field-err\" id=\"t-err-h\"><\/div>\n <\/div>\n\n <div class=\"fg\" id=\"fg-w\">\n <label for=\"inp-w\" id=\"t-lbl-w\"><\/label>\n <input type=\"number\" id=\"inp-w\" step=\"0.01\" min=\"0.01\">\n <div class=\"field-err\" id=\"t-err-w\"><\/div>\n <\/div>\n\n <div class=\"fg\">\n <label id=\"t-lbl-fa\"><\/label>\n <div class=\"result-box\" id=\"res-fa\">\u2013<\/div>\n <\/div>\n\n <div class=\"fg\">\n <label id=\"t-lbl-fi\"><\/label>\n <div class=\"result-box\" id=\"res-fi\">\u2013<\/div>\n <\/div>\n\n <div class=\"fg\">\n <label id=\"t-lbl-vol\"><\/label>\n <div class=\"result-box\" id=\"res-vol\">\u2013<\/div>\n <\/div>\n\n <div class=\"sec-head\" id=\"t-sec-anker\"><\/div>\n\n <div class=\"fg\" id=\"fg-a\">\n <label for=\"inp-a\" id=\"t-lbl-a\"><\/label>\n <input type=\"number\" id=\"inp-a\" step=\"0.01\" min=\"0.1\" value=\"1.5\">\n <div class=\"field-err\" id=\"t-err-a\"><\/div>\n <\/div>\n\n <div class=\"fg\">\n <label id=\"t-lbl-anker-total\"><\/label>\n <div class=\"result-box\" id=\"res-anker\">\u2013<\/div>\n <\/div>\n\n <div class=\"sec-head\" id=\"t-sec-kosten\"><\/div>\n\n <div class=\"fg\" id=\"fg-s\">\n <label for=\"inp-s\" id=\"t-lbl-s\"><\/label>\n <input type=\"number\" id=\"inp-s\" step=\"0.5\" min=\"1\" value=\"35\">\n <div class=\"field-err\" id=\"t-err-s\"><\/div>\n <\/div>\n\n <div class=\"fg\">\n <label id=\"res-kosten-lbl\"><\/label>\n <div class=\"result-box\" id=\"res-kosten\">\u2013<\/div>\n <\/div>\n\n <\/div>\n\n \n <div id=\"rsb-col-right\">\n\n <h2 id=\"t-h2\"><\/h2>\n <p class=\"intro\" id=\"t-intro\"><\/p>\n\n <div class=\"fg\" id=\"fg-name\">\n <label for=\"inp-name\" id=\"t-lbl-name\"><\/label>\n <input type=\"text\" id=\"inp-name\">\n <div class=\"field-err\" id=\"t-err-name\"><\/div>\n <\/div>\n\n <div class=\"fg\" id=\"fg-email\">\n <label for=\"inp-email\" id=\"t-lbl-email\"><\/label>\n <input type=\"email\" id=\"inp-email\">\n <div class=\"field-err\" id=\"t-err-email\"><\/div>\n <\/div>\n\n \n <div class=\"fg\">\n <label id=\"t-lbl-d2\"><\/label>\n <input type=\"number\" id=\"inp-d2\" class=\"mirror-field\" step=\"0.01\" min=\"0.1\" tabindex=\"-1\" readonly>\n <\/div>\n <div class=\"fg\">\n <label id=\"t-lbl-h2\"><\/label>\n <input type=\"number\" id=\"inp-h2\" class=\"mirror-field\" step=\"0.01\" min=\"0.1\" tabindex=\"-1\" readonly>\n <\/div>\n <div class=\"fg\">\n <label id=\"t-lbl-w2\"><\/label>\n <input type=\"number\" id=\"inp-w2\" class=\"mirror-field\" step=\"0.01\" min=\"0.01\" tabindex=\"-1\" readonly>\n <\/div>\n <div class=\"fg\">\n <label id=\"t-lbl-a2\"><\/label>\n <input type=\"number\" id=\"inp-a2\" class=\"mirror-field\" step=\"0.01\" min=\"0.1\" tabindex=\"-1\" readonly>\n <\/div>\n <div class=\"fg\">\n <label id=\"t-lbl-s2\"><\/label>\n <input type=\"number\" id=\"inp-s2\" class=\"mirror-field\" step=\"0.5\" min=\"1\" tabindex=\"-1\" readonly>\n <\/div>\n\n <div class=\"fg\">\n <label for=\"inp-notes\" id=\"t-lbl-notes\"><\/label>\n <textarea id=\"inp-notes\"><\/textarea>\n <\/div>\n\n <div class=\"check-group\" id=\"fg-dsgvo\">\n <input type=\"checkbox\" id=\"inp-dsgvo\">\n <label for=\"inp-dsgvo\" id=\"t-lbl-dsgvo\"><\/label>\n <\/div>\n <div class=\"field-err\" id=\"dsgvo-err\" style=\"display:none;margin:-9px 0 13px;\"><\/div>\n\n <div class=\"spam-row\" id=\"fg-spam\">\n <label id=\"spam-label\" for=\"inp-spam\"><\/label>\n <input type=\"text\" id=\"inp-spam\" autocomplete=\"off\" inputmode=\"numeric\">\n <div class=\"field-err\" id=\"spam-err\" style=\"display:none;\"><\/div>\n <\/div>\n\n <div class=\"form-error\" id=\"form-err\"><\/div>\n\n <button type=\"button\" class=\"submit-btn\" id=\"rsb-btn\"><\/button>\n\n <div class=\"success-msg\" id=\"rsb-success\"><\/div>\n\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n\/* ============================================================\n RSB KOSTENRECHNER v5 \u2013 DE\/EN\n\n BERECHNUNGSLOGIK:\n Fl\u00e4che aussen = \u03c0 \u00d7 D \u00d7 H\n Fl\u00e4che innen = \u03c0 \u00d7 (D \u2212 W) \u00d7 H\n Volumen = \u03c0 \u00d7 H \u00d7 ((D\/2)\u00b2 \u2212 ((D\u2212W)\/2)\u00b2)\n Anzahl Anker = AUFRUNDEN(Fl\u00e4che_aussen \/ Anker_pro_m\u00b2)\n Mehrkosten = Anzahl_Anker \u00d7 STUNDEN_PRO_ANKER \u00d7 Stundenansatz\n STUNDEN_PRO_ANKER = 5\/7 \u2248 0.714 Std. [ANPASSEN]\n\n VERSAND: WordPress AJAX + wp_mail (PHP-Code am Ende)\n ============================================================ *\/\n\nvar RSB = (function () {\n 'use strict';\n\n \/* \u2500\u2500 Konstante \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var STUNDEN_PRO_ANKER = 5 \/ 7; \/\/ [ANPASSEN]\n\n \/* \u2500\u2500 \u00dcbersetzungen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var T = {\n de: {\n h1: 'Berechnung der Mehrkosten f\u00fcr eine geankerte Rundschalung',\n h2: 'Detaillierte Kalkulation kostenlos anfordern!',\n intro: 'Erhalten Sie eine kostenlose Berechnung der Mehrkosten f\u00fcr Ihr individuelles Projekt. Ein RSB-Mitarbeiter meldet sich direkt bei Ihnen.',\n lbl_d: 'Aussendurchmesser in Meter\u00a0*',\n lbl_h: 'H\u00f6he in Meter\u00a0*',\n lbl_w: 'Wandst\u00e4rke in Meter\u00a0*',\n lbl_fa: 'Fl\u00e4che aussen:',\n lbl_fi: 'Fl\u00e4che innen:',\n lbl_vol: 'Volumen:',\n sec_anker: 'Standard Systemschalung:',\n lbl_a: '1 Anker pro m\u00b2\u00a0* (z.B. 1,5 m\u00b2)',\n lbl_anker: 'Anzahl der Anker total:',\n sec_kosten: 'Mehrkosten f\u00fcr Durchankerung',\n lbl_s: 'Stundenansatz in \u20ac\u00a0* (Standard: 35 \u20ac)',\n lbl_kosten: 'Total Mehrkosten (Basis \u20ac {s}\/Std.):',\n lbl_name: 'Name',\n lbl_email: 'E-Mail-Adresse\u00a0*',\n lbl_d2: 'Aussendurchmesser (m)\u00a0*',\n lbl_h2: 'H\u00f6he (m)\u00a0*',\n lbl_w2: 'Wandst\u00e4rke (m)\u00a0*',\n lbl_a2: '1 Anker pro (m\u00b2)\u00a0*',\n lbl_s2: 'Stundenansatz (\u20ac)\u00a0*',\n lbl_notes: 'Anmerkungen zum Projekt',\n ph_d: 'z.B. 30',\n ph_h: 'z.B. 10',\n ph_w: 'z.B. 0.50',\n ph_name: 'Ihr Name',\n ph_email: 'ihre@email.com',\n ph_notes: 'Weitere Angaben zu Ihrem Projekt (optional)',\n dsgvo: 'Ich stimme zu, dass meine Angaben aus dem Formular zur Berechnung meiner Anfrage erhoben und verarbeitet werden. Die Daten werden nach abgeschlossener Bearbeitung gel\u00f6scht. Sie k\u00f6nnen Ihre Einwilligung jederzeit per E-Mail an <a href=\"mailto:info@rsb.info\">info@rsb.info<\/a> widerrufen. Details in der <a href=\"https:\/\/rsb.info\/datenschutzerklaerung\/\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a>.\u00a0*',\n btn: 'Berechnung anfordern',\n err_d: 'Geben Sie den Aussendurchmesser ein!',\n err_h: 'Geben Sie die H\u00f6he ein!',\n err_w: 'Geben Sie die Wandst\u00e4rke ein!',\n err_a: 'Geben Sie das Ankerverh\u00e4ltnis an!',\n err_s: 'Geben Sie den Stundenansatz ein!',\n err_name: 'Bitte geben Sie Ihren Namen ein.',\n err_email: 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.',\n err_dsgvo: 'Bitte stimmen Sie der Datenschutzerkl\u00e4rung zu.',\n err_spam: 'Bitte l\u00f6sen Sie die Rechenaufgabe.',\n err_send: 'Beim Senden ist ein Fehler aufgetreten. Bitte schreiben Sie uns direkt an <a href=\"mailto:info@rsb.info\" style=\"color:#ffaaaa;\">info@rsb.info<\/a>.',\n sending: 'Wird gesendet\u2026',\n success: '<strong>Vielen Dank f\u00fcr Ihre Anfrage!<\/strong><br><br>Ein RSB-Mitarbeiter wird sich in K\u00fcrze mit Ihrer detaillierten Kalkulation bei Ihnen melden.'\n },\n en: {\n h1: 'Calculation of extra costs for an anchored circular formwork',\n h2: 'Request a detailed calculation \u2013 free of charge!',\n intro: 'Get a free calculation of the additional anchoring costs for your individual project. An RSB team member will contact you directly.',\n lbl_d: 'Outer diameter in metres\u00a0*',\n lbl_h: 'Height in metres\u00a0*',\n lbl_w: 'Wall thickness in metres\u00a0*',\n lbl_fa: 'Outer surface area:',\n lbl_fi: 'Inner surface area:',\n lbl_vol: 'Volume:',\n sec_anker: 'Standard formwork system:',\n lbl_a: '1 anchor per m\u00b2\u00a0* (e.g. 1.5 m\u00b2)',\n lbl_anker: 'Total number of anchors:',\n sec_kosten: 'Extra costs for through-anchoring',\n lbl_s: 'Hourly rate in \u20ac\u00a0* (default: \u20ac 35)',\n lbl_kosten: 'Total extra costs (basis \u20ac {s}\/hr):',\n lbl_name: 'Name',\n lbl_email: 'E-mail address\u00a0*',\n lbl_d2: 'Outer diameter (m)\u00a0*',\n lbl_h2: 'Height (m)\u00a0*',\n lbl_w2: 'Wall thickness (m)\u00a0*',\n lbl_a2: '1 anchor per (m\u00b2)\u00a0*',\n lbl_s2: 'Hourly rate (\u20ac)\u00a0*',\n lbl_notes: 'Notes on the project',\n ph_d: 'e.g. 30',\n ph_h: 'e.g. 10',\n ph_w: 'e.g. 0.50',\n ph_name: 'Your name',\n ph_email: 'your@email.com',\n ph_notes: 'Additional information about your project (optional)',\n dsgvo: 'I agree that the data submitted in this form will be collected and processed to handle my request. The data will be deleted once your request has been processed. You can revoke your consent at any time by email to <a href=\"mailto:info@rsb.info\">info@rsb.info<\/a>. Details in our <a href=\"https:\/\/rsb.info\/datenschutzerklaerung\/\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a>.\u00a0*',\n btn: 'Request calculation',\n err_d: 'Please enter the outer diameter!',\n err_h: 'Please enter the height!',\n err_w: 'Please enter the wall thickness!',\n err_a: 'Please enter the anchor ratio!',\n err_s: 'Please enter the hourly rate!',\n err_name: 'Please enter your name.',\n err_email: 'Please enter a valid e-mail address.',\n err_dsgvo: 'Please agree to the privacy policy.',\n err_spam: 'Please solve the arithmetic question.',\n err_send: 'An error occurred while sending. Please write to us directly at <a href=\"mailto:info@rsb.info\" style=\"color:#ffaaaa;\">info@rsb.info<\/a>.',\n sending: 'Sending\u2026',\n success: '<strong>Thank you for your request!<\/strong><br><br>An RSB team member will contact you shortly with your detailed calculation.'\n }\n };\n\n \/* \u2500\u2500 Aktive Sprache \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var lang = 'de';\n\n function detectLang() {\n var bl = (navigator.language || navigator.userLanguage || 'de').toLowerCase();\n return bl.startsWith('en') ? 'en' : 'de';\n }\n\n \/* \u2500\u2500 DOM-Texte setzen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function setText(id, text) {\n var el = document.getElementById(id);\n if (!el) return;\n \/\/ Nur bei Label-Feldern innerHTML verwenden (DSGVO-Links)\n el.innerHTML = text;\n }\n\n function setAttr(id, attr, val) {\n var el = document.getElementById(id);\n if (el) el[attr] = val;\n }\n\n function applyLang(l) {\n lang = l;\n var t = T[l];\n var S = parseFloat(document.getElementById('inp-s').value) || 35;\n\n \/\/ \u00dcberschriften & Intro\n setText('t-h1', t.h1);\n setText('t-h2', t.h2);\n setText('t-intro', t.intro);\n\n \/\/ Labels links\n setText('t-lbl-d', t.lbl_d);\n setText('t-lbl-h', t.lbl_h);\n setText('t-lbl-w', t.lbl_w);\n setText('t-lbl-fa', t.lbl_fa);\n setText('t-lbl-fi', t.lbl_fi);\n setText('t-lbl-vol', t.lbl_vol);\n setText('t-sec-anker', t.sec_anker);\n setText('t-lbl-a', t.lbl_a);\n setText('t-lbl-anker-total',t.lbl_anker);\n setText('t-sec-kosten', t.sec_kosten);\n setText('t-lbl-s', t.lbl_s);\n setText('res-kosten-lbl', t.lbl_kosten.replace('{s}', Math.round(S)));\n\n \/\/ Fehlermeldungen links\n setText('t-err-d', t.err_d);\n setText('t-err-h', t.err_h);\n setText('t-err-w', t.err_w);\n setText('t-err-a', t.err_a);\n setText('t-err-s', t.err_s);\n\n \/\/ Placeholders links\n setAttr('inp-d', 'placeholder', t.ph_d);\n setAttr('inp-h', 'placeholder', t.ph_h);\n setAttr('inp-w', 'placeholder', t.ph_w);\n\n \/\/ Labels rechts\n setText('t-lbl-name', t.lbl_name);\n setText('t-lbl-email', t.lbl_email);\n setText('t-lbl-d2', t.lbl_d2);\n setText('t-lbl-h2', t.lbl_h2);\n setText('t-lbl-w2', t.lbl_w2);\n setText('t-lbl-a2', t.lbl_a2);\n setText('t-lbl-s2', t.lbl_s2);\n setText('t-lbl-notes', t.lbl_notes);\n\n \/\/ DSGVO\n setText('t-lbl-dsgvo', t.dsgvo);\n\n \/\/ Fehlermeldungen rechts\n setText('t-err-name', t.err_name);\n setText('t-err-email', t.err_email);\n setText('dsgvo-err', t.err_dsgvo);\n setText('spam-err', t.err_spam);\n setText('form-err', t.err_send);\n\n \/\/ Placeholders rechts\n setAttr('inp-name', 'placeholder', t.ph_name);\n setAttr('inp-email', 'placeholder', t.ph_email);\n setAttr('inp-notes', 'placeholder', t.ph_notes);\n\n \/\/ Button & Meldungen\n document.getElementById('rsb-btn').textContent = t.btn;\n\n \/\/ Toggle-Buttons\n document.getElementById('btn-de').classList.toggle('active', l === 'de');\n document.getElementById('btn-en').classList.toggle('active', l === 'en');\n\n \/\/ html lang-Attribut\n document.documentElement.lang = l;\n }\n\n \/* \u2500\u2500 Spam \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var spA = 0, spB = 0;\n\n function neueAufgabe() {\n spA = Math.floor(Math.random() * 9) + 1;\n spB = Math.floor(Math.random() * 9) + 1;\n document.getElementById('spam-label').textContent = spA + ' + ' + spB + ' =';\n document.getElementById('inp-spam').value = '';\n }\n\n \/* \u2500\u2500 Hilfsfunktionen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function num(id) { return parseFloat(document.getElementById(id).value); }\n\n function fmt(n, e) { return Math.round(n).toLocaleString('de-AT') + '\u00a0' + e; }\n\n function fmtEur(n) { return Math.round(n).toLocaleString('de-AT') + '\u00a0EUR'; }\n\n \/* \u2500\u2500 Live-Berechnung \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function berechne() {\n var D = num('inp-d'), H = num('inp-h'), W = num('inp-w');\n var A = num('inp-a'), S = num('inp-s');\n\n var okD = !isNaN(D) && D > 0;\n var okH = !isNaN(H) && H > 0;\n var okW = !isNaN(W) && W > 0;\n var okA = !isNaN(A) && A > 0;\n var okS = !isNaN(S) && S > 0;\n\n var fa = okD && okH ? Math.PI * D * H : NaN;\n document.getElementById('res-fa').textContent = isNaN(fa) ? '\u2013' : fmt(fa, 'm\u00b2');\n\n if (okD && okH && okW) {\n var Di = D - W;\n document.getElementById('res-fi').textContent = fmt(Math.PI * Di * H, 'm\u00b2');\n document.getElementById('res-vol').textContent = fmt(\n Math.PI * H * ((D\/2)*(D\/2) - (Di\/2)*(Di\/2)), 'm\u00b3');\n } else {\n document.getElementById('res-fi').textContent = '\u2013';\n document.getElementById('res-vol').textContent = '\u2013';\n }\n\n var anzAnker = NaN;\n if (!isNaN(fa) && okA) {\n anzAnker = Math.ceil(fa \/ A);\n document.getElementById('res-anker').textContent = anzAnker.toLocaleString('de-AT') + '\u00a0Stk.';\n } else {\n document.getElementById('res-anker').textContent = '\u2013';\n }\n\n \/\/ Mehrkosten-Label mit aktuellem Stundenansatz\n var t = T[lang];\n document.getElementById('res-kosten-lbl').textContent =\n t.lbl_kosten.replace('{s}', okS ? Math.round(S) : 35);\n\n if (!isNaN(anzAnker) && okS) {\n document.getElementById('res-kosten').textContent = fmtEur(anzAnker * STUNDEN_PRO_ANKER * S);\n } else {\n document.getElementById('res-kosten').textContent = '\u2013';\n }\n\n \/\/ Spiegelfelder\n ['d','h','w','a','s'].forEach(function(k) {\n document.getElementById('inp-' + k + '2').value =\n document.getElementById('inp-' + k).value;\n });\n }\n\n \/* \u2500\u2500 Validierung \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function setInvalid(id, nok) {\n var el = document.getElementById(id);\n if (el) el.classList.toggle('invalid', nok);\n }\n\n function validEmail(v) {\n return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v.trim());\n }\n\n function validiere() {\n var ok = true;\n var t = T[lang];\n\n [['fg-d','inp-d'],['fg-h','inp-h'],['fg-w','inp-w'],\n ['fg-a','inp-a'],['fg-s','inp-s']].forEach(function(p) {\n var v = parseFloat(document.getElementById(p[1]).value);\n setInvalid(p[0], isNaN(v) || v <= 0);\n if (isNaN(v) || v <= 0) ok = false;\n });\n\n var eOk = validEmail(document.getElementById('inp-email').value);\n setInvalid('fg-email', !eOk);\n if (!eOk) ok = false;\n\n var dOk = document.getElementById('inp-dsgvo').checked;\n document.getElementById('fg-dsgvo').classList.toggle('invalid', !dOk);\n document.getElementById('dsgvo-err').style.display = dOk ? 'none' : 'block';\n if (!dOk) ok = false;\n\n var spOk = parseInt(document.getElementById('inp-spam').value, 10) === (spA + spB);\n document.getElementById('fg-spam').classList.toggle('invalid', !spOk);\n document.getElementById('spam-err').style.display = spOk ? 'none' : 'block';\n if (!spOk) ok = false;\n\n return ok;\n }\n\n \/* \u2500\u2500 Daten sammeln \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function sammle() {\n var D = num('inp-d'), H = num('inp-h'), W = num('inp-w');\n var A = num('inp-a'), S = num('inp-s');\n var fa = Math.PI * D * H;\n var fi = Math.PI * (D - W) * H;\n var vol = Math.PI * H * ((D\/2)*(D\/2) - ((D-W)\/2)*((D-W)\/2));\n var anz = Math.ceil(fa \/ A);\n return {\n lang: lang,\n name: document.getElementById('inp-name').value.trim(),\n email: document.getElementById('inp-email').value.trim(),\n anmerkungen: document.getElementById('inp-notes').value.trim(),\n eingaben: { aussendurchmesser_m: D, hoehe_m: H, wandstaerke_m: W,\n anker_pro_m2: A, stundenansatz_eur: S },\n ergebnisse: { flaeche_aussen_m2: Math.round(fa), flaeche_innen_m2: Math.round(fi),\n volumen_m3: Math.round(vol), anzahl_anker: anz,\n mehrkosten_eur: Math.round(anz * STUNDEN_PRO_ANKER * S) }\n };\n }\n\n \/* \u2500\u2500 Versand \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n WordPress AJAX aktiv sobald window.rsb_ajax_url gesetzt.\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function sende(daten) {\n return new Promise(function(resolve, reject) {\n if (typeof window.rsb_ajax_url !== 'undefined') {\n var fd = new FormData();\n fd.append('action', 'rsb_kostenrechner_submit');\n fd.append('nonce', window.rsb_ajax_nonce || '');\n fd.append('payload', JSON.stringify(daten));\n fetch(window.rsb_ajax_url, { method: 'POST', body: fd })\n .then(function(r) { return r.json(); })\n .then(function(j) { j.success ? resolve() : reject(new Error(j.data)); })\n .catch(reject);\n return;\n }\n \/\/ Demo\n console.log('[RSB] Payload:', JSON.stringify(daten, null, 2));\n setTimeout(resolve, 1200);\n });\n }\n\n \/* \u2500\u2500 Submit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function initSubmit() {\n document.getElementById('rsb-btn').addEventListener('click', function() {\n document.getElementById('form-err').classList.remove('visible');\n if (!validiere()) {\n var first = document.querySelector('#rsb-wrap .invalid');\n if (first) first.scrollIntoView({ behavior: 'smooth', block: 'center' });\n return;\n }\n var btn = document.getElementById('rsb-btn');\n btn.disabled = true;\n btn.textContent = T[lang].sending;\n\n sende(sammle())\n .then(function() {\n document.querySelectorAll('#rsb-wrap input, #rsb-wrap textarea').forEach(function(el) {\n el.disabled = true;\n });\n btn.style.display = 'none';\n var s = document.getElementById('rsb-success');\n s.innerHTML = T[lang].success;\n s.classList.add('visible');\n s.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n })\n .catch(function(err) {\n console.error('[RSB]', err);\n btn.disabled = false;\n btn.textContent = T[lang].btn;\n document.getElementById('form-err').classList.add('visible');\n neueAufgabe();\n });\n });\n }\n\n \/* \u2500\u2500 \u00d6ffentliche setLang-Funktion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function setLang(l) {\n applyLang(l);\n berechne(); \/\/ Mehrkosten-Label aktualisieren\n }\n\n \/* \u2500\u2500 Init \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n function init() {\n \/\/ Sprache erkennen\n applyLang(detectLang());\n\n \/\/ Live-Events\n ['inp-d','inp-h','inp-w','inp-a','inp-s'].forEach(function(id) {\n var el = document.getElementById(id);\n el.addEventListener('input', berechne);\n el.addEventListener('change', berechne);\n });\n\n neueAufgabe();\n berechne();\n initSubmit();\n }\n\n init();\n\n return { setLang: setLang };\n\n}());\n\n\/* ============================================================\n WORDPRESS \u2013 functions.php (PHP-Snippet, unver\u00e4ndert zu v4)\n\n add_action('wp_ajax_rsb_kostenrechner_submit', 'rsb_kostenrechner_handle');\n add_action('wp_ajax_nopriv_rsb_kostenrechner_submit', 'rsb_kostenrechner_handle');\n\n function rsb_kostenrechner_handle() {\n if (!check_ajax_referer('rsb_kostenrechner_nonce','nonce',false)) {\n wp_send_json_error('Invalid token.'); return;\n }\n $payload = json_decode(stripslashes($_POST['payload']), true);\n if (!$payload || empty($payload['email'])) {\n wp_send_json_error('Invalid data.'); return;\n }\n $e = $payload['eingaben'];\n $r = $payload['ergebnisse'];\n $lang = $payload['lang'] === 'en' ? 'EN' : 'DE';\n $body = \"=== RSB Cost Calculator ({$lang}) \u2013 new request ===\\n\\n\";\n $body .= \"Name: \" . sanitize_text_field($payload['name']) . \"\\n\";\n $body .= \"E-Mail: \" . sanitize_email($payload['email']) . \"\\n\";\n $body .= \"Notes: \" . sanitize_textarea_field($payload['anmerkungen']) . \"\\n\\n\";\n $body .= \"--- Project data ---\\n\";\n $body .= \"Outer diameter: \" . $e['aussendurchmesser_m'] . \" m\\n\";\n $body .= \"Height: \" . $e['hoehe_m'] . \" m\\n\";\n $body .= \"Wall thickness: \" . $e['wandstaerke_m'] . \" m\\n\";\n $body .= \"1 anchor per: \" . $e['anker_pro_m2'] . \" m\u00b2\\n\";\n $body .= \"Hourly rate: \" . $e['stundenansatz_eur'] . \" \u20ac\\n\\n\";\n $body .= \"--- Calculation ---\\n\";\n $body .= \"Outer surface: \" . $r['flaeche_aussen_m2'] . \" m\u00b2\\n\";\n $body .= \"Inner surface: \" . $r['flaeche_innen_m2'] . \" m\u00b2\\n\";\n $body .= \"Volume: \" . $r['volumen_m3'] . \" m\u00b3\\n\";\n $body .= \"No. of anchors: \" . $r['anzahl_anker'] . \" pcs.\\n\";\n $body .= \"Extra costs: \" . $r['mehrkosten_eur'] . \" EUR\\n\";\n $sent = wp_mail(\n 'info@rsb.info',\n 'Cost Calculator Request: ' . sanitize_text_field($payload['name'] ?: 'No name'),\n $body,\n ['Content-Type: text\/plain; charset=UTF-8',\n 'Reply-To: ' . sanitize_email($payload['email'])]\n );\n $sent ? wp_send_json_success() : wp_send_json_error('Mail failed.');\n }\n\n \/\/ Nonce + AJAX-URL bereitstellen (auf beiden Seiten: DE + EN)\n add_action('wp_enqueue_scripts', function() {\n if (!is_page(['kostenrechner','cost-calculator'])) return;\n wp_add_inline_script('jquery',\n 'window.rsb_ajax_url=\"' . esc_url(admin_url('admin-ajax.php')) . '\";' .\n 'window.rsb_ajax_nonce=\"' . wp_create_nonce('rsb_kostenrechner_nonce') . '\";',\n 'before'\n );\n });\n ============================================================ *\/\n<\/script>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4484,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4483","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/pages\/4483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/comments?post=4483"}],"version-history":[{"count":4,"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/pages\/4483\/revisions"}],"predecessor-version":[{"id":74374,"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/pages\/4483\/revisions\/74374"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/media\/4484"}],"wp:attachment":[{"href":"https:\/\/www.rsb.info\/en\/wp-json\/wp\/v2\/media?parent=4483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}