{"id":4848,"date":"2026-01-05T10:28:23","date_gmt":"2026-01-05T09:28:23","guid":{"rendered":"https:\/\/vistema.org\/?page_id=4848"},"modified":"2026-02-16T18:39:53","modified_gmt":"2026-02-16T17:39:53","slug":"zertifikatsrechner","status":"publish","type":"page","link":"https:\/\/vistema.org\/en\/zertifikatsrechner\/","title":{"rendered":"Certificate calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4848\" class=\"elementor elementor-4848\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc601ed e-flex e-con-boxed e-con e-parent\" data-id=\"cc601ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b473286 e-con-full e-flex e-con e-child\" data-id=\"b473286\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3833b34 elementor-widget elementor-widget-html\" data-id=\"3833b34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"zertifikats-rechner-wrapper\">\n    <div class=\"rechner-container\">\n        \n        <div class=\"rechner-form\">\n            <h2>Pflichtmodule zum Einstieg<\/h2>\n            <p class=\"instr\">W\u00e4hle aus, mit welchem Seminar du startest:<\/p>\n            \n            <div class=\"module-group\">\n                <label class=\"radio-label\">\n                    <input type=\"radio\" name=\"pflicht\" value=\"10\" onchange=\"calcUE()\"> \n                    online-Upgrade (10 UE)\n                <\/label>\n                <label class=\"radio-label\">\n                    <input type=\"radio\" name=\"pflicht\" value=\"30\" onchange=\"calcUE()\">\n                    <span class=\"label-text\">VISTEMA<sup>&reg;<\/sup>-Board f\u00fcr Einsteiger (30 UE)<\/span>\n                <\/label>\n            <\/div>\n\n            <h2>Wahlmodule<\/h2>\n            <p class=\"instr\">W\u00e4hle deine Vertiefungen (mind. 110 UE Gesamtsumme inkl. Einstieg angestrebt):<\/p>\n            \n            <div class=\"checkbox-group\">\n                <label><input type=\"checkbox\" value=\"5\" onchange=\"calcUE()\"> Selbstcoaching (5 UE)<\/label>\n                <label><input type=\"checkbox\" value=\"15\" onchange=\"calcUE()\"> Standard-Formate (15 UE)<\/label>\n                <label><input type=\"checkbox\" value=\"10\" onchange=\"calcUE()\"> Verdecktes Arbeiten (10 UE)<\/label>\n                <label><input type=\"checkbox\" value=\"30\" onchange=\"calcUE()\"> Teamentwicklung (30 UE)<\/label>\n                <label><input type=\"checkbox\" value=\"15\" onchange=\"calcUE()\"> Mediation und Konfliktl\u00f6sung (15 UE)<\/label>\n                <label><input type=\"checkbox\" value=\"15\" onchange=\"calcUE()\"> Trauma Basics (15 UE)<\/label>\n                <label><input type=\"checkbox\" value=\"10\" onchange=\"calcUE()\"> Arbeitsf\u00e4higkeits-Coaching (10 UE)<\/label>\n            <\/div>\n\n            <h2>Weitere Pflichtmodule vor Zertifikat<\/h2>\n            <div class=\"checkbox-group\">\n                <label><input type=\"checkbox\" value=\"10\" checked onchange=\"calcUE()\"> Gruppen und Teams (10 UE)<\/label>\n                \n                <p style=\"margin: 10px 0 5px 0; font-size: 0.9rem; font-weight:600;\">W\u00e4hle eines der beiden:<\/p>\n                <label class=\"radio-label\">\n                    <input type=\"radio\" name=\"wahl_optisch\" value=\"15\" onchange=\"calcUE()\"> \n                    Optisches Denken & Visuelle Kommunikation (15 UE)\n                <\/label>\n                <label class=\"radio-label\">\n                    <input type=\"radio\" name=\"wahl_optisch\" value=\"15\" onchange=\"calcUE()\"> \n                    Besser verstehen\/besser verstanden werden (15 UE)\n                <\/label>\n\n                <label><input type=\"checkbox\" value=\"15\" checked onchange=\"calcUE()\"> Expert-Day (15 UE)<\/label>\n            <\/div>\n\n            <h2>Zertifikat<\/h2>\n            <p class=\"instr\">Hast du gen\u00fcgend Seminare besucht, kannst du beim Zertifikats-Tag antreten:<\/p>\n            <div class=\"zertifikat-info-box\">\n                <strong>Zertifizierung zum VISTEMA<sup>&reg;<\/sup>-Board Professional (10 UE \/ 1 Tag)<\/strong>\n            <\/div>\n        <\/div>\n\n        <div class=\"rechner-sidebar\">\n            <div class=\"result-box\">\n                <h3>Berechnete Unterrichtseinheiten<\/h3>\n                <p>Du musst insgesamt mindestens auf eine Summe von 110 kommen.<\/p>\n                <div class=\"ue-number\" id=\"totalUE\">0<\/div>\n                <p class=\"small-text\">Gesamt-Unterrichtseinheiten<\/p>\n                \n                <div id=\"status-box\" class=\"status-neutral\">\n                    <p id=\"status-text\">Noch nicht ganz...<\/p>\n                    <span id=\"status-subtext\">W\u00e4hle Module aus, um deine UE zu berechnen.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n\/* CSS Styling *\/\n.zertifikats-rechner-wrapper {\n    font-family: 'Montserrat', sans-serif;\n    color: #333;\n    padding: 20px;\n    background: #fdfdfd;\n}\n.rechner-container {\n    display: flex;\n    gap: 40px;\n    max-width: 1000px;\n    margin: 0 auto;\n    flex-wrap: wrap;\n}\n.rechner-form { flex: 2; min-width: 300px; }\n.rechner-sidebar { flex: 1; min-width: 280px; }\n\nh2 { font-size: 1.4rem; color: #002e5d; margin: 25px 0 10px; border-bottom: 2px solid #eee; padding-bottom: 5px; }\n.instr { font-size: 0.9rem; color: #666; margin-bottom: 15px; }\n\n.zertifikat-info-box {\n    background: #f1f1f1;\n    padding: 15px;\n    border-radius: 5px;\n    font-size: 1rem;\n    color: #002e5d;\n    margin-top: 10px;\n    border-left: 4px solid #002e5d;\n}\n\n\/* --- HIER IST DIE \u00c4NDERUNG --- *\/\nsup {\n    font-size: 0.6em;       \n    vertical-align: top; \n    position: relative;     \n    top: -0.2em;            \n    line-height: 0;\n    \n    \/* Wir gehen auf sanfte -1px zur\u00fcck *\/\n    margin-left: -1px; \n    margin-right: -1px; \n}\n\n.module-group, .checkbox-group { display: flex; flex-direction: column; gap: 8px; }\n\n\/* Flexbox Gap ist ok f\u00fcr Checkbox <-> Text *\/\nlabel { font-size: 1rem; cursor: pointer; display: flex; align-items: center; gap: 8px; line-height: 1.4; }\n\ninput[type=\"checkbox\"], input[type=\"radio\"] { width: 18px; height: 18px; accent-color: #002e5d; flex-shrink: 0; }\n\n.result-box {\n    background: #fff;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    padding: 30px;\n    text-align: center;\n    position: sticky;\n    top: 100px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n}\n.ue-number { font-size: 4rem; font-weight: bold; color: #002e5d; margin: 15px 0; }\n.status-neutral { background: #fff3cd; padding: 15px; border-radius: 5px; margin-top: 20px; }\n.status-success { background: #d4edda; color: #155724; padding: 15px; border-radius: 5px; margin-top: 20px; }\n\n@media (max-width: 768px) { .rechner-container { flex-direction: column; } }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    calcUE();\n});\n\nfunction calcUE() {\n    let total = 0;\n    \n    const radios = document.querySelectorAll('input[type=\"radio\"]:checked');\n    radios.forEach(r => { total += parseInt(r.value); });\n    \n    const checks = document.querySelectorAll('input[type=\"checkbox\"]:checked');\n    checks.forEach(c => { total += parseInt(c.value); });\n    \n    document.getElementById('totalUE').innerText = total;\n    \n    const statusBox = document.getElementById('status-box');\n    const statusText = document.getElementById('status-text');\n    const statusSub = document.getElementById('status-subtext');\n    \n    if (total >= 110) {\n        statusBox.className = \"status-success\";\n        statusText.innerHTML = \"<strong>Super!<\/strong>\";\n        statusSub.innerText = \"Du hast die Mindestanzahl von 110 UE erreicht und kannst dich zum Zertifikat anmelden.\";\n    } else {\n        statusBox.className = \"status-neutral\";\n        statusText.innerText = \"Noch nicht ganz...\";\n        statusSub.innerText = \"Dir fehlen noch \" + (110 - total) + \" UE f\u00fcr die Zertifizierung.\";\n    }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pflichtmodule zum Einstieg W\u00e4hle aus, mit welchem Seminar du startest: online-Upgrade (10 UE) VISTEMA&reg;-Board f\u00fcr Einsteiger (30 UE) Wahlmodule W\u00e4hle&#8230; <a class=\"read-more-link\" style=\"color: #8BB021; font-weight: bold;\" href=\"https:\/\/vistema.org\/en\/zertifikatsrechner\/\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4848","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vistema.org\/en\/wp-json\/wp\/v2\/pages\/4848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vistema.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vistema.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vistema.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vistema.org\/en\/wp-json\/wp\/v2\/comments?post=4848"}],"version-history":[{"count":0,"href":"https:\/\/vistema.org\/en\/wp-json\/wp\/v2\/pages\/4848\/revisions"}],"wp:attachment":[{"href":"https:\/\/vistema.org\/en\/wp-json\/wp\/v2\/media?parent=4848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}