HR Check-In \u2013 Kurzbefragung<\/title>\r\n\r\n <style>\r\n @keyframes bounceArrow {\r\n 0%, 100% {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n 50% {\r\n transform: translateY(8px);\r\n opacity: 0.7;\r\n }\r\n }\r\n \r\n @keyframes successFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(0.9);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n }\r\n \r\n @keyframes successCheckmark {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n \r\n @keyframes fadeInUp {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .kiquiz-bullet-item {\r\n opacity: 0;\r\n animation: fadeInUp 0.5s ease-out forwards;\r\n }\r\n\r\n .kiquiz-tech-details {\r\n margin-top: 10px;\r\n }\r\n .kiquiz-tech-details summary {\r\n list-style: none;\r\n cursor: pointer;\r\n color: #667eea;\r\n text-decoration: underline;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n outline: none;\r\n }\r\n .kiquiz-tech-details summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n .kiquiz-tech-details[open] summary {\r\n text-decoration-thickness: 2px;\r\n }\r\n .kiquiz-tech-details .kiquiz-tech-details-body {\r\n margin-top: 10px;\r\n padding: 12px 14px;\r\n background: #f9fafb;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 10px;\r\n color: #374151;\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n }\r\n body {\r\n background: #323c50;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n }\r\n .kiquiz-container {\r\n max-width: 900px;\r\n margin: 38px auto 0 auto;\r\n padding: 40px 24px;\r\n background: #ffffff;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n color: #323c50;\r\n text-align:center;\r\n }\r\n\r\n .kiquiz-progress-container {\r\n margin-bottom: 32px;\r\n }\r\n .kiquiz-progress-label {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #4b5563;\r\n margin-bottom: 12px;\r\n text-align: center;\r\n letter-spacing: -0.01em;\r\n }\r\n .kiquiz-progress-bar {\r\n width: 100%;\r\n background: #e5e7eb;\r\n height: 10px;\r\n border-radius: 10px;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);\r\n }\r\n .kiquiz-progress {\r\n height: 10px;\r\n background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\r\n width: 0%;\r\n border-radius: 10px;\r\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);\r\n }\r\n\r\n .kiquiz-step {\r\n display: none;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n }\r\n .kiquiz-step.active {\r\n display: block;\r\n opacity: 1;\r\n }\r\n\r\n \/* --- Cards\/Options --- *\/\r\n .kiquiz-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-top: 30px;\r\n margin-bottom: 30px;\r\n }\r\n @media (max-width: 768px) {\r\n .kiquiz-card-grid { grid-template-columns: repeat(2, 1fr);}\r\n }\r\n @media (max-width: 480px) {\r\n .kiquiz-card-grid { grid-template-columns: 1fr;}\r\n }\r\n .kiquiz-card-option {\r\n background: #ffffff;\r\n color: #323c50;\r\n border-radius: 12px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);\r\n padding: 20px 12px;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex; \r\n flex-direction: column; \r\n align-items: center;\r\n text-align: center;\r\n gap: 12px;\r\n border: 2px solid #e5e7eb;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n }\r\n .kiquiz-card-option.selected {\r\n border: 2px solid #667eea;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35), 0 0 0 4px rgba(102, 126, 234, 0.1);\r\n transform: translateY(-2px);\r\n }\r\n .kiquiz-card-option:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.08);\r\n border-color: #cbd5e1;\r\n }\r\n .kiquiz-card-option.selected:hover {\r\n box-shadow: 0 12px 28px rgba(102, 126, 234, 0.4), 0 0 0 4px rgba(102, 126, 234, 0.15);\r\n }\r\n .kiquiz-option-img {\r\n width: 60px; height: 60px; object-fit: contain;\r\n }\r\n\r\n .kiquiz-btn,\r\n .kiquiz-submit-btn {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n text-align: center;\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n font-size: 16px;\r\n padding: 14px 32px;\r\n margin-top: 24px;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\r\n }\r\n .kiquiz-btn:hover,\r\n .kiquiz-submit-btn:hover,\r\n .kiquiz-cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\r\n }\r\n .kiquiz-btn:active,\r\n .kiquiz-submit-btn:active,\r\n .kiquiz-cta-button:active {\r\n transform: translateY(0);\r\n box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);\r\n }\r\n\r\n \/* Secondary CTA (unauff\u00e4lliger PDF-Download) *\/\r\n .kiquiz-cta-secondary-button {\r\n display: inline-block;\r\n padding: 12px 14px;\r\n background: #ffffff;\r\n color: #4b5563;\r\n text-decoration: none;\r\n border-radius: 10px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n border: 1px solid #d1d5db;\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n line-height: 1;\r\n }\r\n .kiquiz-cta-secondary-button:hover {\r\n transform: translateY(-1px);\r\n border-color: #d1d5db; \/* Hover-Farbe = Normalzustand *\/\r\n color: #4b5563; \/* Hover-Farbe = Normalzustand *\/\r\n background: #ffffff; \/* Hover-Farbe = Normalzustand *\/\r\n box-shadow: 0 6px 20px rgba(17, 24, 39, 0.08);\r\n }\r\n .kiquiz-cta-secondary-button:active {\r\n transform: translateY(0);\r\n box-shadow: 0 2px 8px rgba(17, 24, 39, 0.06);\r\n }\r\n\r\n .kiquiz-nav {\r\n margin-top: 30px; \r\n text-align: center;\r\n display:flex;\r\n justify-content:space-between;\r\n gap:12px;\r\n }\r\n .kiquiz-nav button {\r\n background: #ffffff;\r\n border: 2px solid #e5e7eb;\r\n color: #667eea;\r\n font-weight: 600; \r\n cursor: pointer; \r\n padding: 12px 24px; \r\n font-size: 15px;\r\n border-radius: 10px;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n }\r\n .kiquiz-nav button.kiquiz-btn {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n border-color: #667eea;\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\r\n }\r\n .kiquiz-nav button:hover {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n border-color: #667eea;\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\r\n transform: translateY(-2px);\r\n }\r\n .kiquiz-nav button.kiquiz-btn:hover {\r\n box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);\r\n transform: translateY(-2px);\r\n }\r\n .kiquiz-nav button:active {\r\n transform: translateY(0);\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n \/* --- AUSWERTUNG --- *\/\r\n .kiquiz-auswertung-grid {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 2.5rem;\r\n justify-content: flex-start;\r\n margin: 0 auto 0 auto;\r\n max-width: 760px;\r\n }\r\n .kiquiz-circle-block {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n flex-shrink: 0;\r\n }\r\n .kiquiz-score-caption-title {\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n color: #111827;\r\n letter-spacing: -0.01em;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n .kiquiz-score-caption-sub {\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #6b7280;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n .kiquiz-circle-wrapper {\r\n position: relative;\r\n width: 110px;\r\n height: 110px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .kiquiz-score-number {\r\n position: absolute;\r\n left: 0; top: 0; width: 110px; height: 110px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 2.1rem;\r\n font-weight: 700;\r\n color: #667eea;\r\n pointer-events: none;\r\n }\r\n .kiquiz-auswertung-main {\r\n flex: 1 1 390px;\r\n min-width: 0;\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box;\r\n overflow: visible;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n }\r\n @media (max-width: 900px) {\r\n .kiquiz-auswertung-grid { flex-direction: column; gap: 1.5rem;}\r\n .kiquiz-auswertung-main { text-align: left;}\r\n }\r\n @media (max-width: 540px) {\r\n .kiquiz-auswertung-main { font-size: 1rem; }\r\n .kiquiz-handlungs-box-wide { padding: 1em 0.3em 0.5em 0.3em;}\r\n #kiquiz-interim-result-text h3 {\r\n font-size: 1.2rem !important;\r\n }\r\n #kiquiz-interim-result-text p {\r\n font-size: 0.95rem !important;\r\n }\r\n #kiquiz-interim-result-text strong {\r\n font-size: 0.95rem !important;\r\n }\r\n .kiquiz-cta-banner h3 {\r\n font-size: 1.1rem !important;\r\n }\r\n .kiquiz-cta-banner p {\r\n font-size: 0.9rem !important;\r\n }\r\n .kiquiz-cta-banner div {\r\n font-size: 1.5rem !important;\r\n }\r\n }\r\n\r\n \/* --- Handlungsempfehlungen + Blur --- *\/\r\n .kiquiz-hl-action {\r\n margin: 0 0 0.1em 0;\r\n font-size: 1.27rem;\r\n font-weight: 500;\r\n letter-spacing: -0.01em;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .kiquiz-handlungs-box-wide {\r\n background: #f8f9fc;\r\n border-radius: 16px;\r\n position: relative;\r\n overflow: visible;\r\n min-height: 220px;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #e5e7eb;\r\n box-sizing: border-box;\r\n }\r\n\r\n .kiquiz-blur-overlay {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .kiquiz-blur-content {\r\n filter: blur(4.5px);\r\n opacity: 0.55;\r\n user-select: none;\r\n color: #323c50;\r\n font-size: 1.06rem;\r\n padding: 1em;\r\n line-height: 1.8;\r\n }\r\n\r\n .kiquiz-form-overlay-wide {\r\n z-index: 2;\r\n position: relative;\r\n background: rgba(255,255,255,0.98);\r\n border-radius: 16px;\r\n padding: 2em;\r\n margin: 0 auto;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\r\n width: 100%;\r\n max-width: none;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n box-sizing: border-box;\r\n overflow: visible;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n }\r\n\r\n @media (max-width: 800px) {\r\n .kiquiz-form-overlay-wide { \r\n padding: 1.5em 1em; \r\n box-sizing: border-box;\r\n }\r\n .kiquiz-handlungs-box-wide { padding: 3em;}\r\n }\r\n @media (max-width: 480px) {\r\n .kiquiz-form-overlay-wide { \r\n padding: 1.2em 0.8em; \r\n box-sizing: border-box;\r\n }\r\n }\r\n\r\n .kiquiz-form-hint {\r\n text-align:left;\r\n margin-bottom:1.2em;\r\n font-size: 1.03rem;\r\n color:#323c50;\r\n font-weight: 500;\r\n line-height: 1.5;\r\n }\r\n .kiquiz-form-fields-row {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n margin-top: 0.5em;\r\n }\r\n .kiquiz-input {\r\n width: 100%; \r\n padding: 12px 16px; \r\n border-radius:10px; \r\n border:2px solid #e5e7eb;\r\n font-size: 1rem; \r\n margin-bottom: 0;\r\n background: #fff;\r\n box-sizing: border-box;\r\n text-align: left;\r\n transition: all 0.2s ease;\r\n max-width: 100%;\r\n }\r\n .kiquiz-input:hover {\r\n border-color: #cbd5e1;\r\n }\r\n .kiquiz-input:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);\r\n }\r\n @media (max-width: 800px) {\r\n .kiquiz-handlungs-box-wide { padding: 3em;}\r\n }\r\n\r\n label[for=kiquiz-privacy], .kiquiz-form-overlay-wide label {\r\n display: flex; \r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 14px; \r\n margin: 20px 0 0 0;\r\n color: #2a2a2a;\r\n font-weight: 400;\r\n text-align: left;\r\n line-height: 1.6;\r\n cursor: pointer;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n label[for=kiquiz-privacy] > span,\r\n .kiquiz-form-overlay-wide label > span {\r\n flex: 1;\r\n min-width: 0;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n hyphens: auto;\r\n }\r\n label[for=kiquiz-privacy] > input[type=\"checkbox\"],\r\n .kiquiz-form-overlay-wide label > input[type=\"checkbox\"] {\r\n width: 18px;\r\n height: 18px;\r\n min-width: 18px;\r\n margin-top: 2px;\r\n cursor: pointer;\r\n accent-color: #667eea;\r\n flex-shrink: 0;\r\n }\r\n #kiquiz-privacy {\r\n width: 18px;\r\n height: 18px;\r\n min-width: 18px;\r\n margin-top: 2px;\r\n cursor: pointer;\r\n accent-color: #667eea;\r\n flex-shrink: 0;\r\n }\r\n @media (max-width: 600px) {\r\n label[for=kiquiz-privacy], .kiquiz-form-overlay-wide label {\r\n font-size: 13px;\r\n gap: 10px;\r\n line-height: 1.5;\r\n }\r\n label[for=kiquiz-privacy] > input[type=\"checkbox\"],\r\n .kiquiz-form-overlay-wide label > input[type=\"checkbox\"],\r\n #kiquiz-privacy {\r\n width: 16px;\r\n height: 16px;\r\n min-width: 16px;\r\n margin-top: 3px;\r\n }\r\n }\r\n\r\n #kiquiz-form-success {\r\n margin-top: 1.1em;\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n padding: 1.2em 1.5em;\r\n border-radius: 12px;\r\n text-align: center;\r\n color: white;\r\n font-weight: 500;\r\n font-size: 1.05em;\r\n box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);\r\n }\r\n\r\n .kiquiz-form-overlay-wide h2,\r\n .kiquiz-form-overlay-wide p {\r\n color: white; \r\n }\r\n\r\n \/* Misc. *\/\r\n a { color: #667eea; text-decoration: none; transition: color 0.2s ease; }\r\n a:hover { color: #764ba2; }\r\n\r\n \/* Kleine Erg\u00e4nzungen f\u00fcr Texte\/Labels *\/\r\n .kiquiz-intro {\r\n margin-top: 8px;\r\n margin-bottom: 16px;\r\n font-size: 1rem;\r\n color:#6b7280;\r\n line-height: 1.6;\r\n }\r\n .kiquiz-subtitle {\r\n margin-top: 6px;\r\n font-size: 0.875rem;\r\n color:#9ca3af;\r\n line-height: 1.5;\r\n }\r\n .kiquiz-subtitle-strong {\r\n font-weight:600;\r\n color:#374151;\r\n margin-top:16px;\r\n margin-bottom: 8px;\r\n font-size: 0.95rem;\r\n }\r\n .kiquiz-select {\r\n width:100%;\r\n max-width:400px;\r\n padding:12px 16px;\r\n border-radius:10px;\r\n border:2px solid #e5e7eb;\r\n font-size:0.95rem;\r\n background:#fff;\r\n margin-top:12px;\r\n box-sizing:border-box;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n font-weight: 500;\r\n color: #323c50;\r\n }\r\n .kiquiz-select:hover {\r\n border-color: #cbd5e1;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n }\r\n .kiquiz-select:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);\r\n }\r\n textarea.kiquiz-textarea {\r\n width:100%;\r\n min-height:100px;\r\n padding:12px 16px;\r\n border-radius:10px;\r\n border:2px solid #e5e7eb;\r\n font-size:0.95rem;\r\n resize:vertical;\r\n box-sizing:border-box;\r\n text-align:left;\r\n transition: all 0.2s ease;\r\n font-family: inherit;\r\n }\r\n textarea.kiquiz-textarea:hover {\r\n border-color: #cbd5e1;\r\n }\r\n textarea.kiquiz-textarea:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);\r\n }\r\n .kiquiz-nav-left {\r\n text-align:left;\r\n flex:1;\r\n }\r\n .kiquiz-nav-right {\r\n text-align:right;\r\n flex:1;\r\n }\r\n\r\n \/* Slider Styling *\/\r\n .kiquiz-slider-labels {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 30px;\r\n gap: 0;\r\n position: relative;\r\n padding: 0 14px;\r\n }\r\n .kiquiz-slider-label-item {\r\n flex: 1;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n position: relative;\r\n }\r\n .kiquiz-slider-label-item:first-child {\r\n align-items: flex-start;\r\n text-align: left;\r\n }\r\n .kiquiz-slider-label-item:last-child {\r\n align-items: flex-end;\r\n text-align: right;\r\n }\r\n .kiquiz-slider-label-item:first-child .kiquiz-slider-label-text,\r\n .kiquiz-slider-label-item:first-child .kiquiz-slider-label-emoji {\r\n margin-left: 0;\r\n }\r\n .kiquiz-slider-label-item:last-child .kiquiz-slider-label-text,\r\n .kiquiz-slider-label-item:last-child .kiquiz-slider-label-emoji {\r\n margin-right: 0;\r\n }\r\n \/* Spezifische Anpassungen f\u00fcr Digitalisierungs-Slider *\/\r\n #kiquiz-step8 .kiquiz-slider-label-emoji {\r\n font-size: 1.5rem;\r\n }\r\n .kiquiz-slider-label-emoji {\r\n font-size: 2rem;\r\n line-height: 1;\r\n }\r\n .kiquiz-slider-label-text {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #374151;\r\n line-height: 1.4;\r\n }\r\n .kiquiz-slider {\r\n width: 100%;\r\n height: 12px;\r\n border-radius: 10px;\r\n background: #e5e7eb;\r\n outline: none;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n cursor: pointer;\r\n margin: 0 0 20px 0;\r\n display: block;\r\n padding: 0;\r\n }\r\n .kiquiz-slider::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\r\n transition: all 0.2s ease;\r\n }\r\n .kiquiz-slider::-webkit-slider-thumb:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);\r\n }\r\n .kiquiz-slider::-moz-range-thumb {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n cursor: pointer;\r\n border: none;\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\r\n transition: all 0.2s ease;\r\n }\r\n .kiquiz-slider::-moz-range-thumb:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);\r\n }\r\n .kiquiz-slider-container {\r\n padding: 30px 20px;\r\n position: relative;\r\n }\r\n .kiquiz-slider-marks {\r\n position: relative;\r\n width: 100%;\r\n height: 6px;\r\n margin: 0 0 4px 0;\r\n pointer-events: none;\r\n box-sizing: border-box;\r\n padding: 0 14px;\r\n }\r\n .kiquiz-slider-mark {\r\n width: 1px;\r\n height: 6px;\r\n background: #d1d5db;\r\n position: absolute;\r\n top: 0;\r\n }\r\n .kiquiz-slider-mark:nth-child(1) {\r\n left: 14px;\r\n }\r\n .kiquiz-slider-mark:nth-child(2) {\r\n left: calc(14px + (100% - 28px) * 0.25);\r\n }\r\n .kiquiz-slider-mark:nth-child(3) {\r\n left: calc(14px + (100% - 28px) * 0.5);\r\n }\r\n .kiquiz-slider-mark:nth-child(4) {\r\n left: calc(14px + (100% - 28px) * 0.75);\r\n }\r\n .kiquiz-slider-mark:nth-child(5) {\r\n left: calc(100% - 14px);\r\n }\r\n .kiquiz-slider-wrapper {\r\n position: relative;\r\n margin-top: 0;\r\n padding: 0 14px;\r\n box-sizing: border-box;\r\n }\r\n @media (max-width: 600px) {\r\n .kiquiz-slider-labels {\r\n gap: 10px;\r\n }\r\n .kiquiz-slider-label-emoji {\r\n font-size: 1.5rem;\r\n }\r\n .kiquiz-slider-label-text {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n \/* Team-Gr\u00f6\u00dfe Visuelle Darstellung *\/\r\n .kiquiz-team-visual {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 30px 20px;\r\n }\r\n .kiquiz-team-visual-item {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n }\r\n .kiquiz-team-visual-circle-wrapper {\r\n height: 110px;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n }\r\n .kiquiz-team-visual-item:hover {\r\n transform: translateY(-4px);\r\n }\r\n .kiquiz-team-visual-item.selected {\r\n transform: translateY(-4px);\r\n }\r\n .kiquiz-team-visual-circle {\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #f8f9fc 0%, #e5e7eb 100%);\r\n border: 3px solid #e5e7eb;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n }\r\n .kiquiz-team-visual-item:hover .kiquiz-team-visual-circle {\r\n border-color: #cbd5e1;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\r\n transform: scale(1.05);\r\n }\r\n .kiquiz-team-visual-item.selected .kiquiz-team-visual-circle {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n border-color: #667eea;\r\n box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);\r\n transform: scale(1.08);\r\n }\r\n .kiquiz-team-visual-emoji {\r\n font-size: 2rem;\r\n line-height: 1;\r\n display: block;\r\n transition: transform 0.2s ease;\r\n }\r\n .kiquiz-team-visual-item:hover .kiquiz-team-visual-emoji {\r\n transform: scale(1.1);\r\n }\r\n .kiquiz-team-visual-item.selected .kiquiz-team-visual-emoji {\r\n filter: brightness(1.2);\r\n }\r\n .kiquiz-team-visual-label {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: #374151;\r\n text-align: center;\r\n transition: all 0.25s ease;\r\n line-height: 1.3;\r\n }\r\n .kiquiz-team-visual-item.selected .kiquiz-team-visual-label {\r\n color: #667eea;\r\n font-weight: 600;\r\n }\r\n @media (max-width: 700px) {\r\n .kiquiz-team-visual {\r\n gap: 8px;\r\n padding: 20px 10px;\r\n }\r\n .kiquiz-team-visual-label {\r\n font-size: 0.8rem;\r\n }\r\n .kiquiz-team-visual-emoji {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n\r\n \/* Unternehmensgr\u00f6\u00dfe Balken *\/\r\n .kiquiz-size-bars {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 20px 0;\r\n }\r\n .kiquiz-size-bar {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .kiquiz-size-bar-visual {\r\n width: 100%;\r\n background: #e5e7eb;\r\n border-radius: 8px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .kiquiz-size-bar-fill {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 100%;\r\n background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);\r\n border-radius: 8px;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n opacity: 0.6;\r\n }\r\n .kiquiz-size-bar:hover .kiquiz-size-bar-visual {\r\n transform: scaleY(1.1);\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);\r\n }\r\n .kiquiz-size-bar:hover .kiquiz-size-bar-fill {\r\n opacity: 0.8;\r\n }\r\n .kiquiz-size-bar.selected .kiquiz-size-bar-visual {\r\n box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\r\n transform: scaleY(1.05);\r\n border: 2px solid #667eea;\r\n }\r\n .kiquiz-size-bar.selected .kiquiz-size-bar-fill {\r\n opacity: 1;\r\n background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);\r\n box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);\r\n }\r\n .kiquiz-size-bar-label {\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n color: #374151;\r\n text-align: center;\r\n transition: all 0.25s ease;\r\n }\r\n .kiquiz-size-bar.selected .kiquiz-size-bar-label {\r\n color: #667eea;\r\n font-weight: 600;\r\n }\r\n @media (max-width: 600px) {\r\n .kiquiz-size-bars {\r\n gap: 8px;\r\n }\r\n .kiquiz-size-bar-label {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"kiquiz-container\">\r\n <div class=\"kiquiz-progress-container\">\r\n <div class=\"kiquiz-progress-label\" id=\"kiquiz-label\">0% abgeschlossen<\/div>\r\n <div class=\"kiquiz-progress-bar\"><div class=\"kiquiz-progress\" id=\"kiquiz-bar\"><\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step1\" class=\"kiquiz-step active\">\r\n <h2><strong>E-Mail-Adresse<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Bitte gib deine E-Mail-Adresse ein.<\/p>\r\n <div style=\"max-width: 500px; margin: 30px auto;\">\r\n <input type=\"email\" id=\"kiquiz-email\" placeholder=\"z. B. max.mustermann@unternehmen.de\" class=\"kiquiz-input\" style=\"max-width: 100%;\" required>\r\n \r\n <div style=\"margin-top: 20px; padding: 16px; background-color: #f9fafb; border-radius: 8px; border-left: 3px solid #667eea;\">\r\n <p style=\"margin: 0 0 8px 0; font-weight: 600; color: #1f2937; font-size: 0.95rem;\">Wozu gebe ich meine E-Mail-Adresse an?<\/p>\r\n <p style=\"margin: 0; color: #4b5563; font-size: 0.9rem; line-height: 1.6;\">Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail zugesendet. So kannst du sie sp\u00e4ter in Ruhe durchgehen und mit deinem Team teilen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\"><\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep1()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step2\" class=\"kiquiz-step\">\r\n <h2><strong>In welcher Branche seid ihr haupts\u00e4chlich t\u00e4tig?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">W\u00e4hle die Branche, die euch am besten beschreibt.<\/p>\r\n <select id=\"kiquiz-branche\" class=\"kiquiz-select\" style=\"max-width: 500px; margin: 20px auto;\">\r\n <option value=\"\">-- Bitte w\u00e4hlen --<\/option>\r\n <option value=\"Bau & Immobilien\">\ud83c\udfd7\ufe0f Bau & Immobilien<\/option>\r\n <option value=\"Chemie & Materialien\">\u2697\ufe0f Chemie & Materialien<\/option>\r\n <option value=\"Dienstleistungen & Beratung\">\ud83e\udd1d Dienstleistungen & Beratung<\/option>\r\n <option value=\"Energie & Umwelt\">\ud83c\udf31 Energie & Umwelt<\/option>\r\n <option value=\"Finanzen & Versicherungen\">\ud83d\udcb6 Finanzen & Versicherungen<\/option>\r\n <option value=\"Gesundheit, Pharma & Medizintechnik\">\ud83c\udfe5 Gesundheit, Pharma & Medizintechnik<\/option>\r\n <option value=\"Handel (Einzelhandel, Gro\u00dfhandel, E-Commerce)\">\ud83d\uded2 Handel (Einzelhandel, Gro\u00dfhandel, E-Commerce)<\/option>\r\n <option value=\"Hotellerie, Tourismus & Freizeit\">\ud83c\udfe8 Hotellerie, Tourismus & Freizeit<\/option>\r\n <option value=\"Industrie, Maschinenbau & Fertigung\">\ud83c\udfed Industrie, Maschinenbau & Fertigung<\/option>\r\n <option value=\"IT, Software & Technologie\">\ud83d\udcbb IT, Software & Technologie<\/option>\r\n <option value=\"Marketing, Medien & Unterhaltung\">\ud83d\udcfa Marketing, Medien & Unterhaltung<\/option>\r\n <option value=\"\u00d6ffentliche Verwaltung, Bildung & Forschung\">\ud83c\udfdb\ufe0f \u00d6ffentliche Verwaltung, Bildung & Forschung<\/option>\r\n <option value=\"Transport, Logistik & Mobilit\u00e4t\">\ud83d\ude9a Transport, Logistik & Mobilit\u00e4t<\/option>\r\n <option value=\"Landwirtschaft & Lebensmittelindustrie\">\ud83c\udf3e Landwirtschaft & Lebensmittelindustrie<\/option>\r\n <option value=\"Sonstige (bitte spezifizieren)\">\ud83c\udf10 Sonstige (bitte spezifizieren)<\/option>\r\n <\/select>\r\n <div id=\"kiquiz-branche-sonstige-wrapper\" style=\"display: none; max-width: 500px; margin: 20px auto;\">\r\n <div class=\"kiquiz-subtitle-strong\" style=\"font-size: 1.1rem; margin-top: 20px; margin-bottom: 8px;\">Bitte spezifiziere die Branche<\/div>\r\n <input type=\"text\" id=\"kiquiz-branche-sonstige\" class=\"kiquiz-input\" placeholder=\"z. B. Non-Profit, Start-up, etc.\" style=\"max-width: 100%;\">\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(1)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" id=\"kiquiz-branche-next-btn\" onclick=\"kiquizNextBranche()\" style=\"display: none;\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step3\" class=\"kiquiz-step\">\r\n <h2><strong>Wie gro\u00df ist euer Unternehmen?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Gemeint ist die Gesamtzahl der Mitarbeitenden.<\/p>\r\n <div class=\"kiquiz-size-bars\" style=\"max-width: 600px; margin: 40px auto;\">\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"1\u201310\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 40px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83d\udc65 1\u201310<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"11\u201350\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 60px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 11\u201350<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"51\u2013200\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 80px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83c\udfe2 51\u2013200<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"201\u2013500\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 100px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83c\udfd9\ufe0f 201\u2013500<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"\u00dcber 500\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 120px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83c\udf0d \u00dcber 500<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(2)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step4\" class=\"kiquiz-step\">\r\n <h2><strong>Welche der folgenden Aussagen beschreibt deine Rolle am besten?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">W\u00e4hle die Aussage, die am besten zu deiner Rolle passt.<\/p>\r\n <select id=\"kiquiz-rolle\" class=\"kiquiz-select\" style=\"max-width: 500px; margin: 20px auto;\">\r\n <option value=\"\">-- Bitte w\u00e4hlen --<\/option>\r\n <option value=\"Strategische Entscheidungen f\u00fcr das gesamte Unternehmen\">\ud83c\udfaf Ich treffe strategische Entscheidungen f\u00fcr das gesamte Unternehmen<\/option>\r\n <option value=\"Entscheidungen f\u00fcr meine Abteilung\">\ud83d\udcca Ich treffe Entscheidungen f\u00fcr meine Abteilung<\/option>\r\n <option value=\"Operative Entscheidungen im Team\">\u2699\ufe0f Ich treffe operative Entscheidungen im Team<\/option>\r\n <option value=\"Keine Entscheidungsbefugnis\">\ud83d\udc64 Ich habe keine Entscheidungsbefugnis<\/option>\r\n <\/select>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(3)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step5\" class=\"kiquiz-step\">\r\n <h2><strong>Wie ist eure HR grunds\u00e4tzlich organisiert?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Gibt es eine zentrale HR-Abteilung?<\/p>\r\n <div style=\"max-width: 700px; margin: 40px auto;\">\r\n <div class=\"kiquiz-slider-container\">\r\n <div class=\"kiquiz-slider-labels\">\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83c\udf00<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Keine eigene<br>HR-Abteilung<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83e\uddf7<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Teilweise \/<br>verteilt<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83c\udfe2<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Zentrale<br>HR-Abteilung<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-wrapper\">\r\n <div class=\"kiquiz-slider-marks\">\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <\/div>\r\n <input type=\"range\" id=\"kiquiz-org-slider\" min=\"0\" max=\"4\" value=\"2\" step=\"1\" class=\"kiquiz-slider\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(4)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep5()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step6\" class=\"kiquiz-step\">\r\n <h2><strong>Wie gro\u00df ist euer HR-Team?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Gemeint sind Personen, die \u00fcberwiegend HR-Aufgaben machen.<\/p>\r\n <div class=\"kiquiz-team-visual\" style=\"max-width: 800px; margin: 40px auto;\">\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\"keine_hr\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 70px; height: 70px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83d\ude48<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">Keine dedizierte HR-Rolle<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\"1\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 80px; height: 80px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83d\udc64<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">1 Person<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\"2-5\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 90px; height: 90px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83d\udc65<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">2\u20135 Personen<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\"6-10\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 100px; height: 100px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83d\udc65<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">6\u201310 Personen<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\">10\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 110px; height: 110px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83c\udf0d<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">>10 Personen<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(5)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step7\" class=\"kiquiz-step\">\r\n <h2><strong>Welche HR-Bereiche deckt ihr intern ab?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Mehrfachauswahl m\u00f6glich (max. 7).<\/p>\r\n <div class=\"kiquiz-card-grid\">\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Recruiting \/ Talent Acquisition\">\ud83c\udfaf Recruiting \/ Talent Acquisition<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Payroll\">\ud83d\udcb6 Payroll<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"HR-Administration\">\ud83d\udcd1 HR-Administration<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Arbeitsrecht\">\u2696\ufe0f Arbeitsrecht<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Learning & Development \/ Personalentwicklung\">\ud83d\udcda Learning & Development \/ Personalentwicklung<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Performance & Feedback\">\ud83d\udcc8 Performance & Feedback<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"HR IT \/ HRIS\">\ud83d\udcbe HR IT \/ HRIS<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"People & Culture \/ Engagement\">\ud83d\udc9b People & Culture \/ Engagement<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Weitere\">\u2795 Weitere (z. B. Comp & Ben, Reporting)<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(6)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextMulti(8, 'hrBereiche', true)\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step8\" class=\"kiquiz-step\">\r\n <h2><strong>Wie standardisiert sind eure HR-Prozesse?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Einsch\u00e4tzung des Standardisierungsgrads eurer HR-Prozesse.<\/p>\r\n <div style=\"max-width: 700px; margin: 40px auto;\">\r\n <div class=\"kiquiz-slider-container\">\r\n <div class=\"kiquiz-slider-labels\">\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\u274c<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Keine<br>standardisierten<br>Prozesse<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83d\udd01<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Mischform<br>teilweise<br>standardisiert<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\u2705<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Vollst\u00e4ndig<br>standardisiert<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-wrapper\">\r\n <div class=\"kiquiz-slider-marks\">\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <\/div>\r\n <input type=\"range\" id=\"kiquiz-prozesse-slider\" min=\"0\" max=\"4\" value=\"2\" step=\"1\" class=\"kiquiz-slider\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(7)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep8()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step9\" class=\"kiquiz-step\">\r\n <h2><strong>Wie digital ist euer HR-Bereich aufgestellt?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Einsch\u00e4tzung des Digitalisierungsgrads eurer HR-Prozesse.<\/p>\r\n <div style=\"max-width: 700px; margin: 40px auto;\">\r\n <div class=\"kiquiz-slider-container\">\r\n <div class=\"kiquiz-slider-labels\">\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83d\udcc4<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Papier<br>& Excel<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83d\udd01<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Mischform<br>digital\/analog<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83d\ude80<\/div>\r\n <div class=\"kiquiz-slider-label-text\">End-to-End<br>digital<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-wrapper\">\r\n <div class=\"kiquiz-slider-marks\">\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <\/div>\r\n <input type=\"range\" id=\"kiquiz-digi-slider\" min=\"0\" max=\"4\" value=\"2\" step=\"1\" class=\"kiquiz-slider\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(8)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep9()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step10\" class=\"kiquiz-step\">\r\n <h2><strong>Nutzt ihr bereits KI im HR-Kontext?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Einsch\u00e4tzung eurer aktuellen KI-Nutzung im HR-Bereich.<\/p>\r\n <div class=\"kiquiz-card-grid\" style=\"grid-template-columns: repeat(2, auto); max-width: 600px; margin: 0 auto; justify-content: center; gap: 20px;\">\r\n <div class=\"kiquiz-card-option\" data-field=\"kiNutzung\" data-type=\"single\" data-next=\"11\" data-value=\"ja\">\ud83e\udd16 Ja, wir nutzen bereits KI<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"kiNutzung\" data-type=\"single\" data-next=\"11\" data-value=\"nein\">\ud83e\uddf1 Noch nicht \/ eher experimentell<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(9)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step11\" class=\"kiquiz-step\">\r\n <h2><strong>Wie strategisch arbeitet euer HR-Bereich?<\/strong><\/h2>\r\n\r\n <div class=\"kiquiz-subtitle-strong\">Gibt es eine definierte HR-Strategie?<\/div>\r\n <div class=\"kiquiz-card-grid\">\r\n <div class=\"kiquiz-card-option\" data-field=\"strategie\" data-type=\"single\" data-value=\"nein\" data-show-einbindung=\"false\">\ud83e\udde9 Noch nicht definiert<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"strategie\" data-type=\"single\" data-value=\"in_planung\" data-show-einbindung=\"true\">\ud83d\udee0\ufe0f In Planung \/ entsteht gerade<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"strategie\" data-type=\"single\" data-value=\"ja\" data-show-einbindung=\"true\">\ud83d\udccc Ja, es gibt eine klare HR-Strategie<\/div>\r\n <\/div>\r\n\r\n <div id=\"kiquiz-einbindung-section\" style=\"display: none; margin-top: 40px;\">\r\n <div class=\"kiquiz-subtitle-strong\">Strategische Einbindung von HR<\/div>\r\n <p class=\"kiquiz-subtitle\">Wie stark ist HR in zentrale Unternehmensentscheidungen eingebunden?<\/p>\r\n <div style=\"max-width: 700px; margin: 40px auto;\">\r\n <div class=\"kiquiz-slider-container\">\r\n <div class=\"kiquiz-slider-labels\">\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83e\uddef<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Rein<br>operativ<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83e\udd1d<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Gelegentliche<br>Abstimmung<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83c\udfaf<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Fester Bestandteil<br>der Strategie<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-wrapper\">\r\n <div class=\"kiquiz-slider-marks\">\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <\/div>\r\n <input type=\"range\" id=\"kiquiz-einbindung-slider\" min=\"0\" max=\"4\" value=\"2\" step=\"1\" class=\"kiquiz-slider\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(10)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep11()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step12\" class=\"kiquiz-step\">\r\n <h2><strong>Was sind aktuell eure wichtigsten HR-Themen?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">W\u00e4hle bis zu 7 Themen.<\/p>\r\n <div class=\"kiquiz-card-grid\">\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Recruiting \/ Talent Acquisition\">\ud83c\udfaf Recruiting \/ Talent Acquisition<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Retention \/ Mitarbeiterbindung\">\ud83e\udef6 Retention \/ Mitarbeiterbindung<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Learning & Development\">\ud83d\udcda Learning & Development<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"HR-Digitalisierung\">\ud83d\udcbb HR-Digitalisierung<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"F\u00fchrungskr\u00e4fteentwicklung\">\ud83e\udded F\u00fchrungskr\u00e4fteentwicklung<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Performance Management\">\ud83d\udcc8 Performance Management<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Compensation & Benefits\">\ud83d\udcb6 Compensation & Benefits<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Andere\">\u2795 Andere Themen<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Keine konkreten Themen\" data-none=\"true\">\ud83c\udf3f Keine konkreten Themen<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(11)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextMulti(13, 'topThemen', false, 7, 0)\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step13\" class=\"kiquiz-step\">\r\n <h2><strong>Gibt es Themen, die ihr angehen wollt, aber keine Kapazit\u00e4ten habt?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Kapazit\u00e4tsfrage & optionale Freitext-Antwort.<\/p>\r\n\r\n <div class=\"kiquiz-card-grid\">\r\n <div class=\"kiquiz-card-option\" data-field=\"kapazitaet\" data-type=\"single\" data-value=\"ja\">\u23f3 Ja, einiges bleibt liegen<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"kapazitaet\" data-type=\"single\" data-value=\"nein\">\u2705 Nein, wir kommen gut hinterher<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"kapazitaet\" data-type=\"single\" data-value=\"weiss_nicht\">\ud83e\udd14 Schwer zu sagen<\/div>\r\n <\/div>\r\n\r\n <div id=\"kiquiz-kapazitaet-details-wrapper\" style=\"display:none;\">\r\n <div class=\"kiquiz-subtitle-strong\">Wenn ja: Welche Themen bleiben aktuell liegen? (optional)<\/div>\r\n <textarea id=\"kiquiz-kapazitaet-details\" class=\"kiquiz-textarea\" placeholder=\"z. B. HR-Digitalisierung, strukturierte Feedbackprozesse, Reporting, Recruiting etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(13)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizShowResult()\">Selbstcheck abschlie\u00dfen<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step14\" class=\"kiquiz-step\">\r\n <div class=\"kiquiz-auswertung-grid\">\r\n <div class=\"kiquiz-circle-block\">\r\n <div class=\"kiquiz-circle-wrapper\">\r\n <svg id=\"kiquiz-percentsvg\" width=\"110\" height=\"110\">\r\n <defs>\r\n <linearGradient id=\"gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n <stop offset=\"0%\" style=\"stop-color:#667eea;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#764ba2;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <circle cx=\"55\" cy=\"55\" r=\"48\" stroke=\"#e5e7eb\" stroke-width=\"11\" fill=\"none\"\/>\r\n <circle id=\"kiquiz-percbar\" cx=\"55\" cy=\"55\" r=\"48\" stroke=\"url(#gradient)\" stroke-width=\"11\" fill=\"none\"\r\n stroke-linecap=\"round\" stroke-dasharray=\"301.59\" stroke-dashoffset=\"301.59\"\r\n transform=\"rotate(-90 55 55)\"\/>\r\n <\/svg>\r\n <div class=\"kiquiz-score-number\" id=\"kiquiz-score-number\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-score-caption\">\r\n <div class=\"kiquiz-score-caption-title\">HR\u2011Reifegrad\u2011Score<\/div>\r\n <div class=\"kiquiz-score-caption-sub\">0\u2013100 Prozent<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kiquiz-auswertung-main\" style=\"position: relative;\">\r\n <div id=\"kiquiz-interim-result-text\" style=\"filter: blur(3px); -webkit-filter: blur(3px); user-select: none; pointer-events: none; will-change: filter;\"><\/div>\r\n \r\n <div id=\"kiquiz-consent-modal\" style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 32px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); min-width: 400px; max-width: 500px; z-index: 10;\">\r\n <label for=\"kiquiz-contact-consent\" style=\"display: flex; align-items: flex-start; gap: 12px; cursor: pointer; margin-bottom: 24px;\">\r\n <input type=\"checkbox\" id=\"kiquiz-contact-consent\" style=\"margin-top: 4px; width: 20px; height: 20px; cursor: pointer; accent-color: #667eea; flex-shrink: 0;\">\r\n <span style=\"font-size: 0.95rem; color: #374151; line-height: 1.6;\">\r\n Ich erkl\u00e4re mich einverstanden mit der Verarbeitung meiner Daten gem\u00e4\u00df der <a href=\"https:\/\/hrfactory.ee\/de\/datenschutzerklaerung\/\" target=\"_blank\" style=\"text-decoration: underline; color: #667eea;\">Datenschutzerkl\u00e4rung<\/a> sowie der Kontaktaufnahme durch HR factory im Kontext des HR Selbstchecks.\r\n <details class=\"kiquiz-tech-details\">\r\n <summary>Hinweis zu eingesetzten Technologien f\u00fcr den E\u2011Mail\u2011Versand<\/summary>\r\n <div class=\"kiquiz-tech-details-body\">\r\n F\u00fcr den Versand und die technische Abwicklung der Ergebnis\u2011E\u2011Mail nutzen wir HubSpot als CRM\/Marketing\u2011Plattform (\u00dcbermittlung \u00fcber die HubSpot Submission API in der EU\u2011Region). Dabei werden die von dir eingegebenen Daten verarbeitet, um die E\u2011Mail zuzustellen und den Versand zu dokumentieren. Details findest du in der Datenschutzerkl\u00e4rung.\r\n <\/div>\r\n <\/details>\r\n <\/span>\r\n <\/label>\r\n <button class=\"kiquiz-btn\" id=\"kiquiz-unblur-btn\" onclick=\"kiquizUnblurAndSubmit()\" style=\"width: 100%; opacity: 0.5; cursor: not-allowed;\" disabled>\r\n Jetzt Einsch\u00e4tzung freischalten & per E-Mail erhalten\r\n <\/button>\r\n <\/div>\r\n \r\n <div id=\"kiquiz-form-success\" style=\"display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px 36px; background: linear-gradient(135deg, #10b981 0%, #059669 100%); border-radius: 20px; box-shadow: 0 20px 60px rgba(16, 185, 129, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); min-width: 420px; max-width: 520px; z-index: 10; text-align: center; color: white; animation: successFadeIn 0.4s ease-out;\">\r\n <div style=\"width: 64px; height: 64px; margin: 0 auto 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; animation: successCheckmark 0.5s ease-out 0.2s both;\">\r\n \u2713\r\n <\/div>\r\n <h3 style=\"margin: 0 0 16px 0; font-size: 1.4rem; font-weight: 700; color: white; letter-spacing: -0.02em;\">Vielen Dank f\u00fcr deine Angaben!<\/h3>\r\n <p style=\"margin: 0; font-size: 1rem; line-height: 1.7; color: rgba(255, 255, 255, 0.95);\">Deine Schnelleinsch\u00e4tzung wurde freigeschaltet und wird dir zus\u00e4tzlich per E-Mail zugesendet.<\/p>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kiquiz-nav\" style=\"margin-top:26px;\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(12)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const kiquizData = {};\r\n const totalSteps = 15;\r\n let percentAnimationInterval = null;\r\n\r\n function kiquizShowStep(step) {\r\n document.querySelectorAll('.kiquiz-step').forEach(s => {\r\n s.classList.remove('active');\r\n s.style.display = 'none';\r\n });\r\n const active = document.getElementById('kiquiz-step' + step);\r\n if (active) {\r\n active.style.display = 'block';\r\n requestAnimationFrame(() => active.classList.add('active'));\r\n }\r\n const progressContainer = document.querySelector('.kiquiz-progress-container');\r\n if (step === 14) {\r\n \/\/ Progress-Balken in der Auswertung ausblenden\r\n if (progressContainer) {\r\n progressContainer.style.display = 'none';\r\n }\r\n } else {\r\n \/\/ Progress-Balken in allen anderen Steps anzeigen\r\n if (progressContainer) {\r\n progressContainer.style.display = 'block';\r\n }\r\n const bar = document.getElementById('kiquiz-bar');\r\n const percent = Math.round(((step - 1) \/ (totalSteps - 1)) * 100);\r\n bar.style.width = percent + '%';\r\n document.getElementById('kiquiz-label').innerText = percent + '% abgeschlossen';\r\n }\r\n }\r\n\r\n \/\/ Card-Klick-Logik (single \/ multi) - auch f\u00fcr Balken und Team-Optionen\r\n function kiquizInitCards() {\r\n \/\/ Cards, Balken, Team-Optionen und Team-Visual\r\n document.querySelectorAll('.kiquiz-card-option, .kiquiz-size-bar, .kiquiz-team-option, .kiquiz-team-visual-item').forEach(card => {\r\n card.addEventListener('click', () => {\r\n const field = card.dataset.field;\r\n const type = card.dataset.type;\r\n const value = card.dataset.value;\r\n const isNone = card.dataset.none === 'true';\r\n\r\n if (!field || !type) return;\r\n\r\n if (type === 'single') {\r\n \/\/ Alle Elemente mit diesem Field deselektieren (Cards, Balken, Team-Optionen, Team-Visual)\r\n document.querySelectorAll(`.kiquiz-card-option[data-field=\"${field}\"], .kiquiz-size-bar[data-field=\"${field}\"], .kiquiz-team-option[data-field=\"${field}\"], .kiquiz-team-visual-item[data-field=\"${field}\"]`)\r\n .forEach(c => c.classList.remove('selected'));\r\n card.classList.add('selected');\r\n kiquizData[field] = value;\r\n\r\n \/\/ Automatisch zum n\u00e4chsten Schritt navigieren, wenn data-next vorhanden ist\r\n const nextStep = card.dataset.next;\r\n if (nextStep) {\r\n setTimeout(() => {\r\n kiquizShowStep(parseInt(nextStep));\r\n }, 300); \/\/ Kurze Verz\u00f6gerung f\u00fcr visuelles Feedback\r\n return;\r\n }\r\n\r\n \/\/ Spezialfall Kapazit\u00e4t -> Textarea ein-\/ausblenden\r\n if (field === 'kapazitaet') {\r\n const wrap = document.getElementById('kiquiz-kapazitaet-details-wrapper');\r\n if (wrap) {\r\n if (value === 'ja') {\r\n wrap.style.display = 'block';\r\n } else {\r\n wrap.style.display = 'none';\r\n const ta = document.getElementById('kiquiz-kapazitaet-details');\r\n if (ta) ta.value = \"\";\r\n }\r\n }\r\n }\r\n\r\n \/\/ Spezialfall Strategie -> Einbindung-Section ein-\/ausblenden\r\n if (field === 'strategie') {\r\n const einbindungSection = document.getElementById('kiquiz-einbindung-section');\r\n const showEinbindung = card.dataset.showEinbindung === 'true';\r\n if (einbindungSection) {\r\n if (showEinbindung) {\r\n einbindungSection.style.display = 'block';\r\n } else {\r\n einbindungSection.style.display = 'none';\r\n kiquizData.einbindung = null;\r\n }\r\n }\r\n }\r\n\r\n \/\/ Auto-Next f\u00fcr bestimmte Steps\r\n const next = card.dataset.next;\r\n if (next) {\r\n kiquizShowStep(parseInt(next, 10));\r\n }\r\n } else if (type === 'multi') {\r\n if (!Array.isArray(kiquizData[field])) {\r\n kiquizData[field] = [];\r\n }\r\n if (isNone) {\r\n \/\/ \"Keine ...\" l\u00f6scht andere Optionen\r\n document.querySelectorAll(`.kiquiz-card-option[data-field=\"${field}\"]`)\r\n .forEach(c => c.classList.remove('selected'));\r\n card.classList.add('selected');\r\n kiquizData[field] = [value];\r\n } else {\r\n \/\/ \"Keine ...\" deselektieren\r\n document.querySelectorAll(`.kiquiz-card-option[data-field=\"${field}\"][data-none=\"true\"]`)\r\n .forEach(c => c.classList.remove('selected'));\r\n kiquizData[field] = kiquizData[field].filter(v => v !== \"Keine konkreten Themen\");\r\n\r\n const idx = kiquizData[field].indexOf(value);\r\n if (idx === -1) {\r\n if (kiquizData[field].length >= 7) {\r\n alert(\"Bitte maximal 7 Optionen ausw\u00e4hlen.\");\r\n return;\r\n }\r\n kiquizData[field].push(value);\r\n card.classList.add('selected');\r\n } else {\r\n kiquizData[field].splice(idx, 1);\r\n card.classList.remove('selected');\r\n }\r\n }\r\n }\r\n });\r\n });\r\n }\r\n\r\n function kiquizNextStep1() {\r\n const emailInput = document.getElementById('kiquiz-email');\r\n const email = emailInput ? emailInput.value.trim() : \"\";\r\n \r\n if (!email) {\r\n alert(\"Bitte gib deine E-Mail-Adresse ein.\");\r\n return;\r\n }\r\n \r\n \/\/ Einfache Email-Validierung\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email)) {\r\n alert(\"Bitte gib eine g\u00fcltige E-Mail-Adresse ein.\");\r\n return;\r\n }\r\n \r\n kiquizData.email = email;\r\n kiquizShowStep(2);\r\n }\r\n\r\n\r\n\r\n \/\/ Slider f\u00fcr HR-Organisation\r\n function kiquizInitOrgSlider() {\r\n const slider = document.getElementById('kiquiz-org-slider');\r\n if (!slider) return;\r\n\r\n slider.addEventListener('input', (e) => {\r\n const index = parseInt(e.target.value);\r\n \/\/ 5-stufiger Slider auf 3 Kategorien mappen:\r\n \/\/ 0-1 \u2192 'nein', 2 \u2192 'teilweise', 3-4 \u2192 'ja'\r\n if (index <= 1) {\r\n kiquizData.zentraleHR = 'nein';\r\n } else if (index === 2) {\r\n kiquizData.zentraleHR = 'teilweise';\r\n } else {\r\n kiquizData.zentraleHR = 'ja';\r\n }\r\n });\r\n\r\n \/\/ Initial setzen (Standard: 2 = 'teilweise')\r\n const initialIndex = parseInt(slider.value);\r\n if (initialIndex <= 1) {\r\n kiquizData.zentraleHR = 'nein';\r\n } else if (initialIndex === 2) {\r\n kiquizData.zentraleHR = 'teilweise';\r\n } else {\r\n kiquizData.zentraleHR = 'ja';\r\n }\r\n }\r\n\r\n \/\/ Slider f\u00fcr Standardisierte Prozesse\r\n function kiquizInitProzesseSlider() {\r\n const slider = document.getElementById('kiquiz-prozesse-slider');\r\n if (!slider) return;\r\n\r\n const values = ['1', '2', '3', '4', '5'];\r\n\r\n slider.addEventListener('input', (e) => {\r\n const index = parseInt(e.target.value);\r\n kiquizData.prozesse = values[index];\r\n });\r\n\r\n \/\/ Initial setzen (Standard: 3 = Mischform)\r\n const initialIndex = parseInt(slider.value);\r\n kiquizData.prozesse = values[initialIndex];\r\n }\r\n\r\n \/\/ Slider f\u00fcr Digitalisierung\r\n function kiquizInitDigiSlider() {\r\n const slider = document.getElementById('kiquiz-digi-slider');\r\n if (!slider) return;\r\n\r\n const values = ['1', '2', '3', '4', '5'];\r\n\r\n slider.addEventListener('input', (e) => {\r\n const index = parseInt(e.target.value);\r\n kiquizData.digitalisierung = values[index];\r\n });\r\n\r\n \/\/ Initial setzen (Standard: 3 = Mischform)\r\n const initialIndex = parseInt(slider.value);\r\n kiquizData.digitalisierung = values[initialIndex];\r\n }\r\n\r\n \/\/ Slider f\u00fcr strategische Einbindung\r\n function kiquizInitEinbindungSlider() {\r\n const slider = document.getElementById('kiquiz-einbindung-slider');\r\n if (!slider) return;\r\n\r\n const values = ['1', '2', '3', '4', '5'];\r\n\r\n slider.addEventListener('input', (e) => {\r\n const index = parseInt(e.target.value);\r\n kiquizData.einbindung = values[index];\r\n });\r\n\r\n \/\/ Initial setzen (Standard: 3 = gelegentliche Abstimmung)\r\n const initialIndex = parseInt(slider.value);\r\n kiquizData.einbindung = values[initialIndex];\r\n }\r\n\r\n function kiquizNextStep5() {\r\n if (!kiquizData.zentraleHR) {\r\n alert(\"Bitte w\u00e4hle eine Option aus.\");\r\n return;\r\n }\r\n kiquizShowStep(6);\r\n }\r\n\r\n function kiquizNextMulti(nextStep, field, requireAtLeastOne, maxCount = 7, minCount = 0) {\r\n const arr = kiquizData[field] || [];\r\n if (requireAtLeastOne && arr.length === 0) {\r\n alert(\"Bitte w\u00e4hle mindestens eine Option aus.\");\r\n return;\r\n }\r\n if (minCount > 0 && arr.length > 0 && arr.length < minCount) {\r\n alert(\"Bitte w\u00e4hle mindestens \" + minCount + \" Optionen aus.\");\r\n return;\r\n }\r\n if (arr.length > maxCount) {\r\n alert(\"Bitte maximal \" + maxCount + \" Optionen ausw\u00e4hlen.\");\r\n return;\r\n }\r\n kiquizShowStep(nextStep);\r\n }\r\n\r\n function kiquizNextStep8() {\r\n if (kiquizData.prozesse === undefined) {\r\n alert(\"Bitte w\u00e4hle einen Standardisierungsgrad aus.\");\r\n return;\r\n }\r\n kiquizShowStep(9);\r\n }\r\n\r\n function kiquizNextStep9() {\r\n if (!kiquizData.digitalisierung) {\r\n alert(\"Bitte w\u00e4hle einen Digitalisierungsgrad aus.\");\r\n return;\r\n }\r\n kiquizShowStep(10);\r\n }\r\n\r\n function kiquizNextStep11() {\r\n if (!kiquizData.strategie) {\r\n alert(\"Bitte beantworte die Frage zur HR-Strategie.\");\r\n return;\r\n }\r\n \/\/ Einbindung nur validieren, wenn die Section sichtbar ist\r\n const einbindungSection = document.getElementById('kiquiz-einbindung-section');\r\n if (einbindungSection && einbindungSection.style.display !== 'none') {\r\n if (!kiquizData.einbindung) {\r\n alert(\"Bitte w\u00e4hle eine Einsch\u00e4tzung zur strategischen Einbindung von HR.\");\r\n return;\r\n }\r\n }\r\n kiquizShowStep(12);\r\n }\r\n\r\n function kiquizShowResult() {\r\n \/\/ Pr\u00fcfe ob Kapazit\u00e4t gesetzt ist\r\n if (!kiquizData.kapazitaet) {\r\n alert(\"Bitte beantworte die Frage zu Kapazit\u00e4ten & Engp\u00e4ssen.\");\r\n return;\r\n }\r\n \r\n \/\/ Hole Textarea-Wert falls vorhanden\r\n const ta = document.getElementById('kiquiz-kapazitaet-details');\r\n if (ta) {\r\n kiquizData.kapazitaetDetails = ta.value.trim();\r\n } else {\r\n kiquizData.kapazitaetDetails = \"\";\r\n }\r\n\r\n \/\/ Berechne Fazit\r\n let result;\r\n try {\r\n result = calcHrFazit(kiquizData);\r\n } catch (e) {\r\n console.error('Fehler bei calcHrFazit:', e);\r\n alert(\"Es ist ein Fehler aufgetreten. Bitte versuche es erneut.\");\r\n return;\r\n }\r\n\r\n \/\/ Zeige Schritt 14\r\n kiquizShowStep(14);\r\n\r\n \/\/ Warte kurz, damit der Schritt angezeigt wird, bevor wir den Inhalt setzen\r\n setTimeout(() => {\r\n \/\/ Starte Animation\r\n animateCircle(result.percent);\r\n \r\n \/\/ Setze Prozentanzeige\r\n const scoreNumberEl = document.getElementById('kiquiz-score-number');\r\n if (scoreNumberEl) {\r\n scoreNumberEl.textContent = result.percent + \"%\";\r\n }\r\n \r\n \/\/ Setze Text-Content\r\n const container = document.getElementById('kiquiz-interim-result-text');\r\n if (!container) {\r\n console.error('Container kiquiz-interim-result-text nicht gefunden');\r\n return;\r\n }\r\n \r\n let strengthsText = \"\";\r\n if (result.strengths && result.strengths.length) {\r\n strengthsText = `<p style=\"font-size:1.0rem;margin-top:16px;margin-bottom:12px;color:#374151;line-height:1.7;\"><strong style=\"color:#047857;\">St\u00e4rken:<\/strong> ${result.strengths.join(\" \")}<\/p>`;\r\n }\r\n \r\n let risksText = \"\";\r\n if (result.risks && result.risks.length) {\r\n risksText = `<p style=\"font-size:1.0rem;margin-top:12px;margin-bottom:0;color:#374151;line-height:1.7;\"><strong style=\"color:#dc2626;\">Ansatzpunkte:<\/strong> ${result.risks.join(\" \")}<\/p>`;\r\n }\r\n \r\n \/\/ Beispielhafter l\u00e4ngerer Text f\u00fcr den geblurrten Bereich (wird nicht per E-Mail versendet)\r\n const beispielText = `\r\n <h3 style=\"margin-bottom:0.3em;font-size:1.4rem;filter: blur(5px); -webkit-filter: blur(5px);\">\r\n HR Champion: <span style=\"color:#667eea\">Exzellente HR-Organisation<\/span>\r\n <\/h3>\r\n <p style=\"font-size:1.0rem;margin-top:6px;margin-bottom:12px;color:#374151;line-height:1.6;\">\r\n Deine HR-Abteilung zeigt eine au\u00dfergew\u00f6hnlich hohe Reife und Professionalit\u00e4t. Die strategische Ausrichtung ist klar definiert und wird konsequent umgesetzt. Die Prozesse sind standardisiert und digitalisiert, was zu einer hohen Effizienz f\u00fchrt.\r\n <\/p>\r\n <p style=\"font-size:1.0rem;margin-top:12px;margin-bottom:12px;color:#374151;line-height:1.7;\">\r\n <strong style=\"color:#047857;\">St\u00e4rken:<\/strong> Deine HR-Abteilung verf\u00fcgt \u00fcber eine ausgepr\u00e4gte digitale Infrastruktur und nutzt moderne HR-Tools effektiv. Die strategische Einbindung in die Gesch\u00e4ftsf\u00fchrung ist vorbildlich. Die Prozesse sind hoch standardisiert und erm\u00f6glichen eine effiziente Bearbeitung aller HR-Aufgaben.\r\n <\/p>\r\n <p style=\"font-size:1.0rem;margin-top:12px;margin-bottom:12px;color:#374151;line-height:1.7;\">\r\n <strong style=\"color:#dc2626;\">Ansatzpunkte:<\/strong> Auch bei exzellenten HR-Abteilungen gibt es immer Raum f\u00fcr Weiterentwicklung. Die kontinuierliche Optimierung der bestehenden Prozesse und die fr\u00fchzeitige Erkennung neuer Trends k\u00f6nnen die Position weiter st\u00e4rken.\r\n <\/p>\r\n <p style=\"font-size:1.0rem;margin-top:12px;margin-bottom:0;color:#374151;line-height:1.7;\">\r\n <strong style=\"color:#667eea;\">Konkrete n\u00e4chste Schritte:<\/strong> Fokussiere dich auf die Weiterentwicklung deiner bereits starken Bereiche. Nutze deine Ressourcen f\u00fcr innovative Projekte wie KI-Integration oder Predictive Analytics. Teile deine Best Practices mit anderen Abteilungen und st\u00e4rke so die gesamte Organisation.\r\n <\/p>\r\n `;\r\n \r\n container.innerHTML = beispielText;\r\n \r\n \/\/ Checkbox-Event-Listener f\u00fcr Button-Aktivierung\r\n const consentCheckbox = document.getElementById('kiquiz-contact-consent');\r\n const unblurBtn = document.getElementById('kiquiz-unblur-btn');\r\n \r\n if (consentCheckbox && unblurBtn) {\r\n consentCheckbox.addEventListener('change', () => {\r\n if (consentCheckbox.checked) {\r\n unblurBtn.disabled = false;\r\n unblurBtn.style.opacity = '1';\r\n unblurBtn.style.cursor = 'pointer';\r\n } else {\r\n unblurBtn.disabled = true;\r\n unblurBtn.style.opacity = '0.5';\r\n unblurBtn.style.cursor = 'not-allowed';\r\n }\r\n });\r\n }\r\n }, 100);\r\n }\r\n\r\n function calcHrFazit(data) {\r\n const digi = parseInt(data.digitalisierung || \"1\", 10);\r\n const zentrale = data.zentraleHR === 'ja';\r\n const kleineHR = ['keine_hr', '1', '2-5'].includes(data.hrTeamgroesse);\r\n const stratJa = data.strategie === 'ja';\r\n const stratPlan = data.strategie === 'in_planung';\r\n const kapJa = data.kapazitaet === 'ja';\r\n const topics = data.topThemen || [];\r\n const topicsOhneKeine = topics.filter(t => t !== 'Keine konkreten Themen');\r\n const manyTopics = topicsOhneKeine.length >= 5;\r\n const prozesse = parseInt(data.prozesse || \"1\", 10); \/\/ 1-5 Skala\r\n\r\n \/\/ Score grob 0\u2013100\r\n const digiScore = ((digi - 1) \/ 4) * 40; \/\/ 0\u201340\r\n const stratScore = stratJa ? 25 : (stratPlan ? 15 : 0); \/\/ 0\/15\/25\r\n const zentralScore = zentrale ? 10 : 0; \/\/ 0\/10\r\n const kapScore = data.kapazitaet === 'nein' ? 7 : 0; \/\/ 0\/7\r\n const prozScore = ((prozesse - 1) \/ 4) * 18; \/\/ 0\u201318 basierend auf 1\u20135 Skala\r\n\r\n let percent = Math.round(digiScore + stratScore + zentralScore + kapScore + prozScore);\r\n percent = Math.max(5, Math.min(100, percent));\r\n\r\n \/\/ Kategorien\r\n const isChampion = (digi >= 4) && stratJa && zentrale && !kapJa;\r\n const isAufbau = (percent < 35) || ((digi <= 2) && !stratJa && !stratPlan && (kleineHR || !zentrale));\r\n const isWandel = (kapJa || manyTopics) && percent >= 35;\r\n\r\n let label, title, text;\r\n\r\n if (isChampion) {\r\n label = \"HR Champion\";\r\n title = \"Sehr hoher HR-Reifegrad\";\r\n text = \"Euer HR-Bereich ist strukturiert, digital gut aufgestellt und strategisch eingebunden. Ihr seid deutlich weiter als viele andere Unternehmen und k\u00f6nnt euch zunehmend auf Feinschliff, Skalierung und People-Themen konzentrieren.\";\r\n } else if (isAufbau) {\r\n label = \"HR im Aufbau\";\r\n title = \"Grundlagen im Aufbau\";\r\n text = \"Viele Grundlagen werden aktuell noch geschaffen oder sind bisher eher informell geregelt. Das ist eine Chance, fr\u00fch skalierbare Strukturen zu etablieren \u2013 bevor Wachstum oder Komplexit\u00e4t euch dazu zwingen.\";\r\n } else if (isWandel) {\r\n label = \"HR im Wandel\";\r\n title = \"Viele Baustellen parallel\";\r\n text = \"Ihr habt bereits einige Strukturen und Themen auf dem Tisch, gleichzeitig ist die Zahl paralleler Baustellen hoch oder es fehlen Kapazit\u00e4ten. Der Schl\u00fcssel liegt in Priorisierung, Roadmaps und Entlastung.\";\r\n } else {\r\n label = \"HR mit Potenzial\";\r\n title = \"Gute Basis mit Luft nach oben\";\r\n text = \"Zentrale Bausteine sind vorhanden \u2013 gleichzeitig gibt es in Standardisierung, Digitalisierung und strategischer Einbindung noch Potenzial. Mit einigen gezielten Schritten k\u00f6nnt ihr euren HR-Reifegrad deutlich erh\u00f6hen.\";\r\n }\r\n\r\n const strengths = [];\r\n const risks = [];\r\n\r\n \/\/ St\u00e4rken\r\n if (digi >= 4) {\r\n strengths.push(\"Euer Digitalisierungsgrad ist bereits hoch \u2013 viele Prozesse laufen \u00fcber Tools statt Excel & Papier.\");\r\n }\r\n\r\n if (prozesse >= 4) {\r\n strengths.push(\"Eure HR-Prozesse sind bereits sehr gut standardisiert \u2013 das schafft Klarheit und Effizienz.\");\r\n }\r\n if (stratJa) {\r\n strengths.push(\"Es gibt eine klare HR-Strategie, die Orientierung f\u00fcr Projekte und Priorit\u00e4ten gibt.\");\r\n }\r\n if (zentrale) {\r\n strengths.push(\"Ihr habt eine zentrale HR-Abteilung als feste Anlaufstelle f\u00fcr Mitarbeitende und F\u00fchrungskr\u00e4fte.\");\r\n }\r\n if (!kapJa) {\r\n strengths.push(\"Aktuell seht ihr keine gravierenden Kapazit\u00e4tsengp\u00e4sse \u2013 wichtige Themen bleiben nicht dauerhaft liegen.\");\r\n }\r\n\r\n \/\/ Risiken \/ Spannungsfelder\r\n if (digi <= 2) {\r\n risks.push(\"Der Digitalisierungsgrad ist eher niedrig \u2013 viele Abl\u00e4ufe kosten durch manuelle Arbeit Zeit und Nerven.\");\r\n } else if (digi === 3) {\r\n risks.push(\"Ihr seid in einer Mischform aus digital und analog unterwegs \u2013 Medienbr\u00fcche f\u00fchren teils zu Mehraufwand.\");\r\n }\r\n\r\n if (!stratJa && !stratPlan) {\r\n risks.push(\"Es gibt bislang keine klar definierte HR-Strategie \u2013 Priorit\u00e4ten und Ziele k\u00f6nnen dadurch verschwimmen.\");\r\n } else if (stratPlan && !stratJa) {\r\n risks.push(\"Die HR-Strategie befindet sich noch im Aufbau \u2013 vieles h\u00e4ngt von der weiteren Ausgestaltung ab.\");\r\n }\r\n\r\n if (!zentrale) {\r\n risks.push(\"HR ist nicht zentral organisiert \u2013 Verantwortlichkeiten und Zust\u00e4ndigkeiten k\u00f6nnen unklar sein.\");\r\n }\r\n\r\n if (prozesse <= 2) {\r\n risks.push(\"Eure HR-Prozesse sind noch wenig standardisiert \u2013 das kann zu Inkonsistenzen und Mehraufwand f\u00fchren.\");\r\n }\r\n\r\n if (kapJa) {\r\n risks.push(\"Ihr erlebt Kapazit\u00e4tsengp\u00e4sse im HR-Alltag \u2013 bestimmte Themen bleiben liegen oder werden nur reaktiv bearbeitet.\");\r\n }\r\n\r\n if (manyTopics) {\r\n risks.push(\"Ihr habt viele HR-Top-Themen parallel auf dem Tisch \u2013 das erh\u00f6ht die Gefahr von \u00dcberlastung und Kontextwechseln.\");\r\n }\r\n\r\n if (strengths.length === 0) {\r\n strengths.push(\"Ihr habt bereits einige Bausteine im HR gelegt \u2013 das Kurzfazit zeigt, wo ihr darauf aufbauen k\u00f6nnt.\");\r\n }\r\n\r\n return { label, title, text, strengths, risks, percent };\r\n }\r\n\r\n \/\/ ============================================\r\n\/\/ TEXTBAUSTEINE F\u00dcR E-MAIL-GENERIERUNG (REWORK)\r\n\/\/ ============================================\r\n\r\nconst emailTextbausteine = {\r\n \/\/ Kurzfazit-Bausteine nach Kategorie\r\n kurzfazit: {\r\n champion:\r\n \"Auf Basis deiner Antworten seid ihr im Bereich HR bereits sehr weit entwickelt: solide Strukturen, gute digitale Basis und klare strategische Einbindung. Damit k\u00f6nnt ihr gezielt an Skalierung, Wirkung und People-Themen arbeiten.\",\r\n aufbau:\r\n \"Eure Antworten zeigen, dass ihr im HR-Bereich aktuell stark im Aufbau seid. Viele Grundlagen werden noch gelegt oder sind nur in Teilen vorhanden. Das ist ein guter Zeitpunkt, um bewusst Priorit\u00e4ten zu setzen und Strukturen so zu bauen, dass sie sp\u00e4ter mitwachsen.\",\r\n wandel:\r\n \"Ihr befindet euch im HR-Bereich klar in einer Ver\u00e4nderungs- bzw. Wachstumsphase. Einige wichtige Bausteine sind bereits vorhanden, gleichzeitig sp\u00fcrt ihr Druck durch parallele Themen und steigende Anforderungen. In dieser Phase lohnt sich Struktur, Fokus und Entlastung, damit HR planbar wirksam bleibt.\",\r\n potenzial:\r\n \"Zentrale Bausteine sind vorhanden \u2013 gleichzeitig gibt es in Standardisierung, Digitalisierung und strategischer Einbindung noch Potenzial. Mit wenigen gezielten Schritten k\u00f6nnt ihr euren HR-Reifegrad sp\u00fcrbar erh\u00f6hen.\"\r\n },\r\n\r\n \/\/ NEU: Bedeutung \/ Einordnung (Br\u00fccke nach dem Kurzfazit)\r\n bedeutung: {\r\n champion:\r\n \"Das bedeutet: Ihr k\u00f6nnt HR st\u00e4rker als Hebel nutzen \u2013 statt Zeit in Grundsatzfragen oder Feuerwehrarbeit zu verlieren.\",\r\n aufbau:\r\n \"Das bedeutet: Die Entscheidungen, die ihr jetzt trefft, bestimmen, ob HR sp\u00e4ter skaliert \u2013 oder ob ihr st\u00e4ndig nachziehen m\u00fcsst.\",\r\n wandel:\r\n \"Das bedeutet: Ohne Priorisierung wird HR schnell reaktiv \u2013 mit klarer Roadmap wird Arbeit wieder planbar und wirksam.\",\r\n potenzial:\r\n \"Das bedeutet: Ihr habt genug Substanz, um gezielt zu standardisieren und zu digitalisieren \u2013 ohne ein Gro\u00dfprojekt daraus zu machen.\"\r\n },\r\n\r\n \/\/ Betreff-Ideen (leicht klarer \/ weniger generisch)\r\n betreff: {\r\n champion: \"Deine HR-Selbsteinsch\u00e4tzung: Sehr stark \u2013 wo ihr als N\u00e4chstes profitieren k\u00f6nnt\",\r\n aufbau: \"Deine HR-Selbsteinsch\u00e4tzung: Aufbauphase \u2013 die n\u00e4chsten sinnvollen Schritte\",\r\n wandel: \"Deine HR-Selbsteinsch\u00e4tzung: Wandelphase \u2013 Fokus, Entlastung und Wirkung\",\r\n potenzial: \"Deine HR-Selbsteinsch\u00e4tzung: Gute Basis \u2013 so kommt ihr gezielt weiter\"\r\n },\r\n\r\n \/\/ Digitalisierung (1-5)\r\n digitalisierung: {\r\n staerken: {\r\n hoch:\r\n \"Ihr nutzt bereits digitale L\u00f6sungen im HR-Bereich und habt viele Prozesse nicht mehr rein manuell organisiert. Das reduziert operative Aufw\u00e4nde und schafft Transparenz f\u00fcr F\u00fchrungskr\u00e4fte und Mitarbeitende.\",\r\n mittel:\r\n \"Ihr habt bereits erste digitale Bausteine im HR im Einsatz. Das ist eine gute Basis, auf der ihr weiter aufbauen k\u00f6nnt, ohne alles von Null starten zu m\u00fcssen.\",\r\n niedrig:\r\n \"Noch arbeitet ihr in vielen HR-Bereichen eher analog. Kurzfristig ist das machbar \u2013 langfristig kostet es Zeit und erschwert Transparenz und Steuerung.\"\r\n },\r\n risiken: {\r\n hoch:\r\n \"Mit wachsender Tool-Landschaft steigt das Risiko von Insell\u00f6sungen, Medienbr\u00fcchen und Akzeptanzproblemen. Ohne klare Governance rund um Prozesse, Rollen und Daten kann der Nutzen der Digitalisierung hinter den Erwartungen zur\u00fcckbleiben.\",\r\n mittel:\r\n \"Durch eine nur teilweise Digitalisierung besteht die Gefahr, dass ihr an einigen Stellen doppelt arbeitet: digital und analog. Das kostet Kapazit\u00e4t und erschwert es, ein konsistentes HR-Datenbild aufzubauen.\",\r\n niedrig:\r\n \"Eine \u00fcberwiegend analoge HR-Arbeit bindet viel Zeit in Routineaufgaben, die sich automatisieren lie\u00dfen. Gleichzeitig fehlt euch damit oft die Datengrundlage, um HR-Entscheidungen strategisch zu untermauern.\"\r\n },\r\n quickwins: {\r\n niedrig_mittel:\r\n \"W\u00e4hlt 1\u20132 Kernprozesse (z. B. Recruiting oder Onboarding) aus und definiert klar, wie diese k\u00fcnftig digital unterst\u00fctzt werden sollen \u2013 inklusive Rollen, Datenfl\u00fcssen und Schnittstellen. Startet bewusst mit einem Pilot, statt alles gleichzeitig anzupacken.\",\r\n hoch:\r\n \"Pr\u00fcft eure bestehende HR-Tool-Landschaft auf \u00dcberschneidungen und L\u00fccken. Ein kurzer System- und Prozess-Check hilft, Redundanzen zu reduzieren und die Nutzung f\u00fcr F\u00fchrungskr\u00e4fte und HR zu vereinfachen.\"\r\n }\r\n },\r\n\r\n \/\/ Standardisierte Prozesse (1-5)\r\n prozesse: {\r\n staerken: {\r\n hoch:\r\n \"Ihr habt bereits klar definierte und standardisierte HR-Prozesse. Das erleichtert ein konsistentes Arbeiten, vereinfacht Vertretungen und reduziert Fehleranf\u00e4lligkeit.\",\r\n mittel:\r\n \"In Teilen eurer HR-Arbeit existieren bereits definierte Abl\u00e4ufe. Diese Inseln von Klarheit sind ein guter Ausgangspunkt, um St\u00fcck f\u00fcr St\u00fcck mehr Einheitlichkeit zu schaffen.\",\r\n niedrig:\r\n \"Viele Abl\u00e4ufe werden aktuell situativ gel\u00f6st. Das gibt Flexibilit\u00e4t \u2013 zugleich liegt hier oft ein schneller Hebel, um Effizienz und Verl\u00e4sslichkeit zu erh\u00f6hen.\"\r\n },\r\n risiken: {\r\n hoch:\r\n \"Stark standardisierte Prozesse k\u00f6nnen als starr wahrgenommen werden, wenn sie nicht regelm\u00e4\u00dfig \u00fcberpr\u00fcft und an neue Anforderungen angepasst werden. Ohne klaren Prozess-Owner veralten Standards schnell.\",\r\n mittel:\r\n \"Halb standardisierte Prozesse f\u00fchren oft zu Unklarheiten: Wer macht was, wie und bis wann? Das kann zu unterschiedlichen Vorgehensweisen je nach Person oder Standort f\u00fchren und die Qualit\u00e4t schwanken lassen.\",\r\n niedrig:\r\n \"Wenn HR-Prozesse kaum beschrieben oder vereinheitlicht sind, h\u00e4ngt viel von Einzelpersonen ab. Das erschwert Skalierung, macht euch anf\u00e4llig f\u00fcr Ausf\u00e4lle und f\u00fchrt oft zu Nacharbeit oder Nachfragen.\"\r\n },\r\n quickwins: {\r\n niedrig_mittel:\r\n \"W\u00e4hlt 1\u20132 kritische HR-Prozesse (z. B. Recruiting, Onboarding oder Vertrags\u00e4nderungen) aus und beschreibt diese in einer einfachen, f\u00fcr alle nachvollziehbaren Prozess-Sicht: Schritte, Rollen, Durchlaufzeiten. Startet bewusst pragmatisch und nicht mit einem Prozesshandbuch.\",\r\n hoch:\r\n \"Nutzt eure bestehenden Standards, um Kennzahlen zu definieren (z. B. Durchlaufzeiten, Abbruchquoten) und gezielt Optimierungen abzuleiten \u2013 etwa bei Schnittstellen zu Fachbereichen oder IT.\"\r\n }\r\n },\r\n\r\n \/\/ HR-Strategie\r\n strategie: {\r\n staerken: {\r\n ja:\r\n \"Dass es eine klar formulierte HR-Strategie gibt, ist ein wichtiger Reifegrad. Ihr k\u00f6nnt damit HR-Ma\u00dfnahmen gezielt an Unternehmenszielen ausrichten und besser priorisieren.\",\r\n in_planung:\r\n \"Ihr arbeitet aktuell an einer HR-Strategie. Das zeigt, dass ihr HR nicht mehr nur operativ denkt, sondern bewusst als Hebel f\u00fcr die Unternehmensentwicklung einsetzen wollt.\"\r\n },\r\n risiken: {\r\n keine:\r\n \"Ohne klar formulierte HR-Strategie besteht das Risiko, dass HR-Ma\u00dfnahmen eher reaktiv stattfinden und Priorit\u00e4ten von Lautst\u00e4rke statt von Wirkung bestimmt werden.\",\r\n in_planung:\r\n \"Wenn eine Strategie zwar diskutiert, aber nicht konsequent fertiggestellt und kommuniziert wird, bleibt HR leicht in einer Zwischenwelt h\u00e4ngen \u2013 mit unklaren Erwartungen aus der Gesch\u00e4ftsf\u00fchrung.\"\r\n },\r\n quickwins: {\r\n keine:\r\n \"Startet mit einem kompakten HR-Zielbild auf 1\u20132 Seiten: Welche Rolle soll HR f\u00fcr das Unternehmen in 2\u20133 Jahren spielen? Welche 3\u20135 Handlungsfelder sind daf\u00fcr zentral?\",\r\n in_planung_ja:\r\n \"\u00dcbersetzt eure HR-Strategie in eine klare Roadmap mit priorisierten Initiativen, Verantwortlichkeiten und Zeithorizonten. Wichtig ist, die Verbindung zu den Top-Unternehmenszielen sichtbar zu machen.\"\r\n }\r\n },\r\n\r\n \/\/ Strategische Einbindung (1-5)\r\n einbindung: {\r\n staerken: {\r\n hoch:\r\n \"HR ist bei euch in zentrale Unternehmensentscheidungen eingebunden. Das erm\u00f6glicht es, Personal- und Organisationsfragen fr\u00fch mitzudenken und vorausschauend zu handeln, statt nur hinterher zu reagieren.\",\r\n mittel:\r\n \"In einigen Themen ist HR bereits an der Seite von Gesch\u00e4ftsf\u00fchrung und Fachbereichen. Diese Ankn\u00fcpfungspunkte sind ideal, um die Rolle von HR weiter in Richtung Business-Partner zu entwickeln.\"\r\n },\r\n risiken: {\r\n niedrig:\r\n \"Wenn HR \u00fcberwiegend operativ arbeitet und selten an strategischen Entscheidungen beteiligt ist, werden Personal- und Organisationsfragen h\u00e4ufig erst im Nachgang ber\u00fccksichtigt \u2013 mit entsprechendem Mehraufwand.\",\r\n mittel:\r\n \"Wird HR nur punktuell eingebunden, h\u00e4ngt die Wahrnehmung stark von einzelnen F\u00fchrungskr\u00e4ften ab. Das erschwert eine konsistente Positionierung von HR im Unternehmen.\"\r\n },\r\n quickwins: {\r\n niedrig_mittel:\r\n \"Identifiziert 1\u20132 wiederkehrende Anl\u00e4sse (z. B. Budgetrunden, Standortentscheidungen, gr\u00f6\u00dfere Ver\u00e4nderungsprojekte), bei denen HR k\u00fcnftig fr\u00fchzeitig mit am Tisch sitzen sollte, und vereinbart dies explizit mit der Gesch\u00e4ftsf\u00fchrung.\"\r\n }\r\n },\r\n\r\n \/\/ Zentrale HR\r\n zentraleHR: {\r\n staerken: {\r\n ja:\r\n \"Ihr habt eine zentrale HR-Abteilung als feste Anlaufstelle f\u00fcr Mitarbeitende und F\u00fchrungskr\u00e4fte. Das schafft Klarheit \u00fcber Zust\u00e4ndigkeiten und erm\u00f6glicht es, HR-Expertise gezielt einzusetzen.\",\r\n teilweise:\r\n \"Ihr habt bereits zentrale HR-Strukturen, auch wenn nicht alles komplett zentral organisiert ist. Diese Basis hilft, Standards zu etablieren und Wissen zu b\u00fcndeln.\"\r\n },\r\n risiken: {\r\n nein:\r\n \"Wenn HR nicht zentral organisiert ist, k\u00f6nnen Verantwortlichkeiten und Zust\u00e4ndigkeiten unklar sein. Das f\u00fchrt oft zu unterschiedlichen Vorgehensweisen und erschwert es, HR-Strategien konsistent umzusetzen.\"\r\n }\r\n },\r\n\r\n \/\/ Kapazit\u00e4ten\r\n kapazitaet: {\r\n risiken: {\r\n ja:\r\n \"Deine Angaben deuten darauf hin, dass ihr aktuell Kapazit\u00e4tsengp\u00e4sse im HR erlebt. Das erh\u00f6ht die Gefahr von Verz\u00f6gerungen, Qualit\u00e4tsverlusten und dem Gef\u00fchl, st\u00e4ndig hinterherzulaufen.\",\r\n viele_themen:\r\n \"Ihr habt viele HR-Top-Themen parallel auf dem Tisch \u2013 das erh\u00f6ht die Gefahr von \u00dcberlastung und Kontextwechseln. Ohne klare Priorisierung bleibt vieles halbfertig oder wird reaktiv bearbeitet.\"\r\n },\r\n staerken: {\r\n nein:\r\n \"Aktuell seht ihr keine akuten Kapazit\u00e4tsengp\u00e4sse. Das schafft Spielraum, um gezielt an Struktur- und Zukunftsthemen zu arbeiten, bevor der Druck steigt.\"\r\n },\r\n quickwins: {\r\n ja:\r\n \"Ein erster Schritt kann sein, eure laufenden HR-Initiativen zu priorisieren: Welche Themen zahlen direkt auf Unternehmensziele ein, welche k\u00f6nnen verschoben oder vereinfacht werden? In manchen F\u00e4llen ist auch tempor\u00e4re Entlastung durch externe Unterst\u00fctzung sinnvoll.\"\r\n }\r\n },\r\n\r\n \/\/ Top-Themen (generische Bausteine)\r\n topThemen: {\r\n recruiting:\r\n \"Recruiting ist eines eurer Top-Themen. Hier lohnt es sich besonders, Prozesse zu standardisieren, klare Rollen mit Fachbereichen zu definieren und Kennzahlen einzuf\u00fchren, um Engp\u00e4sse sichtbar zu machen.\",\r\n weiterbildung:\r\n \"Weiterbildung und Lernen stehen bei euch weit oben. Ein strukturierter Rahmen (z. B. Skill-Profile, Learning-Pfade, Feedbackschleifen) hilft, Ma\u00dfnahmen mit der Unternehmensstrategie zu verbinden.\",\r\n hr_it:\r\n \"Das Thema HR-IT und Tools ist f\u00fcr euch wichtig. Hier geht es nicht nur um die Auswahl von Systemen, sondern vor allem um saubere Prozesse, Datenqualit\u00e4t und Akzeptanz bei F\u00fchrungskr\u00e4ften und Mitarbeitenden.\",\r\n performance:\r\n \"Performance Management ist ein zentrales Thema f\u00fcr euch. Wichtig ist hier, dass Prozesse nicht nur formal existieren, sondern tats\u00e4chlich zu besseren Gespr\u00e4chen, klaren Zielen und Entwicklung f\u00fchren.\",\r\n onboarding:\r\n \"Onboarding steht bei euch im Fokus. Ein strukturierter Onboarding-Prozess \u2013 von der Vorbereitung bis zum ersten Jahr \u2013 kann die Integration neuer Mitarbeitender deutlich verbessern und Fluktuation reduzieren.\",\r\n retention:\r\n \"Mitarbeiterbindung ist ein wichtiges Thema. Hier geht es nicht nur um einzelne Ma\u00dfnahmen, sondern um eine durchdachte Retention-Strategie, die verschiedene Hebel kombiniert: Entwicklung, Kultur, Anerkennung, Work-Life-Balance.\",\r\n compliance:\r\n \"Compliance und rechtliche Themen sind f\u00fcr euch relevant. Hier lohnt es sich, Prozesse so zu gestalten, dass Compliance nicht nur erf\u00fcllt wird, sondern auch f\u00fcr Mitarbeitende und F\u00fchrungskr\u00e4fte nachvollziehbar und praktikabel ist.\",\r\n organisation:\r\n \"Organisationsentwicklung ist ein Top-Thema. Hier geht es darum, Strukturen, Rollen und Zusammenarbeit so zu gestalten, dass sie zu euren Unternehmenszielen passen und agiles Arbeiten erm\u00f6glichen.\"\r\n },\r\n\r\n \/\/ CTA-Bausteine (leicht \u201eOutcome\u201c-orientierter)\r\n cta: {\r\n champion:\r\n \"Wenn du m\u00f6chtest, gehen wir in 30 Minuten durch, wo du mit wenig Aufwand den gr\u00f6\u00dften Wirkungssprung erzielst \u2013 z. B. Skalierung, HR-Analytics oder Organisationsentwicklung.\",\r\n aufbau:\r\n \"Wenn du m\u00f6chtest, erarbeiten wir gemeinsam in einem kurzen Gespr\u00e4ch eine priorisierte Roadmap: Welche 2\u20133 Schritte bringen dich vom aktuellen Status am schnellsten nach vorn?\",\r\n wandel:\r\n \"Gerne schauen wir gemeinsam, wie du deine parallelen Themen so strukturierst, dass HR wirksam bleibt und das Team nicht ausbrennt.\",\r\n potenzial:\r\n \"Gerne identifizieren wir gemeinsam in einem kurzen Gespr\u00e4ch die 2\u20133 gr\u00f6\u00dften Hebel, um deinen HR-Reifegrad gezielt zu erh\u00f6hen.\",\r\n generisch:\r\n \"Buche direkt einen Termin \u00fcber unseren Link, wenn du deine individuelle Einsch\u00e4tzung und konkrete n\u00e4chste Schritte mit uns durchgehen m\u00f6chtest.\",\r\n generischEmail:\r\n \"Antworte einfach kurz auf diese E-Mail oder buche direkt einen Termin \u00fcber unseren Link, wenn du deine individuelle Einsch\u00e4tzung und konkrete n\u00e4chste Schritte mit uns durchgehen m\u00f6chtest.\"\r\n },\r\n\r\n \/\/ NEU: CTA-Bridge (Satz vor dem CTA-Teil)\r\n cta_bridge: {\r\n champion:\r\n \"Wenn du willst, schauen wir gemeinsam, wo du als N\u00e4chstes am meisten profitierst.\",\r\n aufbau:\r\n \"Wenn du m\u00f6chtest, bringen wir gemeinsam Ordnung in die n\u00e4chsten Schritte \u2013 ohne dass daraus ein Gro\u00dfprojekt wird.\",\r\n wandel:\r\n \"Wenn du willst, sortieren wir deine Themen nach Wirkung und Machbarkeit und machen daraus eine realistische Roadmap.\",\r\n potenzial:\r\n \"Hat dich diese Schnelleinsch\u00e4tzung neugierig gemacht?\"\r\n },\r\n\r\n \/\/ NEU (optional): Intro f\u00fcr \u201eKonkrete n\u00e4chste Schritte\u201c\r\n quickwins_intro: {\r\n champion: \"Konkrete n\u00e4chste Schritte (als Orientierung):\",\r\n aufbau: \"Konkrete n\u00e4chste Schritte (als Orientierung):\",\r\n wandel: \"Konkrete n\u00e4chste Schritte (als Orientierung):\",\r\n potenzial: \"Konkrete n\u00e4chste Schritte (als Orientierung):\"\r\n },\r\n\r\n \/\/ Begr\u00fc\u00dfung\r\n begruessung:\r\n \"Hallo!\\n\\nVielen Dank, dass du dir die Zeit genommen hast, unseren HR-Selbstcheck zu durchlaufen. Hier ist deine individuelle Einsch\u00e4tzung:\"\r\n};\r\n\r\n\r\n \/\/ Funktion: Bestimme Buckets f\u00fcr Dimensionen\r\n function getDimensionBuckets(data) {\r\n const digi = parseInt(data.digitalisierung || \"1\", 10);\r\n const prozesse = parseInt(data.prozesse || \"1\", 10);\r\n const einbindung = parseInt(data.einbindung || \"1\", 10);\r\n \r\n return {\r\n digi: digi <= 2 ? 'niedrig' : (digi === 3 ? 'mittel' : 'hoch'),\r\n prozesse: prozesse <= 2 ? 'niedrig' : (prozesse === 3 ? 'mittel' : 'hoch'),\r\n einbindung: einbindung <= 2 ? 'niedrig' : (einbindung === 3 ? 'mittel' : 'hoch'),\r\n strategie: data.strategie || 'keine',\r\n zentraleHR: data.zentraleHR || 'nein',\r\n kapazitaet: data.kapazitaet || 'nein',\r\n topThemen: data.topThemen || []\r\n };\r\n }\r\n\r\n \/\/ Funktion: W\u00e4hle passende Textbausteine aus\r\n function selectEmailTextbausteine(data, result) {\r\n const buckets = getDimensionBuckets(data);\r\n const selected = {\r\n kurzfazit: '',\r\n bedeutung: '',\r\n quickwinsIntro: '',\r\n ctaBridge: '',\r\n staerken: [],\r\n risiken: [],\r\n quickwins: [],\r\n topThemen: [],\r\n cta: ''\r\n};\r\n\r\n \r\n \/\/ Bestimme Kategorie\r\n let kategorie = 'potenzial';\r\n if (result.label === 'HR Champion') kategorie = 'champion';\r\n else if (result.label === 'HR im Aufbau') kategorie = 'aufbau';\r\n else if (result.label === 'HR im Wandel') kategorie = 'wandel';\r\n \r\n \/\/ Kurzfazit\r\n selected.kurzfazit = emailTextbausteine.kurzfazit[kategorie] || emailTextbausteine.kurzfazit.potenzial;\r\n \r\n selected.bedeutung = (emailTextbausteine.bedeutung && emailTextbausteine.bedeutung[kategorie])\r\n ? emailTextbausteine.bedeutung[kategorie]\r\n : '';\r\n\r\nselected.quickwinsIntro = (emailTextbausteine.quickwins_intro && emailTextbausteine.quickwins_intro[kategorie])\r\n ? emailTextbausteine.quickwins_intro[kategorie]\r\n : 'Konkrete n\u00e4chste Schritte:';\r\n\r\nselected.ctaBridge = (emailTextbausteine.cta_bridge && emailTextbausteine.cta_bridge[kategorie])\r\n ? emailTextbausteine.cta_bridge[kategorie]\r\n : '';\r\n\r\n \r\n \/\/ St\u00e4rken sammeln (max. 3) \u2013 Digitalisierung nur bei mittel\/hoch als St\u00e4rke\r\n if (buckets.digi === 'hoch') {\r\n selected.staerken.push(emailTextbausteine.digitalisierung.staerken.hoch);\r\n } else if (buckets.digi === 'mittel') {\r\n selected.staerken.push(emailTextbausteine.digitalisierung.staerken.mittel);\r\n }\r\n \/\/ niedrig -> keine \"St\u00e4rke\" (kommt als Risiko\/Quickwin ohnehin rein)\r\n \r\n if (buckets.prozesse === 'hoch') {\r\n selected.staerken.push(emailTextbausteine.prozesse.staerken.hoch);\r\n } else if (buckets.prozesse === 'mittel') {\r\n selected.staerken.push(emailTextbausteine.prozesse.staerken.mittel);\r\n }\r\n \r\n if (buckets.strategie === 'ja') {\r\n selected.staerken.push(emailTextbausteine.strategie.staerken.ja);\r\n } else if (buckets.strategie === 'in_planung') {\r\n selected.staerken.push(emailTextbausteine.strategie.staerken.in_planung);\r\n }\r\n \r\n if (buckets.zentraleHR === 'ja') {\r\n selected.staerken.push(emailTextbausteine.zentraleHR.staerken.ja);\r\n } else if (buckets.zentraleHR === 'teilweise') {\r\n selected.staerken.push(emailTextbausteine.zentraleHR.staerken.teilweise);\r\n }\r\n \r\n if (buckets.kapazitaet === 'nein') {\r\n selected.staerken.push(emailTextbausteine.kapazitaet.staerken.nein);\r\n }\r\n \r\n \/\/ St\u00e4rken auf max. 3 begrenzen\r\n selected.staerken = selected.staerken.slice(0, 3);\r\n \r\n \/\/ Risiken sammeln (max. 3, priorisiert)\r\n if (buckets.kapazitaet === 'ja') {\r\n selected.risiken.push(emailTextbausteine.kapazitaet.risiken.ja);\r\n }\r\n \r\n const topicsOhneKeine = buckets.topThemen.filter(t => t !== 'Keine konkreten Themen');\r\n if (topicsOhneKeine.length >= 5) {\r\n selected.risiken.push(emailTextbausteine.kapazitaet.risiken.viele_themen);\r\n }\r\n \r\n if (buckets.digi === 'niedrig') {\r\n selected.risiken.push(emailTextbausteine.digitalisierung.risiken.niedrig);\r\n } else if (buckets.digi === 'mittel') {\r\n selected.risiken.push(emailTextbausteine.digitalisierung.risiken.mittel);\r\n } else if (buckets.digi === 'hoch') {\r\n selected.risiken.push(emailTextbausteine.digitalisierung.risiken.hoch);\r\n }\r\n \r\n if (buckets.prozesse === 'niedrig') {\r\n selected.risiken.push(emailTextbausteine.prozesse.risiken.niedrig);\r\n } else if (buckets.prozesse === 'mittel') {\r\n selected.risiken.push(emailTextbausteine.prozesse.risiken.mittel);\r\n }\r\n \r\n if (buckets.strategie === 'keine') {\r\n selected.risiken.push(emailTextbausteine.strategie.risiken.keine);\r\n } else if (buckets.strategie === 'in_planung') {\r\n selected.risiken.push(emailTextbausteine.strategie.risiken.in_planung);\r\n }\r\n \r\n if (buckets.einbindung === 'niedrig') {\r\n selected.risiken.push(emailTextbausteine.einbindung.risiken.niedrig);\r\n } else if (buckets.einbindung === 'mittel') {\r\n selected.risiken.push(emailTextbausteine.einbindung.risiken.mittel);\r\n }\r\n \r\n if (buckets.zentraleHR === 'nein') {\r\n selected.risiken.push(emailTextbausteine.zentraleHR.risiken.nein);\r\n }\r\n \r\n \/\/ Risiken auf max. 3 begrenzen\r\n selected.risiken = selected.risiken.slice(0, 3);\r\n \r\n \/\/ Quick Wins sammeln (2-3)\r\n if (buckets.kapazitaet === 'ja') {\r\n selected.quickwins.push(emailTextbausteine.kapazitaet.quickwins.ja);\r\n }\r\n \r\n if (buckets.digi === 'niedrig' || buckets.digi === 'mittel') {\r\n selected.quickwins.push(emailTextbausteine.digitalisierung.quickwins.niedrig_mittel);\r\n } else if (buckets.digi === 'hoch') {\r\n selected.quickwins.push(emailTextbausteine.digitalisierung.quickwins.hoch);\r\n }\r\n \r\n if (buckets.prozesse === 'niedrig' || buckets.prozesse === 'mittel') {\r\n selected.quickwins.push(emailTextbausteine.prozesse.quickwins.niedrig_mittel);\r\n } else if (buckets.prozesse === 'hoch') {\r\n selected.quickwins.push(emailTextbausteine.prozesse.quickwins.hoch);\r\n }\r\n \r\n if (buckets.strategie === 'keine') {\r\n selected.quickwins.push(emailTextbausteine.strategie.quickwins.keine);\r\n } else if (buckets.strategie === 'ja' || buckets.strategie === 'in_planung') {\r\n selected.quickwins.push(emailTextbausteine.strategie.quickwins.in_planung_ja);\r\n }\r\n \r\n if (buckets.einbindung === 'niedrig' || buckets.einbindung === 'mittel') {\r\n selected.quickwins.push(emailTextbausteine.einbindung.quickwins.niedrig_mittel);\r\n }\r\n \r\n \/\/ Quick Wins auf 2-3 begrenzen\r\n selected.quickwins = selected.quickwins.slice(0, 3);\r\n \r\n \/\/ Top-Themen (max. 3) \u2013 Mapping auf die EXAKTEN Values aus Step 12\r\nconst topicMapping = {\r\n \"Recruiting \/ Talent Acquisition\": \"recruiting\",\r\n \"Retention \/ Mitarbeiterbindung\": \"retention\",\r\n \"Learning & Development\": \"weiterbildung\",\r\n \"HR-Digitalisierung\": \"hr_it\",\r\n \"Performance Management\": \"performance\",\r\n \/\/ aktuell nicht abgedeckt (optional sp\u00e4ter erg\u00e4nzen):\r\n \"F\u00fchrungskr\u00e4fteentwicklung\": null,\r\n \"Compensation & Benefits\": null,\r\n \"Andere\": null\r\n};\r\n\r\ntopicsOhneKeine.slice(0, 3).forEach(topic => {\r\n const key = topicMapping[topic];\r\n if (key && emailTextbausteine.topThemen[key]) {\r\n selected.topThemen.push(emailTextbausteine.topThemen[key]);\r\n }\r\n});\r\n\r\n \r\n \/\/ CTA\r\n selected.cta = emailTextbausteine.cta[kategorie] || emailTextbausteine.cta.potenzial;\r\n \r\n return selected;\r\n }\r\n\r\n \/\/ Funktion: Generiere E-Mail-Text (Plain-Text und HTML)\r\n function generateEmailText(data, result) {\r\n const bausteine = selectEmailTextbausteine(data, result);\r\n const betreff = emailTextbausteine.betreff[result.label === 'HR Champion' ? 'champion' : \r\n (result.label === 'HR im Aufbau' ? 'aufbau' : \r\n (result.label === 'HR im Wandel' ? 'wandel' : 'potenzial'))] || \r\n emailTextbausteine.betreff.potenzial;\r\n \r\n \/\/ Plain-Text-Version\r\n let emailText = emailTextbausteine.begruessung + '\\n\\n';\r\n emailText += '---\\n\\n';\r\n emailText += bausteine.kurzfazit + '\\n\\n';\r\n if (bausteine.bedeutung) {\r\n emailText += bausteine.bedeutung + '\\n\\n';\r\n }\r\n \r\n if (bausteine.staerken.length > 0) {\r\n emailText += 'St\u00e4rken:\\n';\r\n bausteine.staerken.forEach((s, i) => {\r\n emailText += `\u2022 ${s}\\n`;\r\n });\r\n emailText += '\\n';\r\n }\r\n \r\n if (bausteine.risiken.length > 0) {\r\n emailText += 'Ansatzpunkte:\\n';\r\n bausteine.risiken.forEach((r, i) => {\r\n emailText += `\u2022 ${r}\\n`;\r\n });\r\n emailText += '\\n';\r\n }\r\n \r\n if (bausteine.quickwins.length > 0) {\r\n emailText += (bausteine.quickwinsIntro || 'Konkrete n\u00e4chste Schritte:') + '\\n';\r\n bausteine.quickwins.forEach((q, i) => {\r\n emailText += `\u2022 ${q}\\n`;\r\n });\r\n emailText += '\\n';\r\n }\r\n \r\n if (bausteine.topThemen.length > 0) {\r\n emailText += 'Zu euren Top-Themen:\\n';\r\n bausteine.topThemen.forEach((t, i) => {\r\n emailText += `\u2022 ${t}\\n`;\r\n });\r\n emailText += '\\n';\r\n }\r\n \r\n emailText += '---\\n\\n';\r\n if (bausteine.ctaBridge) {\r\n emailText += bausteine.ctaBridge + '\\n';\r\n }\r\n emailText += bausteine.cta + '\\n\\n';\r\n emailText += emailTextbausteine.cta.generischEmail + '\\n\\n';\r\n emailText += 'Viele Gr\u00fc\u00dfe,\\n';\r\n emailText += 'Dein HR factory Team';\r\n \r\n \/\/ HTML-Version f\u00fcr HubSpot\r\n let emailHtml = '<div style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto;\">';\r\n emailHtml += '<p style=\"margin-bottom: 20px;\">' + emailTextbausteine.begruessung.replace(\/\\n\/g, '<br>') + '<\/p>';\r\n emailHtml += '<hr style=\"border: none; border-top: 1px solid #ddd; margin: 20px 0;\">';\r\n emailHtml += '<p style=\"margin-bottom: 20px;\">' + bausteine.kurzfazit + '<\/p>';\r\n if (bausteine.bedeutung) {\r\n emailHtml += '<p style=\"margin-bottom: 20px;\">' + bausteine.bedeutung + '<\/p>';\r\n }\r\n \r\n if (bausteine.staerken.length > 0) {\r\n emailHtml += '<h3 style=\"color: #047857; margin-top: 24px; margin-bottom: 12px; font-size: 18px;\">St\u00e4rken:<\/h3>';\r\n emailHtml += '<ul style=\"margin-left: 20px; margin-bottom: 20px;\">';\r\n bausteine.staerken.forEach((s, i) => {\r\n emailHtml += `<li style=\"margin-bottom: 8px;\">${s}<\/li>`;\r\n });\r\n emailHtml += '<\/ul>';\r\n }\r\n \r\n if (bausteine.risiken.length > 0) {\r\n emailHtml += '<h3 style=\"color: #dc2626; margin-top: 24px; margin-bottom: 12px; font-size: 18px;\">Ansatzpunkte:<\/h3>';\r\n emailHtml += '<ul style=\"margin-left: 20px; margin-bottom: 20px;\">';\r\n bausteine.risiken.forEach((r, i) => {\r\n emailHtml += `<li style=\"margin-bottom: 8px;\">${r}<\/li>`;\r\n });\r\n emailHtml += '<\/ul>';\r\n }\r\n \r\n if (bausteine.quickwins.length > 0) {\r\n emailHtml += '<h3 style=\"color: #667eea; margin-top: 24px; margin-bottom: 12px; font-size: 18px;\">' + (bausteine.quickwinsIntro || 'Konkrete n\u00e4chste Schritte:') + '<\/h3>';\r\n emailHtml += '<ul style=\"margin-left: 20px; margin-bottom: 20px;\">';\r\n bausteine.quickwins.forEach((q, i) => {\r\n emailHtml += `<li style=\"margin-bottom: 8px;\">${q}<\/li>`;\r\n });\r\n emailHtml += '<\/ul>';\r\n }\r\n \r\n if (bausteine.topThemen.length > 0) {\r\n emailHtml += '<h3 style=\"margin-top: 24px; margin-bottom: 12px; font-size: 18px;\">Zu euren Top-Themen:<\/h3>';\r\n emailHtml += '<ul style=\"margin-left: 20px; margin-bottom: 20px;\">';\r\n bausteine.topThemen.forEach((t, i) => {\r\n emailHtml += `<li style=\"margin-bottom: 8px;\">${t}<\/li>`;\r\n });\r\n emailHtml += '<\/ul>';\r\n }\r\n \r\n emailHtml += '<hr style=\"border: none; border-top: 1px solid #ddd; margin: 20px 0;\">';\r\n if (bausteine.ctaBridge) {\r\n emailHtml += '<p style=\"margin-bottom: 12px;\">' + bausteine.ctaBridge + '<\/p>';\r\n }\r\n emailHtml += '<p style=\"margin-bottom: 12px;\">' + bausteine.cta + '<\/p>';\r\n emailHtml += '<p style=\"margin-bottom: 20px;\">' + emailTextbausteine.cta.generischEmail + '<\/p>';\r\n emailHtml += '<p style=\"margin-top: 30px;\">Viele Gr\u00fc\u00dfe,<br>Dein HR factory Team<\/p>';\r\n emailHtml += '<\/div>';\r\n \r\n \/\/ Separate Properties f\u00fcr HubSpot (da HTML aus Properties escaped wird)\r\n \/\/ Das HTML wird im HubSpot Email-Template selbst gebaut\r\n return {\r\n betreff: betreff,\r\n text: emailText,\r\n html: emailHtml, \/\/ F\u00fcr Test-Modal behalten\r\n \/\/ Separate Properties f\u00fcr HubSpot Email-Template:\r\n begruessung: emailTextbausteine.begruessung,\r\n kurzfazit: bausteine.kurzfazit,\r\n bedeutung: bausteine.bedeutung,\r\n ctaBridge: bausteine.ctaBridge,\r\n quickwinsIntro: bausteine.quickwinsIntro,\r\n staerken: bausteine.staerken, \/\/ Array\r\n risiken: bausteine.risiken, \/\/ Array\r\n quickwins: bausteine.quickwins, \/\/ Array\r\n topThemen: bausteine.topThemen, \/\/ Array\r\n cta: bausteine.cta,\r\n ctaGenerisch: emailTextbausteine.cta.generischEmail\r\n };\r\n }\r\n\r\n \/\/ Funktion: Generiere Schnelleinsch\u00e4tzung als HTML f\u00fcr die Webseite (exakt wie E-Mail-Template)\r\n function generateWebPageAssessment(data, result) {\r\n const bausteine = selectEmailTextbausteine(data, result);\r\n \r\n let html = '<div style=\"font-family: -apple-system, BlinkMacSystemFont, \\'Segoe UI\\', Arial, sans-serif; line-height: 1.7; color: #1f2937; max-width: 600px; margin: 0 auto; background-color: #ffffff;\">';\r\n \r\n \/\/ Kurzfazit\r\n html += '<p style=\"margin: 0 0 24px 0; font-size: 16px; color: #1f2937; line-height: 1.8;\">' + bausteine.kurzfazit + '<\/p>';\r\n \r\n \/\/ Bedeutung (falls vorhanden)\r\n if (bausteine.bedeutung) {\r\n html += '<p style=\"margin: 0 0 24px 0; font-size: 16px; color: #4b5563; line-height: 1.8;\">' + bausteine.bedeutung + '<\/p>';\r\n }\r\n \r\n \/\/ St\u00e4rken\r\n if (bausteine.staerken.length > 0) {\r\n html += '<div style=\"margin: 32px 0;\">';\r\n html += '<h3 style=\"color: #1f2937; margin: 0 0 16px 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; border-left: 4px solid #667eea; padding-left: 12px; display: flex; align-items: center; gap: 8px;\"><span style=\"font-size: 20px;\">\u2713<\/span> St\u00e4rken<\/h3>';\r\n html += '<div class=\"kiquiz-bullet-list\" style=\"font-size: 15px; color: #374151;\">';\r\n bausteine.staerken.forEach((s, index) => {\r\n html += `<div class=\"kiquiz-bullet-item\" style=\"margin-bottom: 12px; line-height: 1.85;\" data-delay=\"${index * 150}\">\u2022 ${s}<\/div>`;\r\n });\r\n html += '<\/div>';\r\n html += '<\/div>';\r\n }\r\n \r\n \/\/ Ansatzpunkte (Risiken)\r\n if (bausteine.risiken.length > 0) {\r\n html += '<div style=\"margin: 32px 0;\">';\r\n html += '<h3 style=\"color: #1f2937; margin: 0 0 16px 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; border-left: 4px solid #667eea; padding-left: 12px; display: flex; align-items: center; gap: 8px;\"><span style=\"font-size: 20px;\">\u26a1<\/span> Ansatzpunkte<\/h3>';\r\n html += '<div class=\"kiquiz-bullet-list\" style=\"font-size: 15px; color: #374151;\">';\r\n const risikenStartDelay = (bausteine.staerken.length || 0) * 150 + 200;\r\n bausteine.risiken.forEach((r, index) => {\r\n html += `<div class=\"kiquiz-bullet-item\" style=\"margin-bottom: 12px; line-height: 1.85;\" data-delay=\"${risikenStartDelay + index * 150}\">\u2022 ${r}<\/div>`;\r\n });\r\n html += '<\/div>';\r\n html += '<\/div>';\r\n }\r\n \r\n \/\/ Konkrete n\u00e4chste Schritte (Quickwins)\r\n if (bausteine.quickwins.length > 0) {\r\n html += '<div style=\"margin: 32px 0;\">';\r\n html += '<h3 style=\"color: #1f2937; margin: 0 0 16px 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; border-left: 4px solid #667eea; padding-left: 12px; display: flex; align-items: center; gap: 8px;\"><span style=\"font-size: 20px;\">\ud83c\udfaf<\/span> ';\r\n html += bausteine.quickwinsIntro || 'Konkrete n\u00e4chste Schritte';\r\n html += '<\/h3>';\r\n html += '<div class=\"kiquiz-bullet-list\" style=\"font-size: 15px; color: #374151;\">';\r\n const quickwinsStartDelay = ((bausteine.staerken.length || 0) + (bausteine.risiken.length || 0)) * 150 + 400;\r\n bausteine.quickwins.forEach((q, index) => {\r\n html += `<div class=\"kiquiz-bullet-item\" style=\"margin-bottom: 12px; line-height: 1.85;\" data-delay=\"${quickwinsStartDelay + index * 150}\">\u2022 ${q}<\/div>`;\r\n });\r\n html += '<\/div>';\r\n html += '<\/div>';\r\n }\r\n \r\n \/\/ Top-Themen (wie im E-Mail-Template aktuell nicht angezeigt, aber f\u00fcr Webseite k\u00f6nnen wir es zeigen)\r\n if (bausteine.topThemen.length > 0) {\r\n html += '<div style=\"margin: 32px 0;\">';\r\n html += '<h3 style=\"color: #1f2937; margin: 0 0 16px 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; border-left: 4px solid #667eea; padding-left: 12px;\">Zu euren Top-Themen<\/h3>';\r\n html += '<div class=\"kiquiz-bullet-list\" style=\"font-size: 15px; color: #374151;\">';\r\n const topThemenStartDelay = ((bausteine.staerken.length || 0) + (bausteine.risiken.length || 0) + (bausteine.quickwins.length || 0)) * 150 + 600;\r\n bausteine.topThemen.forEach((t, index) => {\r\n html += `<div class=\"kiquiz-bullet-item\" style=\"margin-bottom: 12px; line-height: 1.85;\" data-delay=\"${topThemenStartDelay + index * 150}\">\u2022 ${t}<\/div>`;\r\n });\r\n html += '<\/div>';\r\n html += '<\/div>';\r\n }\r\n \r\n \/\/ Trennlinie vor CTA\r\n html += '<hr style=\"border: none; border-top: 2px solid #e5e7eb; margin: 32px 0;\">';\r\n \r\n \/\/ CTA Bridge (falls vorhanden)\r\n if (bausteine.ctaBridge) {\r\n html += '<p style=\"margin: 0 0 16px 0; font-size: 15px; color: #4b5563; line-height: 1.7;\">' + bausteine.ctaBridge + '<\/p>';\r\n }\r\n \r\n \/\/ CTA\r\n html += '<p style=\"margin: 0 0 20px 0; font-size: 16px; color: #1f2937; font-weight: 500; line-height: 1.7;\">' + bausteine.cta + '<\/p>';\r\n \r\n \/\/ CTA Generisch (Webseiten-Version ohne \"diese E-Mail\")\r\n html += '<p style=\"margin: 0 0 32px 0; font-size: 15px; color: #6b7280; line-height: 1.7;\">' + emailTextbausteine.cta.generisch + '<\/p>';\r\n \r\n \/\/ CTA Button zur Terminvereinbarung\r\n html += '<div style=\"margin: 32px 0; text-align: center; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; align-items: center;\">';\r\n html += '<a href=\"https:\/\/hrfactory.ee\/de\/germany\/kontakt\/\" target=\"_blank\" class=\"kiquiz-cta-button\" style=\"display: inline-block; padding: 14px 32px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #ffffff; text-decoration: none; border-radius: 10px; font-size: 16px; font-weight: 600; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); cursor: pointer;\">';\r\n html += 'Gespr\u00e4ch vereinbaren';\r\n html += '<\/a>';\r\n html += '<button type=\"button\" class=\"kiquiz-cta-secondary-button\" onclick=\"kiquizDownloadAssessmentPdf(event)\" title=\"Schnelleinsch\u00e4tzung als PDF herunterladen\" aria-label=\"Schnelleinsch\u00e4tzung als PDF herunterladen\">';\r\n html += '\u2b73';\r\n html += '<\/button>';\r\n html += '<\/div>';\r\n \r\n html += '<\/div>';\r\n \r\n return html;\r\n }\r\n\r\n \/\/ Animation f\u00fcr Prozentanzeige zum Zielwert\r\n function startPercentAnimation(targetPercent) {\r\n const scoreNumberEl = document.getElementById('kiquiz-score-number');\r\n const progressBar = document.getElementById('kiquiz-percbar');\r\n const circ = 2 * Math.PI * 48; \/\/ r=48\r\n \r\n let currentPercent = 0;\r\n const duration = 1500; \/\/ 1.5 Sekunden\r\n const startTime = Date.now();\r\n \r\n function animate() {\r\n const elapsed = Date.now() - startTime;\r\n const progress = Math.min(elapsed \/ duration, 1);\r\n \r\n \/\/ Easing-Funktion f\u00fcr sanfte Animation\r\n const easeOut = 1 - Math.pow(1 - progress, 3);\r\n \r\n currentPercent = Math.round(easeOut * targetPercent);\r\n \r\n \/\/ Aktualisiere Anzeige\r\n if (scoreNumberEl) {\r\n scoreNumberEl.textContent = currentPercent + \"%\";\r\n }\r\n \r\n \/\/ Aktualisiere Kreis-Animation\r\n if (progressBar) {\r\n const dashoffset = circ - circ * (currentPercent \/ 100);\r\n progressBar.style.strokeDashoffset = dashoffset;\r\n }\r\n \r\n \/\/ Weiter animieren bis Zielwert erreicht\r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n \/\/ Finale Werte setzen\r\n if (scoreNumberEl) {\r\n scoreNumberEl.textContent = targetPercent + \"%\";\r\n }\r\n if (progressBar) {\r\n const dashoffset = circ - circ * (targetPercent \/ 100);\r\n progressBar.style.strokeDashoffset = dashoffset;\r\n }\r\n }\r\n }\r\n \r\n animate();\r\n }\r\n \r\n \/\/ Kreis-Animation (Perzentil) - initial\r\n function animateCircle(percent) {\r\n const circ = 2 * Math.PI * 48; \/\/ r=48\r\n const progress = document.getElementById('kiquiz-percbar');\r\n let frame = 0;\r\n const maxFrame = 30;\r\n function step() {\r\n const f = frame \/ maxFrame;\r\n const val = Math.round(f * percent);\r\n const dashoffset = circ - circ * (val \/ 100);\r\n progress.style.strokeDashoffset = dashoffset;\r\n if (frame < maxFrame) {\r\n frame++;\r\n requestAnimationFrame(step);\r\n } else {\r\n progress.style.strokeDashoffset = circ - circ * (percent \/ 100);\r\n \/\/ Starte kontinuierliche Animation nach initialer Animation\r\n startPercentAnimation(percent);\r\n }\r\n }\r\n progress.style.strokeDashoffset = circ; \/\/ reset\r\n step();\r\n }\r\n \r\n function kiquizUnblurAndSubmit() {\r\n const consentCheckbox = document.getElementById('kiquiz-contact-consent');\r\n const resultText = document.getElementById('kiquiz-interim-result-text');\r\n const unblurBtn = document.getElementById('kiquiz-unblur-btn');\r\n \r\n if (!consentCheckbox || !consentCheckbox.checked) {\r\n alert(\"Bitte best\u00e4tige das Einverst\u00e4ndnis zur Kontaktaufnahme.\");\r\n return;\r\n }\r\n \r\n \/\/ Stoppe Prozent-Animation (falls vorhanden)\r\n if (percentAnimationInterval) {\r\n clearInterval(percentAnimationInterval);\r\n percentAnimationInterval = null;\r\n }\r\n \r\n \/\/ Setze finale Prozentanzeige\r\n const result = calcHrFazit(kiquizData);\r\n const scoreNumberEl = document.getElementById('kiquiz-score-number');\r\n const progressBar = document.getElementById('kiquiz-percbar');\r\n if (scoreNumberEl) {\r\n scoreNumberEl.textContent = result.percent + \"%\";\r\n }\r\n if (progressBar) {\r\n const circ = 2 * Math.PI * 48;\r\n const dashoffset = circ - circ * (result.percent \/ 100);\r\n progressBar.style.strokeDashoffset = dashoffset;\r\n }\r\n \r\n \/\/ Generiere und zeige Schnelleinsch\u00e4tzung direkt auf der Seite\r\n if (resultText) {\r\n const assessmentHtml = generateWebPageAssessment(kiquizData, result);\r\n resultText.innerHTML = assessmentHtml;\r\n \/\/ Entferne Blur-Effekt\r\n resultText.style.filter = 'none';\r\n resultText.style.webkitFilter = 'none';\r\n resultText.style.userSelect = 'text';\r\n resultText.style.pointerEvents = 'auto';\r\n \r\n \/\/ Starte Animationen f\u00fcr Stichpunkte mit sequenziellen Delays\r\n setTimeout(() => {\r\n const bulletItems = resultText.querySelectorAll('.kiquiz-bullet-item');\r\n bulletItems.forEach((item) => {\r\n const delay = parseInt(item.getAttribute('data-delay')) || 0;\r\n item.style.animationDelay = delay + 'ms';\r\n });\r\n }, 50);\r\n }\r\n \r\n \/\/ Blende Consent-Modal aus (Schnelleinsch\u00e4tzung ist jetzt sichtbar)\r\n const consentModal = document.getElementById('kiquiz-consent-modal');\r\n if (consentModal) {\r\n consentModal.style.display = 'none';\r\n }\r\n \r\n \/\/ Deaktiviere Button\r\n if (unblurBtn) {\r\n unblurBtn.disabled = true;\r\n unblurBtn.style.opacity = '0.5';\r\n unblurBtn.textContent = 'Wird gesendet...';\r\n }\r\n \r\n \/\/ Sende Formular (E-Mail-Versand)\r\n kiquizFinishDemographics();\r\n }\r\n\r\n \/\/ Formular absenden (Opt-in optional)\r\n function kiquizFinishDemographics() {\r\n const email = kiquizData.email || \"\";\r\n const errorEl = document.getElementById('kiquiz-form-error');\r\n const successEl = document.getElementById('kiquiz-form-success');\r\n\r\n \/\/ Kein E-Mail = kein Versand\r\n if (!email) {\r\n return;\r\n }\r\n\r\n const result = calcHrFazit(kiquizData);\r\n\r\n \/\/ Generiere Email-Text f\u00fcr den Nutzer\r\n const userEmail = generateEmailText(kiquizData, result);\r\n\r\nconst brancheFinal =\r\n (kiquizData.branche === 'Sonstige (bitte spezifizieren)' && kiquizData.brancheSonstige)\r\n ? `Sonstige \u2013 ${kiquizData.brancheSonstige}`\r\n : (kiquizData.branche || \"-\");\r\n\r\n\r\n const answersText = [\r\n `Branche: ${brancheFinal}`,\r\n\r\n `Unternehmensgr\u00f6\u00dfe: ${kiquizData.unternehmensgroesse || \"-\"}`,\r\n `Rolle: ${kiquizData.rolle || \"-\"}`,\r\n `Zentrale HR: ${kiquizData.zentraleHR || \"-\"}`,\r\n `HR-Teamgr\u00f6\u00dfe: ${kiquizData.hrTeamgroesse || \"-\"}`,\r\n `HR-Bereiche intern: ${(kiquizData.hrBereiche || []).join(\", \") || \"-\"}`,\r\n `Standardisierungsgrad HR-Prozesse (1\u20135): ${kiquizData.prozesse || \"-\"}`,\r\n `Digitalisierungsgrad HR (1\u20135): ${kiquizData.digitalisierung || \"-\"}`,\r\n `KI-Nutzung: ${kiquizData.kiNutzung || \"-\"}`,\r\n `HR-Strategie: ${kiquizData.strategie || \"-\"}`,\r\n `Strategische Einbindung HR (1\u20135): ${kiquizData.einbindung || \"-\"}`,\r\n `Top-Themen: ${(kiquizData.topThemen || []).join(\", \") || \"-\"}`,\r\n `Kapazit\u00e4tsengpass: ${kiquizData.kapazitaet || \"-\"}`,\r\n `Kapazit\u00e4tsdetails: ${kiquizData.kapazitaetDetails || \"-\"}`,\r\n `Kurzfazit-Kategorie: ${result.label}`,\r\n `Kurzfazit-Score (0\u2013100): ${result.percent}`\r\n ].join(\"\\n\");\r\n\r\n \/\/ HubSpot Submission API (EU) \u2013 bei Bedarf IDs anpassen\r\n \/\/ WICHTIG: Diese Submission bleibt f\u00fcr HR factory (interne Zwecke)\r\n const portalId = '26122554';\r\n const formGuid = '1a178334-7fbf-41a2-a5e7-98f82e95a27a'; \/\/ Neues Formular f\u00fcr HR Selbstcheck\r\n\r\n const unblurBtn = document.getElementById('kiquiz-unblur-btn');\r\n \r\n \/\/ 1. Sende Antworten an HubSpot (f\u00fcr HR factory)\r\n fetch(`https:\/\/api-eu1.hsforms.com\/submissions\/v3\/integration\/submit\/${portalId}\/${formGuid}`, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({\r\n fields: [\r\n { name: 'email', value: email },\r\n { name: 'hr_checkin_answers', value: answersText },\r\n \/\/ Email-Daten f\u00fcr automatischen Versand \u00fcber HubSpot-Workflow\r\n \/\/ Separate Text-Properties (HTML wird im HubSpot Template gebaut)\r\n { name: 'hr_checkin_email_betreff', value: userEmail.betreff },\r\n { name: 'hr_checkin_email_begruessung', value: userEmail.begruessung },\r\n { name: 'hr_checkin_email_kurzfazit', value: userEmail.kurzfazit },\r\n { name: 'hr_checkin_email_bedeutung', value: userEmail.bedeutung || '' },\r\n \/\/ Listenfelder: als fertiger Bullet-Text mit Zeilenumbr\u00fcchen senden (damit keine \"|||\" im Email erscheinen)\r\n { name: 'hr_checkin_email_staerken', value: (userEmail.staerken && userEmail.staerken.length) ? ('\u2022 ' + userEmail.staerken.join('\\n\u2022 ')) : '' },\r\n { name: 'hr_checkin_email_risiken', value: (userEmail.risiken && userEmail.risiken.length) ? ('\u2022 ' + userEmail.risiken.join('\\n\u2022 ')) : '' },\r\n { name: 'hr_checkin_email_quickwins_intro', value: userEmail.quickwinsIntro || '' },\r\n { name: 'hr_checkin_email_quickwins', value: (userEmail.quickwins && userEmail.quickwins.length) ? ('\u2022 ' + userEmail.quickwins.join('\\n\u2022 ')) : '' },\r\n \/\/ Top-Themen werden aktuell im Template nicht angezeigt (bewusst). Wir senden sie trotzdem optional mit.\r\n { name: 'hr_checkin_email_topthemen', value: (userEmail.topThemen && userEmail.topThemen.length) ? ('\u2022 ' + userEmail.topThemen.join('\\n\u2022 ')) : '' },\r\n { name: 'hr_checkin_email_cta_bridge', value: userEmail.ctaBridge || '' },\r\n { name: 'hr_checkin_email_cta', value: userEmail.cta },\r\n { name: 'hr_checkin_email_cta_generisch', value: userEmail.ctaGenerisch }\r\n ],\r\n context: { pageUri: window.location.href, pageName: document.title }\r\n })\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n \/\/ Email-Versand erfolgt automatisch \u00fcber HubSpot-Workflow\r\n \/\/ Separate Text-Properties wurden gesendet (HTML wird im HubSpot Template gebaut):\r\n \/\/ - hr_checkin_email_betreff: Betreff\r\n \/\/ - hr_checkin_email_begruessung, kurzfazit, staerken, risiken, quickwins, topthemen, cta, cta_generisch\r\n \/\/ Der HubSpot-Workflow versendet die Email automatisch an die Adresse im 'email'-Feld\r\n \r\n \/\/ Erfolgsmodal anzeigen und nach 3 Sekunden automatisch ausblenden\r\n const successEl = document.getElementById('kiquiz-form-success');\r\n if (successEl) {\r\n successEl.style.display = \"block\";\r\n setTimeout(() => {\r\n successEl.style.display = \"none\";\r\n }, 3000); \/\/ 3 Sekunden\r\n }\r\n \/\/ Button-Status zur\u00fccksetzen und ausblenden\r\n if (unblurBtn) {\r\n unblurBtn.disabled = false;\r\n unblurBtn.style.opacity = '1';\r\n unblurBtn.textContent = 'Erfolgreich freigeschaltet \u2713';\r\n unblurBtn.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)';\r\n unblurBtn.style.cursor = 'default';\r\n }\r\n \r\n \/\/ Consent-Modal wurde bereits in kiquizUnblurAndSubmit() ausgeblendet, wenn die Schnelleinsch\u00e4tzung angezeigt wurde\r\n } else {\r\n console.error('Fehler bei der \u00dcbermittlung:', response);\r\n \/\/ Button-Status zur\u00fccksetzen bei Fehler\r\n if (unblurBtn) {\r\n unblurBtn.disabled = false;\r\n unblurBtn.style.opacity = '1';\r\n unblurBtn.textContent = 'Jetzt Einsch\u00e4tzung freischalten & per E-Mail erhalten';\r\n unblurBtn.style.background = '';\r\n unblurBtn.style.cursor = 'pointer';\r\n }\r\n \/\/ Zeige Fehlermeldung\r\n if (errorEl) {\r\n errorEl.style.display = \"block\";\r\n errorEl.textContent = \"Es ist ein Fehler aufgetreten. Bitte versuche es erneut.\";\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n console.error('Netzwerkfehler:', error);\r\n \/\/ Button-Status zur\u00fccksetzen bei Netzwerkfehler\r\n if (unblurBtn) {\r\n unblurBtn.disabled = false;\r\n unblurBtn.style.opacity = '1';\r\n unblurBtn.textContent = 'Jetzt Einsch\u00e4tzung erhalten';\r\n unblurBtn.style.background = '';\r\n unblurBtn.style.cursor = 'pointer';\r\n }\r\n \/\/ Zeige Fehlermeldung\r\n if (errorEl) {\r\n errorEl.style.display = \"block\";\r\n errorEl.textContent = \"Netzwerkfehler. Bitte \u00fcberpr\u00fcfe deine Internetverbindung und versuche es erneut.\";\r\n }\r\n });\r\n }\r\n\r\n function kiquizNextBranche() {\r\n const sonstigeInput = document.getElementById('kiquiz-branche-sonstige');\r\n const sonstigeValue = sonstigeInput ? sonstigeInput.value.trim() : '';\r\n \r\n if (!sonstigeValue) {\r\n alert(\"Bitte gib die Branche ein.\");\r\n return;\r\n }\r\n \r\n kiquizData.branche = 'Sonstige (bitte spezifizieren)';\r\n kiquizData.brancheSonstige = sonstigeValue;\r\n kiquizShowStep(3);\r\n }\r\n\r\n \/\/ Rolle-Dropdown Handler\r\n function kiquizInitRolle() {\r\n const rolleSelect = document.getElementById('kiquiz-rolle');\r\n if (rolleSelect) {\r\n rolleSelect.addEventListener('change', (e) => {\r\n const value = e.target.value;\r\n if (value) {\r\n kiquizData.rolle = value;\r\n kiquizShowStep(5);\r\n }\r\n });\r\n }\r\n }\r\n\r\n \/\/ Branche-Dropdown Handler\r\n function kiquizInitBranche() {\r\n const brancheSelect = document.getElementById('kiquiz-branche');\r\n const sonstigeWrapper = document.getElementById('kiquiz-branche-sonstige-wrapper');\r\n const sonstigeInput = document.getElementById('kiquiz-branche-sonstige');\r\n const nextBtn = document.getElementById('kiquiz-branche-next-btn');\r\n \r\n if (brancheSelect) {\r\n brancheSelect.addEventListener('change', (e) => {\r\n const value = e.target.value;\r\n \r\n \/\/ Sonstige-Branche: Input-Feld ein-\/ausblenden\r\n if (value === 'Sonstige (bitte spezifizieren)') {\r\n if (sonstigeWrapper) {\r\n sonstigeWrapper.style.display = 'block';\r\n }\r\n if (nextBtn) {\r\n nextBtn.style.display = 'inline-block';\r\n }\r\n } else {\r\n if (sonstigeWrapper) {\r\n sonstigeWrapper.style.display = 'none';\r\n }\r\n if (nextBtn) {\r\n nextBtn.style.display = 'none';\r\n }\r\n if (sonstigeInput) {\r\n sonstigeInput.value = '';\r\n }\r\n \r\n \/\/ Wenn eine andere Branche ausgew\u00e4hlt wird, direkt weiter\r\n if (value) {\r\n kiquizData.branche = value;\r\n kiquizData.brancheSonstige = '';\r\n kiquizShowStep(3);\r\n }\r\n }\r\n });\r\n }\r\n \r\n \/\/ Enter-Taste im Sonstige-Input-Feld\r\n if (sonstigeInput) {\r\n sonstigeInput.addEventListener('keypress', (e) => {\r\n if (e.key === 'Enter') {\r\n kiquizNextBranche();\r\n }\r\n });\r\n }\r\n }\r\n\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n kiquizShowStep(1);\r\n kiquizInitCards();\r\n kiquizInitBranche();\r\n kiquizInitRolle();\r\n kiquizInitOrgSlider();\r\n kiquizInitProzesseSlider();\r\n kiquizInitDigiSlider();\r\n kiquizInitEinbindungSlider();\r\n });\r\n<\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jspdf@2.5.1\/dist\/jspdf.umd.min.js\"><\/script>\r\n<script src=\"assets\/javascript\/components\/assessmentPdfDownload.js\"><\/script>\r\n<script>\r\n \/\/ Fallback: falls externe Datei \/ CDN nicht l\u00e4dt, soll der Button trotzdem sichtbar reagieren.\r\n \/\/ (Besserer Weg: PDF-Generator komplett inline bundlen oder lokal hosten statt CDN.)\r\n if (typeof window.kiquizDownloadAssessmentPdf !== 'function') {\r\n window.kiquizDownloadAssessmentPdf = function (e) {\r\n if (e && typeof e.preventDefault === 'function') e.preventDefault();\r\n alert(\"PDF-Download ist gerade nicht verf\u00fcgbar. Tipp: Nutze im Browser Drucken \u2192 Als PDF speichern.\");\r\n try { window.print(); } catch (_) {}\r\n return false;\r\n };\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\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>HR Check-In \u2013 Kurzbefragung 0% abgeschlossen E-Mail-Adresse Bitte gib deine E-Mail-Adresse ein. Wozu gebe ich meine E-Mail-Adresse an? Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail… <a class=\"read-more\" href=\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\">Read More<\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-32909","page","type-page","status-publish","hentry","odd"],"yoast_head":"\n<title>HR Selbstcheck - HR factory<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HR Selbstcheck - HR factory\" \/>\n<meta property=\"og:description\" content=\"HR Check-In \u2013 Kurzbefragung 0% abgeschlossen E-Mail-Adresse Bitte gib deine E-Mail-Adresse ein. Wozu gebe ich meine E-Mail-Adresse an? Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail... Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\" \/>\n<meta property=\"og:site_name\" content=\"HR factory\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-16T09:35:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\",\"url\":\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\",\"name\":\"HR Selbstcheck - HR factory\",\"isPartOf\":{\"@id\":\"https:\/\/hrfactory.ee\/#website\"},\"datePublished\":\"2025-11-17T12:33:57+00:00\",\"dateModified\":\"2025-12-16T09:35:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hrfactory.ee\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HR Selbstcheck\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hrfactory.ee\/#website\",\"url\":\"https:\/\/hrfactory.ee\/\",\"name\":\"HR factory\",\"description\":\"Home of HR Experts\",\"publisher\":{\"@id\":\"https:\/\/hrfactory.ee\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hrfactory.ee\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hrfactory.ee\/#organization\",\"name\":\"HR factory\",\"url\":\"https:\/\/hrfactory.ee\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hrfactory.ee\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hrfactory.ee\/wp-content\/uploads\/2022\/11\/cropped-HR-factory-2.png\",\"contentUrl\":\"https:\/\/hrfactory.ee\/wp-content\/uploads\/2022\/11\/cropped-HR-factory-2.png\",\"width\":350,\"height\":55,\"caption\":\"HR factory\"},\"image\":{\"@id\":\"https:\/\/hrfactory.ee\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"HR Selbstcheck - HR factory","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"HR Selbstcheck - HR factory","og_description":"HR Check-In \u2013 Kurzbefragung 0% abgeschlossen E-Mail-Adresse Bitte gib deine E-Mail-Adresse ein. Wozu gebe ich meine E-Mail-Adresse an? Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail... Read More","og_url":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/","og_site_name":"HR factory","article_modified_time":"2025-12-16T09:35:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/","url":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/","name":"HR Selbstcheck - HR factory","isPartOf":{"@id":"https:\/\/hrfactory.ee\/#website"},"datePublished":"2025-11-17T12:33:57+00:00","dateModified":"2025-12-16T09:35:33+00:00","breadcrumb":{"@id":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hrfactory.ee\/"},{"@type":"ListItem","position":2,"name":"HR Selbstcheck"}]},{"@type":"WebSite","@id":"https:\/\/hrfactory.ee\/#website","url":"https:\/\/hrfactory.ee\/","name":"HR factory","description":"Home of HR Experts","publisher":{"@id":"https:\/\/hrfactory.ee\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hrfactory.ee\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hrfactory.ee\/#organization","name":"HR factory","url":"https:\/\/hrfactory.ee\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hrfactory.ee\/#\/schema\/logo\/image\/","url":"https:\/\/hrfactory.ee\/wp-content\/uploads\/2022\/11\/cropped-HR-factory-2.png","contentUrl":"https:\/\/hrfactory.ee\/wp-content\/uploads\/2022\/11\/cropped-HR-factory-2.png","width":350,"height":55,"caption":"HR factory"},"image":{"@id":"https:\/\/hrfactory.ee\/#\/schema\/logo\/image\/"}}]}},"featured_image_src":null,"featured_image_src_square":null,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mediumsquare":false,"gb-block-post-grid-landscape":false,"gb-block-post-grid-square":false,"ds-block-postgrid-landscape":false,"ds-block-postgrid-square":false},"uagb_author_info":{"display_name":"Moritz Steinbach","author_link":"https:\/\/hrfactory.ee\/en\/author\/momo\/"},"uagb_comment_info":0,"uagb_excerpt":"HR Check-In \u2013 Kurzbefragung 0% abgeschlossen E-Mail-Adresse Bitte gib deine E-Mail-Adresse ein. Wozu gebe ich meine E-Mail-Adresse an? Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail... Read More","_links":{"self":[{"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/pages\/32909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/comments?post=32909"}],"version-history":[{"count":102,"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/pages\/32909\/revisions"}],"predecessor-version":[{"id":33103,"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/pages\/32909\/revisions\/33103"}],"wp:attachment":[{"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/media?parent=32909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n HR Check-In \u2013 Kurzbefragung<\/title>\r\n\r\n <style>\r\n @keyframes bounceArrow {\r\n 0%, 100% {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n 50% {\r\n transform: translateY(8px);\r\n opacity: 0.7;\r\n }\r\n }\r\n \r\n @keyframes successFadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translate(-50%, -50%) scale(0.9);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n }\r\n \r\n @keyframes successCheckmark {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n \r\n @keyframes fadeInUp {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .kiquiz-bullet-item {\r\n opacity: 0;\r\n animation: fadeInUp 0.5s ease-out forwards;\r\n }\r\n\r\n .kiquiz-tech-details {\r\n margin-top: 10px;\r\n }\r\n .kiquiz-tech-details summary {\r\n list-style: none;\r\n cursor: pointer;\r\n color: #667eea;\r\n text-decoration: underline;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n outline: none;\r\n }\r\n .kiquiz-tech-details summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n .kiquiz-tech-details[open] summary {\r\n text-decoration-thickness: 2px;\r\n }\r\n .kiquiz-tech-details .kiquiz-tech-details-body {\r\n margin-top: 10px;\r\n padding: 12px 14px;\r\n background: #f9fafb;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 10px;\r\n color: #374151;\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n }\r\n body {\r\n background: #323c50;\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n }\r\n .kiquiz-container {\r\n max-width: 900px;\r\n margin: 38px auto 0 auto;\r\n padding: 40px 24px;\r\n background: #ffffff;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n color: #323c50;\r\n text-align:center;\r\n }\r\n\r\n .kiquiz-progress-container {\r\n margin-bottom: 32px;\r\n }\r\n .kiquiz-progress-label {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #4b5563;\r\n margin-bottom: 12px;\r\n text-align: center;\r\n letter-spacing: -0.01em;\r\n }\r\n .kiquiz-progress-bar {\r\n width: 100%;\r\n background: #e5e7eb;\r\n height: 10px;\r\n border-radius: 10px;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);\r\n }\r\n .kiquiz-progress {\r\n height: 10px;\r\n background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\r\n width: 0%;\r\n border-radius: 10px;\r\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);\r\n }\r\n\r\n .kiquiz-step {\r\n display: none;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n }\r\n .kiquiz-step.active {\r\n display: block;\r\n opacity: 1;\r\n }\r\n\r\n \/* --- Cards\/Options --- *\/\r\n .kiquiz-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-top: 30px;\r\n margin-bottom: 30px;\r\n }\r\n @media (max-width: 768px) {\r\n .kiquiz-card-grid { grid-template-columns: repeat(2, 1fr);}\r\n }\r\n @media (max-width: 480px) {\r\n .kiquiz-card-grid { grid-template-columns: 1fr;}\r\n }\r\n .kiquiz-card-option {\r\n background: #ffffff;\r\n color: #323c50;\r\n border-radius: 12px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);\r\n padding: 20px 12px;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex; \r\n flex-direction: column; \r\n align-items: center;\r\n text-align: center;\r\n gap: 12px;\r\n border: 2px solid #e5e7eb;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n }\r\n .kiquiz-card-option.selected {\r\n border: 2px solid #667eea;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35), 0 0 0 4px rgba(102, 126, 234, 0.1);\r\n transform: translateY(-2px);\r\n }\r\n .kiquiz-card-option:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.08);\r\n border-color: #cbd5e1;\r\n }\r\n .kiquiz-card-option.selected:hover {\r\n box-shadow: 0 12px 28px rgba(102, 126, 234, 0.4), 0 0 0 4px rgba(102, 126, 234, 0.15);\r\n }\r\n .kiquiz-option-img {\r\n width: 60px; height: 60px; object-fit: contain;\r\n }\r\n\r\n .kiquiz-btn,\r\n .kiquiz-submit-btn {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n text-align: center;\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n font-size: 16px;\r\n padding: 14px 32px;\r\n margin-top: 24px;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\r\n }\r\n .kiquiz-btn:hover,\r\n .kiquiz-submit-btn:hover,\r\n .kiquiz-cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\r\n }\r\n .kiquiz-btn:active,\r\n .kiquiz-submit-btn:active,\r\n .kiquiz-cta-button:active {\r\n transform: translateY(0);\r\n box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);\r\n }\r\n\r\n \/* Secondary CTA (unauff\u00e4lliger PDF-Download) *\/\r\n .kiquiz-cta-secondary-button {\r\n display: inline-block;\r\n padding: 12px 14px;\r\n background: #ffffff;\r\n color: #4b5563;\r\n text-decoration: none;\r\n border-radius: 10px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n border: 1px solid #d1d5db;\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n line-height: 1;\r\n }\r\n .kiquiz-cta-secondary-button:hover {\r\n transform: translateY(-1px);\r\n border-color: #d1d5db; \/* Hover-Farbe = Normalzustand *\/\r\n color: #4b5563; \/* Hover-Farbe = Normalzustand *\/\r\n background: #ffffff; \/* Hover-Farbe = Normalzustand *\/\r\n box-shadow: 0 6px 20px rgba(17, 24, 39, 0.08);\r\n }\r\n .kiquiz-cta-secondary-button:active {\r\n transform: translateY(0);\r\n box-shadow: 0 2px 8px rgba(17, 24, 39, 0.06);\r\n }\r\n\r\n .kiquiz-nav {\r\n margin-top: 30px; \r\n text-align: center;\r\n display:flex;\r\n justify-content:space-between;\r\n gap:12px;\r\n }\r\n .kiquiz-nav button {\r\n background: #ffffff;\r\n border: 2px solid #e5e7eb;\r\n color: #667eea;\r\n font-weight: 600; \r\n cursor: pointer; \r\n padding: 12px 24px; \r\n font-size: 15px;\r\n border-radius: 10px;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n }\r\n .kiquiz-nav button.kiquiz-btn {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n border-color: #667eea;\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\r\n }\r\n .kiquiz-nav button:hover {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n border-color: #667eea;\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\r\n transform: translateY(-2px);\r\n }\r\n .kiquiz-nav button.kiquiz-btn:hover {\r\n box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);\r\n transform: translateY(-2px);\r\n }\r\n .kiquiz-nav button:active {\r\n transform: translateY(0);\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n \/* --- AUSWERTUNG --- *\/\r\n .kiquiz-auswertung-grid {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 2.5rem;\r\n justify-content: flex-start;\r\n margin: 0 auto 0 auto;\r\n max-width: 760px;\r\n }\r\n .kiquiz-circle-block {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n flex-shrink: 0;\r\n }\r\n .kiquiz-score-caption-title {\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n color: #111827;\r\n letter-spacing: -0.01em;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n .kiquiz-score-caption-sub {\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #6b7280;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n .kiquiz-circle-wrapper {\r\n position: relative;\r\n width: 110px;\r\n height: 110px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .kiquiz-score-number {\r\n position: absolute;\r\n left: 0; top: 0; width: 110px; height: 110px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 2.1rem;\r\n font-weight: 700;\r\n color: #667eea;\r\n pointer-events: none;\r\n }\r\n .kiquiz-auswertung-main {\r\n flex: 1 1 390px;\r\n min-width: 0;\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box;\r\n overflow: visible;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n }\r\n @media (max-width: 900px) {\r\n .kiquiz-auswertung-grid { flex-direction: column; gap: 1.5rem;}\r\n .kiquiz-auswertung-main { text-align: left;}\r\n }\r\n @media (max-width: 540px) {\r\n .kiquiz-auswertung-main { font-size: 1rem; }\r\n .kiquiz-handlungs-box-wide { padding: 1em 0.3em 0.5em 0.3em;}\r\n #kiquiz-interim-result-text h3 {\r\n font-size: 1.2rem !important;\r\n }\r\n #kiquiz-interim-result-text p {\r\n font-size: 0.95rem !important;\r\n }\r\n #kiquiz-interim-result-text strong {\r\n font-size: 0.95rem !important;\r\n }\r\n .kiquiz-cta-banner h3 {\r\n font-size: 1.1rem !important;\r\n }\r\n .kiquiz-cta-banner p {\r\n font-size: 0.9rem !important;\r\n }\r\n .kiquiz-cta-banner div {\r\n font-size: 1.5rem !important;\r\n }\r\n }\r\n\r\n \/* --- Handlungsempfehlungen + Blur --- *\/\r\n .kiquiz-hl-action {\r\n margin: 0 0 0.1em 0;\r\n font-size: 1.27rem;\r\n font-weight: 500;\r\n letter-spacing: -0.01em;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .kiquiz-handlungs-box-wide {\r\n background: #f8f9fc;\r\n border-radius: 16px;\r\n position: relative;\r\n overflow: visible;\r\n min-height: 220px;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #e5e7eb;\r\n box-sizing: border-box;\r\n }\r\n\r\n .kiquiz-blur-overlay {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .kiquiz-blur-content {\r\n filter: blur(4.5px);\r\n opacity: 0.55;\r\n user-select: none;\r\n color: #323c50;\r\n font-size: 1.06rem;\r\n padding: 1em;\r\n line-height: 1.8;\r\n }\r\n\r\n .kiquiz-form-overlay-wide {\r\n z-index: 2;\r\n position: relative;\r\n background: rgba(255,255,255,0.98);\r\n border-radius: 16px;\r\n padding: 2em;\r\n margin: 0 auto;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\r\n width: 100%;\r\n max-width: none;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n box-sizing: border-box;\r\n overflow: visible;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n }\r\n\r\n @media (max-width: 800px) {\r\n .kiquiz-form-overlay-wide { \r\n padding: 1.5em 1em; \r\n box-sizing: border-box;\r\n }\r\n .kiquiz-handlungs-box-wide { padding: 3em;}\r\n }\r\n @media (max-width: 480px) {\r\n .kiquiz-form-overlay-wide { \r\n padding: 1.2em 0.8em; \r\n box-sizing: border-box;\r\n }\r\n }\r\n\r\n .kiquiz-form-hint {\r\n text-align:left;\r\n margin-bottom:1.2em;\r\n font-size: 1.03rem;\r\n color:#323c50;\r\n font-weight: 500;\r\n line-height: 1.5;\r\n }\r\n .kiquiz-form-fields-row {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n margin-top: 0.5em;\r\n }\r\n .kiquiz-input {\r\n width: 100%; \r\n padding: 12px 16px; \r\n border-radius:10px; \r\n border:2px solid #e5e7eb;\r\n font-size: 1rem; \r\n margin-bottom: 0;\r\n background: #fff;\r\n box-sizing: border-box;\r\n text-align: left;\r\n transition: all 0.2s ease;\r\n max-width: 100%;\r\n }\r\n .kiquiz-input:hover {\r\n border-color: #cbd5e1;\r\n }\r\n .kiquiz-input:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);\r\n }\r\n @media (max-width: 800px) {\r\n .kiquiz-handlungs-box-wide { padding: 3em;}\r\n }\r\n\r\n label[for=kiquiz-privacy], .kiquiz-form-overlay-wide label {\r\n display: flex; \r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 14px; \r\n margin: 20px 0 0 0;\r\n color: #2a2a2a;\r\n font-weight: 400;\r\n text-align: left;\r\n line-height: 1.6;\r\n cursor: pointer;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n label[for=kiquiz-privacy] > span,\r\n .kiquiz-form-overlay-wide label > span {\r\n flex: 1;\r\n min-width: 0;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n hyphens: auto;\r\n }\r\n label[for=kiquiz-privacy] > input[type=\"checkbox\"],\r\n .kiquiz-form-overlay-wide label > input[type=\"checkbox\"] {\r\n width: 18px;\r\n height: 18px;\r\n min-width: 18px;\r\n margin-top: 2px;\r\n cursor: pointer;\r\n accent-color: #667eea;\r\n flex-shrink: 0;\r\n }\r\n #kiquiz-privacy {\r\n width: 18px;\r\n height: 18px;\r\n min-width: 18px;\r\n margin-top: 2px;\r\n cursor: pointer;\r\n accent-color: #667eea;\r\n flex-shrink: 0;\r\n }\r\n @media (max-width: 600px) {\r\n label[for=kiquiz-privacy], .kiquiz-form-overlay-wide label {\r\n font-size: 13px;\r\n gap: 10px;\r\n line-height: 1.5;\r\n }\r\n label[for=kiquiz-privacy] > input[type=\"checkbox\"],\r\n .kiquiz-form-overlay-wide label > input[type=\"checkbox\"],\r\n #kiquiz-privacy {\r\n width: 16px;\r\n height: 16px;\r\n min-width: 16px;\r\n margin-top: 3px;\r\n }\r\n }\r\n\r\n #kiquiz-form-success {\r\n margin-top: 1.1em;\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n padding: 1.2em 1.5em;\r\n border-radius: 12px;\r\n text-align: center;\r\n color: white;\r\n font-weight: 500;\r\n font-size: 1.05em;\r\n box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);\r\n }\r\n\r\n .kiquiz-form-overlay-wide h2,\r\n .kiquiz-form-overlay-wide p {\r\n color: white; \r\n }\r\n\r\n \/* Misc. *\/\r\n a { color: #667eea; text-decoration: none; transition: color 0.2s ease; }\r\n a:hover { color: #764ba2; }\r\n\r\n \/* Kleine Erg\u00e4nzungen f\u00fcr Texte\/Labels *\/\r\n .kiquiz-intro {\r\n margin-top: 8px;\r\n margin-bottom: 16px;\r\n font-size: 1rem;\r\n color:#6b7280;\r\n line-height: 1.6;\r\n }\r\n .kiquiz-subtitle {\r\n margin-top: 6px;\r\n font-size: 0.875rem;\r\n color:#9ca3af;\r\n line-height: 1.5;\r\n }\r\n .kiquiz-subtitle-strong {\r\n font-weight:600;\r\n color:#374151;\r\n margin-top:16px;\r\n margin-bottom: 8px;\r\n font-size: 0.95rem;\r\n }\r\n .kiquiz-select {\r\n width:100%;\r\n max-width:400px;\r\n padding:12px 16px;\r\n border-radius:10px;\r\n border:2px solid #e5e7eb;\r\n font-size:0.95rem;\r\n background:#fff;\r\n margin-top:12px;\r\n box-sizing:border-box;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n font-weight: 500;\r\n color: #323c50;\r\n }\r\n .kiquiz-select:hover {\r\n border-color: #cbd5e1;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n }\r\n .kiquiz-select:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);\r\n }\r\n textarea.kiquiz-textarea {\r\n width:100%;\r\n min-height:100px;\r\n padding:12px 16px;\r\n border-radius:10px;\r\n border:2px solid #e5e7eb;\r\n font-size:0.95rem;\r\n resize:vertical;\r\n box-sizing:border-box;\r\n text-align:left;\r\n transition: all 0.2s ease;\r\n font-family: inherit;\r\n }\r\n textarea.kiquiz-textarea:hover {\r\n border-color: #cbd5e1;\r\n }\r\n textarea.kiquiz-textarea:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);\r\n }\r\n .kiquiz-nav-left {\r\n text-align:left;\r\n flex:1;\r\n }\r\n .kiquiz-nav-right {\r\n text-align:right;\r\n flex:1;\r\n }\r\n\r\n \/* Slider Styling *\/\r\n .kiquiz-slider-labels {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 30px;\r\n gap: 0;\r\n position: relative;\r\n padding: 0 14px;\r\n }\r\n .kiquiz-slider-label-item {\r\n flex: 1;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n position: relative;\r\n }\r\n .kiquiz-slider-label-item:first-child {\r\n align-items: flex-start;\r\n text-align: left;\r\n }\r\n .kiquiz-slider-label-item:last-child {\r\n align-items: flex-end;\r\n text-align: right;\r\n }\r\n .kiquiz-slider-label-item:first-child .kiquiz-slider-label-text,\r\n .kiquiz-slider-label-item:first-child .kiquiz-slider-label-emoji {\r\n margin-left: 0;\r\n }\r\n .kiquiz-slider-label-item:last-child .kiquiz-slider-label-text,\r\n .kiquiz-slider-label-item:last-child .kiquiz-slider-label-emoji {\r\n margin-right: 0;\r\n }\r\n \/* Spezifische Anpassungen f\u00fcr Digitalisierungs-Slider *\/\r\n #kiquiz-step8 .kiquiz-slider-label-emoji {\r\n font-size: 1.5rem;\r\n }\r\n .kiquiz-slider-label-emoji {\r\n font-size: 2rem;\r\n line-height: 1;\r\n }\r\n .kiquiz-slider-label-text {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #374151;\r\n line-height: 1.4;\r\n }\r\n .kiquiz-slider {\r\n width: 100%;\r\n height: 12px;\r\n border-radius: 10px;\r\n background: #e5e7eb;\r\n outline: none;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n cursor: pointer;\r\n margin: 0 0 20px 0;\r\n display: block;\r\n padding: 0;\r\n }\r\n .kiquiz-slider::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\r\n transition: all 0.2s ease;\r\n }\r\n .kiquiz-slider::-webkit-slider-thumb:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);\r\n }\r\n .kiquiz-slider::-moz-range-thumb {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n cursor: pointer;\r\n border: none;\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);\r\n transition: all 0.2s ease;\r\n }\r\n .kiquiz-slider::-moz-range-thumb:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);\r\n }\r\n .kiquiz-slider-container {\r\n padding: 30px 20px;\r\n position: relative;\r\n }\r\n .kiquiz-slider-marks {\r\n position: relative;\r\n width: 100%;\r\n height: 6px;\r\n margin: 0 0 4px 0;\r\n pointer-events: none;\r\n box-sizing: border-box;\r\n padding: 0 14px;\r\n }\r\n .kiquiz-slider-mark {\r\n width: 1px;\r\n height: 6px;\r\n background: #d1d5db;\r\n position: absolute;\r\n top: 0;\r\n }\r\n .kiquiz-slider-mark:nth-child(1) {\r\n left: 14px;\r\n }\r\n .kiquiz-slider-mark:nth-child(2) {\r\n left: calc(14px + (100% - 28px) * 0.25);\r\n }\r\n .kiquiz-slider-mark:nth-child(3) {\r\n left: calc(14px + (100% - 28px) * 0.5);\r\n }\r\n .kiquiz-slider-mark:nth-child(4) {\r\n left: calc(14px + (100% - 28px) * 0.75);\r\n }\r\n .kiquiz-slider-mark:nth-child(5) {\r\n left: calc(100% - 14px);\r\n }\r\n .kiquiz-slider-wrapper {\r\n position: relative;\r\n margin-top: 0;\r\n padding: 0 14px;\r\n box-sizing: border-box;\r\n }\r\n @media (max-width: 600px) {\r\n .kiquiz-slider-labels {\r\n gap: 10px;\r\n }\r\n .kiquiz-slider-label-emoji {\r\n font-size: 1.5rem;\r\n }\r\n .kiquiz-slider-label-text {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n \/* Team-Gr\u00f6\u00dfe Visuelle Darstellung *\/\r\n .kiquiz-team-visual {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 30px 20px;\r\n }\r\n .kiquiz-team-visual-item {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n }\r\n .kiquiz-team-visual-circle-wrapper {\r\n height: 110px;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n }\r\n .kiquiz-team-visual-item:hover {\r\n transform: translateY(-4px);\r\n }\r\n .kiquiz-team-visual-item.selected {\r\n transform: translateY(-4px);\r\n }\r\n .kiquiz-team-visual-circle {\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #f8f9fc 0%, #e5e7eb 100%);\r\n border: 3px solid #e5e7eb;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n }\r\n .kiquiz-team-visual-item:hover .kiquiz-team-visual-circle {\r\n border-color: #cbd5e1;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\r\n transform: scale(1.05);\r\n }\r\n .kiquiz-team-visual-item.selected .kiquiz-team-visual-circle {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n border-color: #667eea;\r\n box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);\r\n transform: scale(1.08);\r\n }\r\n .kiquiz-team-visual-emoji {\r\n font-size: 2rem;\r\n line-height: 1;\r\n display: block;\r\n transition: transform 0.2s ease;\r\n }\r\n .kiquiz-team-visual-item:hover .kiquiz-team-visual-emoji {\r\n transform: scale(1.1);\r\n }\r\n .kiquiz-team-visual-item.selected .kiquiz-team-visual-emoji {\r\n filter: brightness(1.2);\r\n }\r\n .kiquiz-team-visual-label {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: #374151;\r\n text-align: center;\r\n transition: all 0.25s ease;\r\n line-height: 1.3;\r\n }\r\n .kiquiz-team-visual-item.selected .kiquiz-team-visual-label {\r\n color: #667eea;\r\n font-weight: 600;\r\n }\r\n @media (max-width: 700px) {\r\n .kiquiz-team-visual {\r\n gap: 8px;\r\n padding: 20px 10px;\r\n }\r\n .kiquiz-team-visual-label {\r\n font-size: 0.8rem;\r\n }\r\n .kiquiz-team-visual-emoji {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n\r\n \/* Unternehmensgr\u00f6\u00dfe Balken *\/\r\n .kiquiz-size-bars {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 20px 0;\r\n }\r\n .kiquiz-size-bar {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .kiquiz-size-bar-visual {\r\n width: 100%;\r\n background: #e5e7eb;\r\n border-radius: 8px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .kiquiz-size-bar-fill {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 100%;\r\n background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);\r\n border-radius: 8px;\r\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n opacity: 0.6;\r\n }\r\n .kiquiz-size-bar:hover .kiquiz-size-bar-visual {\r\n transform: scaleY(1.1);\r\n box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);\r\n }\r\n .kiquiz-size-bar:hover .kiquiz-size-bar-fill {\r\n opacity: 0.8;\r\n }\r\n .kiquiz-size-bar.selected .kiquiz-size-bar-visual {\r\n box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\r\n transform: scaleY(1.05);\r\n border: 2px solid #667eea;\r\n }\r\n .kiquiz-size-bar.selected .kiquiz-size-bar-fill {\r\n opacity: 1;\r\n background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);\r\n box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);\r\n }\r\n .kiquiz-size-bar-label {\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n color: #374151;\r\n text-align: center;\r\n transition: all 0.25s ease;\r\n }\r\n .kiquiz-size-bar.selected .kiquiz-size-bar-label {\r\n color: #667eea;\r\n font-weight: 600;\r\n }\r\n @media (max-width: 600px) {\r\n .kiquiz-size-bars {\r\n gap: 8px;\r\n }\r\n .kiquiz-size-bar-label {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"kiquiz-container\">\r\n <div class=\"kiquiz-progress-container\">\r\n <div class=\"kiquiz-progress-label\" id=\"kiquiz-label\">0% abgeschlossen<\/div>\r\n <div class=\"kiquiz-progress-bar\"><div class=\"kiquiz-progress\" id=\"kiquiz-bar\"><\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step1\" class=\"kiquiz-step active\">\r\n <h2><strong>E-Mail-Adresse<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Bitte gib deine E-Mail-Adresse ein.<\/p>\r\n <div style=\"max-width: 500px; margin: 30px auto;\">\r\n <input type=\"email\" id=\"kiquiz-email\" placeholder=\"z. B. max.mustermann@unternehmen.de\" class=\"kiquiz-input\" style=\"max-width: 100%;\" required>\r\n \r\n <div style=\"margin-top: 20px; padding: 16px; background-color: #f9fafb; border-radius: 8px; border-left: 3px solid #667eea;\">\r\n <p style=\"margin: 0 0 8px 0; font-weight: 600; color: #1f2937; font-size: 0.95rem;\">Wozu gebe ich meine E-Mail-Adresse an?<\/p>\r\n <p style=\"margin: 0; color: #4b5563; font-size: 0.9rem; line-height: 1.6;\">Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail zugesendet. So kannst du sie sp\u00e4ter in Ruhe durchgehen und mit deinem Team teilen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\"><\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep1()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step2\" class=\"kiquiz-step\">\r\n <h2><strong>In welcher Branche seid ihr haupts\u00e4chlich t\u00e4tig?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">W\u00e4hle die Branche, die euch am besten beschreibt.<\/p>\r\n <select id=\"kiquiz-branche\" class=\"kiquiz-select\" style=\"max-width: 500px; margin: 20px auto;\">\r\n <option value=\"\">-- Bitte w\u00e4hlen --<\/option>\r\n <option value=\"Bau & Immobilien\">\ud83c\udfd7\ufe0f Bau & Immobilien<\/option>\r\n <option value=\"Chemie & Materialien\">\u2697\ufe0f Chemie & Materialien<\/option>\r\n <option value=\"Dienstleistungen & Beratung\">\ud83e\udd1d Dienstleistungen & Beratung<\/option>\r\n <option value=\"Energie & Umwelt\">\ud83c\udf31 Energie & Umwelt<\/option>\r\n <option value=\"Finanzen & Versicherungen\">\ud83d\udcb6 Finanzen & Versicherungen<\/option>\r\n <option value=\"Gesundheit, Pharma & Medizintechnik\">\ud83c\udfe5 Gesundheit, Pharma & Medizintechnik<\/option>\r\n <option value=\"Handel (Einzelhandel, Gro\u00dfhandel, E-Commerce)\">\ud83d\uded2 Handel (Einzelhandel, Gro\u00dfhandel, E-Commerce)<\/option>\r\n <option value=\"Hotellerie, Tourismus & Freizeit\">\ud83c\udfe8 Hotellerie, Tourismus & Freizeit<\/option>\r\n <option value=\"Industrie, Maschinenbau & Fertigung\">\ud83c\udfed Industrie, Maschinenbau & Fertigung<\/option>\r\n <option value=\"IT, Software & Technologie\">\ud83d\udcbb IT, Software & Technologie<\/option>\r\n <option value=\"Marketing, Medien & Unterhaltung\">\ud83d\udcfa Marketing, Medien & Unterhaltung<\/option>\r\n <option value=\"\u00d6ffentliche Verwaltung, Bildung & Forschung\">\ud83c\udfdb\ufe0f \u00d6ffentliche Verwaltung, Bildung & Forschung<\/option>\r\n <option value=\"Transport, Logistik & Mobilit\u00e4t\">\ud83d\ude9a Transport, Logistik & Mobilit\u00e4t<\/option>\r\n <option value=\"Landwirtschaft & Lebensmittelindustrie\">\ud83c\udf3e Landwirtschaft & Lebensmittelindustrie<\/option>\r\n <option value=\"Sonstige (bitte spezifizieren)\">\ud83c\udf10 Sonstige (bitte spezifizieren)<\/option>\r\n <\/select>\r\n <div id=\"kiquiz-branche-sonstige-wrapper\" style=\"display: none; max-width: 500px; margin: 20px auto;\">\r\n <div class=\"kiquiz-subtitle-strong\" style=\"font-size: 1.1rem; margin-top: 20px; margin-bottom: 8px;\">Bitte spezifiziere die Branche<\/div>\r\n <input type=\"text\" id=\"kiquiz-branche-sonstige\" class=\"kiquiz-input\" placeholder=\"z. B. Non-Profit, Start-up, etc.\" style=\"max-width: 100%;\">\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(1)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" id=\"kiquiz-branche-next-btn\" onclick=\"kiquizNextBranche()\" style=\"display: none;\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step3\" class=\"kiquiz-step\">\r\n <h2><strong>Wie gro\u00df ist euer Unternehmen?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Gemeint ist die Gesamtzahl der Mitarbeitenden.<\/p>\r\n <div class=\"kiquiz-size-bars\" style=\"max-width: 600px; margin: 40px auto;\">\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"1\u201310\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 40px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83d\udc65 1\u201310<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"11\u201350\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 60px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 11\u201350<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"51\u2013200\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 80px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83c\udfe2 51\u2013200<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"201\u2013500\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 100px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83c\udfd9\ufe0f 201\u2013500<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar\" data-field=\"unternehmensgroesse\" data-type=\"single\" data-value=\"\u00dcber 500\" data-next=\"4\">\r\n <div class=\"kiquiz-size-bar-visual\" style=\"height: 120px;\">\r\n <div class=\"kiquiz-size-bar-fill\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-size-bar-label\">\ud83c\udf0d \u00dcber 500<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(2)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step4\" class=\"kiquiz-step\">\r\n <h2><strong>Welche der folgenden Aussagen beschreibt deine Rolle am besten?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">W\u00e4hle die Aussage, die am besten zu deiner Rolle passt.<\/p>\r\n <select id=\"kiquiz-rolle\" class=\"kiquiz-select\" style=\"max-width: 500px; margin: 20px auto;\">\r\n <option value=\"\">-- Bitte w\u00e4hlen --<\/option>\r\n <option value=\"Strategische Entscheidungen f\u00fcr das gesamte Unternehmen\">\ud83c\udfaf Ich treffe strategische Entscheidungen f\u00fcr das gesamte Unternehmen<\/option>\r\n <option value=\"Entscheidungen f\u00fcr meine Abteilung\">\ud83d\udcca Ich treffe Entscheidungen f\u00fcr meine Abteilung<\/option>\r\n <option value=\"Operative Entscheidungen im Team\">\u2699\ufe0f Ich treffe operative Entscheidungen im Team<\/option>\r\n <option value=\"Keine Entscheidungsbefugnis\">\ud83d\udc64 Ich habe keine Entscheidungsbefugnis<\/option>\r\n <\/select>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(3)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step5\" class=\"kiquiz-step\">\r\n <h2><strong>Wie ist eure HR grunds\u00e4tzlich organisiert?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Gibt es eine zentrale HR-Abteilung?<\/p>\r\n <div style=\"max-width: 700px; margin: 40px auto;\">\r\n <div class=\"kiquiz-slider-container\">\r\n <div class=\"kiquiz-slider-labels\">\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83c\udf00<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Keine eigene<br>HR-Abteilung<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83e\uddf7<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Teilweise \/<br>verteilt<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83c\udfe2<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Zentrale<br>HR-Abteilung<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-wrapper\">\r\n <div class=\"kiquiz-slider-marks\">\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <\/div>\r\n <input type=\"range\" id=\"kiquiz-org-slider\" min=\"0\" max=\"4\" value=\"2\" step=\"1\" class=\"kiquiz-slider\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(4)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep5()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step6\" class=\"kiquiz-step\">\r\n <h2><strong>Wie gro\u00df ist euer HR-Team?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Gemeint sind Personen, die \u00fcberwiegend HR-Aufgaben machen.<\/p>\r\n <div class=\"kiquiz-team-visual\" style=\"max-width: 800px; margin: 40px auto;\">\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\"keine_hr\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 70px; height: 70px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83d\ude48<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">Keine dedizierte HR-Rolle<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\"1\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 80px; height: 80px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83d\udc64<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">1 Person<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\"2-5\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 90px; height: 90px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83d\udc65<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">2\u20135 Personen<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\"6-10\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 100px; height: 100px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83d\udc65<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">6\u201310 Personen<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-item\" data-field=\"hrTeamgroesse\" data-type=\"single\" data-next=\"7\" data-value=\">10\">\r\n <div class=\"kiquiz-team-visual-circle-wrapper\">\r\n <div class=\"kiquiz-team-visual-circle\" style=\"width: 110px; height: 110px;\">\r\n <span class=\"kiquiz-team-visual-emoji\">\ud83c\udf0d<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-team-visual-label\">>10 Personen<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(5)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step7\" class=\"kiquiz-step\">\r\n <h2><strong>Welche HR-Bereiche deckt ihr intern ab?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Mehrfachauswahl m\u00f6glich (max. 7).<\/p>\r\n <div class=\"kiquiz-card-grid\">\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Recruiting \/ Talent Acquisition\">\ud83c\udfaf Recruiting \/ Talent Acquisition<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Payroll\">\ud83d\udcb6 Payroll<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"HR-Administration\">\ud83d\udcd1 HR-Administration<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Arbeitsrecht\">\u2696\ufe0f Arbeitsrecht<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Learning & Development \/ Personalentwicklung\">\ud83d\udcda Learning & Development \/ Personalentwicklung<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Performance & Feedback\">\ud83d\udcc8 Performance & Feedback<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"HR IT \/ HRIS\">\ud83d\udcbe HR IT \/ HRIS<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"People & Culture \/ Engagement\">\ud83d\udc9b People & Culture \/ Engagement<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"hrBereiche\" data-type=\"multi\" data-value=\"Weitere\">\u2795 Weitere (z. B. Comp & Ben, Reporting)<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(6)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextMulti(8, 'hrBereiche', true)\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step8\" class=\"kiquiz-step\">\r\n <h2><strong>Wie standardisiert sind eure HR-Prozesse?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Einsch\u00e4tzung des Standardisierungsgrads eurer HR-Prozesse.<\/p>\r\n <div style=\"max-width: 700px; margin: 40px auto;\">\r\n <div class=\"kiquiz-slider-container\">\r\n <div class=\"kiquiz-slider-labels\">\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\u274c<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Keine<br>standardisierten<br>Prozesse<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83d\udd01<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Mischform<br>teilweise<br>standardisiert<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\u2705<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Vollst\u00e4ndig<br>standardisiert<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-wrapper\">\r\n <div class=\"kiquiz-slider-marks\">\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <\/div>\r\n <input type=\"range\" id=\"kiquiz-prozesse-slider\" min=\"0\" max=\"4\" value=\"2\" step=\"1\" class=\"kiquiz-slider\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(7)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep8()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step9\" class=\"kiquiz-step\">\r\n <h2><strong>Wie digital ist euer HR-Bereich aufgestellt?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Einsch\u00e4tzung des Digitalisierungsgrads eurer HR-Prozesse.<\/p>\r\n <div style=\"max-width: 700px; margin: 40px auto;\">\r\n <div class=\"kiquiz-slider-container\">\r\n <div class=\"kiquiz-slider-labels\">\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83d\udcc4<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Papier<br>& Excel<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83d\udd01<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Mischform<br>digital\/analog<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83d\ude80<\/div>\r\n <div class=\"kiquiz-slider-label-text\">End-to-End<br>digital<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-wrapper\">\r\n <div class=\"kiquiz-slider-marks\">\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <\/div>\r\n <input type=\"range\" id=\"kiquiz-digi-slider\" min=\"0\" max=\"4\" value=\"2\" step=\"1\" class=\"kiquiz-slider\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(8)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep9()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step10\" class=\"kiquiz-step\">\r\n <h2><strong>Nutzt ihr bereits KI im HR-Kontext?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Einsch\u00e4tzung eurer aktuellen KI-Nutzung im HR-Bereich.<\/p>\r\n <div class=\"kiquiz-card-grid\" style=\"grid-template-columns: repeat(2, auto); max-width: 600px; margin: 0 auto; justify-content: center; gap: 20px;\">\r\n <div class=\"kiquiz-card-option\" data-field=\"kiNutzung\" data-type=\"single\" data-next=\"11\" data-value=\"ja\">\ud83e\udd16 Ja, wir nutzen bereits KI<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"kiNutzung\" data-type=\"single\" data-next=\"11\" data-value=\"nein\">\ud83e\uddf1 Noch nicht \/ eher experimentell<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(9)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step11\" class=\"kiquiz-step\">\r\n <h2><strong>Wie strategisch arbeitet euer HR-Bereich?<\/strong><\/h2>\r\n\r\n <div class=\"kiquiz-subtitle-strong\">Gibt es eine definierte HR-Strategie?<\/div>\r\n <div class=\"kiquiz-card-grid\">\r\n <div class=\"kiquiz-card-option\" data-field=\"strategie\" data-type=\"single\" data-value=\"nein\" data-show-einbindung=\"false\">\ud83e\udde9 Noch nicht definiert<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"strategie\" data-type=\"single\" data-value=\"in_planung\" data-show-einbindung=\"true\">\ud83d\udee0\ufe0f In Planung \/ entsteht gerade<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"strategie\" data-type=\"single\" data-value=\"ja\" data-show-einbindung=\"true\">\ud83d\udccc Ja, es gibt eine klare HR-Strategie<\/div>\r\n <\/div>\r\n\r\n <div id=\"kiquiz-einbindung-section\" style=\"display: none; margin-top: 40px;\">\r\n <div class=\"kiquiz-subtitle-strong\">Strategische Einbindung von HR<\/div>\r\n <p class=\"kiquiz-subtitle\">Wie stark ist HR in zentrale Unternehmensentscheidungen eingebunden?<\/p>\r\n <div style=\"max-width: 700px; margin: 40px auto;\">\r\n <div class=\"kiquiz-slider-container\">\r\n <div class=\"kiquiz-slider-labels\">\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83e\uddef<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Rein<br>operativ<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83e\udd1d<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Gelegentliche<br>Abstimmung<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-label-item\">\r\n <div class=\"kiquiz-slider-label-emoji\">\ud83c\udfaf<\/div>\r\n <div class=\"kiquiz-slider-label-text\">Fester Bestandteil<br>der Strategie<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kiquiz-slider-wrapper\">\r\n <div class=\"kiquiz-slider-marks\">\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <div class=\"kiquiz-slider-mark\"><\/div>\r\n <\/div>\r\n <input type=\"range\" id=\"kiquiz-einbindung-slider\" min=\"0\" max=\"4\" value=\"2\" step=\"1\" class=\"kiquiz-slider\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(10)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextStep11()\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step12\" class=\"kiquiz-step\">\r\n <h2><strong>Was sind aktuell eure wichtigsten HR-Themen?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">W\u00e4hle bis zu 7 Themen.<\/p>\r\n <div class=\"kiquiz-card-grid\">\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Recruiting \/ Talent Acquisition\">\ud83c\udfaf Recruiting \/ Talent Acquisition<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Retention \/ Mitarbeiterbindung\">\ud83e\udef6 Retention \/ Mitarbeiterbindung<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Learning & Development\">\ud83d\udcda Learning & Development<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"HR-Digitalisierung\">\ud83d\udcbb HR-Digitalisierung<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"F\u00fchrungskr\u00e4fteentwicklung\">\ud83e\udded F\u00fchrungskr\u00e4fteentwicklung<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Performance Management\">\ud83d\udcc8 Performance Management<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Compensation & Benefits\">\ud83d\udcb6 Compensation & Benefits<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Andere\">\u2795 Andere Themen<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"topThemen\" data-type=\"multi\" data-value=\"Keine konkreten Themen\" data-none=\"true\">\ud83c\udf3f Keine konkreten Themen<\/div>\r\n <\/div>\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(11)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizNextMulti(13, 'topThemen', false, 7, 0)\">Weiter<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step13\" class=\"kiquiz-step\">\r\n <h2><strong>Gibt es Themen, die ihr angehen wollt, aber keine Kapazit\u00e4ten habt?<\/strong><\/h2>\r\n <p class=\"kiquiz-intro\">Kapazit\u00e4tsfrage & optionale Freitext-Antwort.<\/p>\r\n\r\n <div class=\"kiquiz-card-grid\">\r\n <div class=\"kiquiz-card-option\" data-field=\"kapazitaet\" data-type=\"single\" data-value=\"ja\">\u23f3 Ja, einiges bleibt liegen<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"kapazitaet\" data-type=\"single\" data-value=\"nein\">\u2705 Nein, wir kommen gut hinterher<\/div>\r\n <div class=\"kiquiz-card-option\" data-field=\"kapazitaet\" data-type=\"single\" data-value=\"weiss_nicht\">\ud83e\udd14 Schwer zu sagen<\/div>\r\n <\/div>\r\n\r\n <div id=\"kiquiz-kapazitaet-details-wrapper\" style=\"display:none;\">\r\n <div class=\"kiquiz-subtitle-strong\">Wenn ja: Welche Themen bleiben aktuell liegen? (optional)<\/div>\r\n <textarea id=\"kiquiz-kapazitaet-details\" class=\"kiquiz-textarea\" placeholder=\"z. B. HR-Digitalisierung, strukturierte Feedbackprozesse, Reporting, Recruiting etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"kiquiz-nav\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(13)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\">\r\n <button class=\"kiquiz-btn\" onclick=\"kiquizShowResult()\">Selbstcheck abschlie\u00dfen<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kiquiz-step14\" class=\"kiquiz-step\">\r\n <div class=\"kiquiz-auswertung-grid\">\r\n <div class=\"kiquiz-circle-block\">\r\n <div class=\"kiquiz-circle-wrapper\">\r\n <svg id=\"kiquiz-percentsvg\" width=\"110\" height=\"110\">\r\n <defs>\r\n <linearGradient id=\"gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n <stop offset=\"0%\" style=\"stop-color:#667eea;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#764ba2;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <circle cx=\"55\" cy=\"55\" r=\"48\" stroke=\"#e5e7eb\" stroke-width=\"11\" fill=\"none\"\/>\r\n <circle id=\"kiquiz-percbar\" cx=\"55\" cy=\"55\" r=\"48\" stroke=\"url(#gradient)\" stroke-width=\"11\" fill=\"none\"\r\n stroke-linecap=\"round\" stroke-dasharray=\"301.59\" stroke-dashoffset=\"301.59\"\r\n transform=\"rotate(-90 55 55)\"\/>\r\n <\/svg>\r\n <div class=\"kiquiz-score-number\" id=\"kiquiz-score-number\"><\/div>\r\n <\/div>\r\n <div class=\"kiquiz-score-caption\">\r\n <div class=\"kiquiz-score-caption-title\">HR\u2011Reifegrad\u2011Score<\/div>\r\n <div class=\"kiquiz-score-caption-sub\">0\u2013100 Prozent<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kiquiz-auswertung-main\" style=\"position: relative;\">\r\n <div id=\"kiquiz-interim-result-text\" style=\"filter: blur(3px); -webkit-filter: blur(3px); user-select: none; pointer-events: none; will-change: filter;\"><\/div>\r\n \r\n <div id=\"kiquiz-consent-modal\" style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 32px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); min-width: 400px; max-width: 500px; z-index: 10;\">\r\n <label for=\"kiquiz-contact-consent\" style=\"display: flex; align-items: flex-start; gap: 12px; cursor: pointer; margin-bottom: 24px;\">\r\n <input type=\"checkbox\" id=\"kiquiz-contact-consent\" style=\"margin-top: 4px; width: 20px; height: 20px; cursor: pointer; accent-color: #667eea; flex-shrink: 0;\">\r\n <span style=\"font-size: 0.95rem; color: #374151; line-height: 1.6;\">\r\n Ich erkl\u00e4re mich einverstanden mit der Verarbeitung meiner Daten gem\u00e4\u00df der <a href=\"https:\/\/hrfactory.ee\/de\/datenschutzerklaerung\/\" target=\"_blank\" style=\"text-decoration: underline; color: #667eea;\">Datenschutzerkl\u00e4rung<\/a> sowie der Kontaktaufnahme durch HR factory im Kontext des HR Selbstchecks.\r\n <details class=\"kiquiz-tech-details\">\r\n <summary>Hinweis zu eingesetzten Technologien f\u00fcr den E\u2011Mail\u2011Versand<\/summary>\r\n <div class=\"kiquiz-tech-details-body\">\r\n F\u00fcr den Versand und die technische Abwicklung der Ergebnis\u2011E\u2011Mail nutzen wir HubSpot als CRM\/Marketing\u2011Plattform (\u00dcbermittlung \u00fcber die HubSpot Submission API in der EU\u2011Region). Dabei werden die von dir eingegebenen Daten verarbeitet, um die E\u2011Mail zuzustellen und den Versand zu dokumentieren. Details findest du in der Datenschutzerkl\u00e4rung.\r\n <\/div>\r\n <\/details>\r\n <\/span>\r\n <\/label>\r\n <button class=\"kiquiz-btn\" id=\"kiquiz-unblur-btn\" onclick=\"kiquizUnblurAndSubmit()\" style=\"width: 100%; opacity: 0.5; cursor: not-allowed;\" disabled>\r\n Jetzt Einsch\u00e4tzung freischalten & per E-Mail erhalten\r\n <\/button>\r\n <\/div>\r\n \r\n <div id=\"kiquiz-form-success\" style=\"display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px 36px; background: linear-gradient(135deg, #10b981 0%, #059669 100%); border-radius: 20px; box-shadow: 0 20px 60px rgba(16, 185, 129, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); min-width: 420px; max-width: 520px; z-index: 10; text-align: center; color: white; animation: successFadeIn 0.4s ease-out;\">\r\n <div style=\"width: 64px; height: 64px; margin: 0 auto 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; animation: successCheckmark 0.5s ease-out 0.2s both;\">\r\n \u2713\r\n <\/div>\r\n <h3 style=\"margin: 0 0 16px 0; font-size: 1.4rem; font-weight: 700; color: white; letter-spacing: -0.02em;\">Vielen Dank f\u00fcr deine Angaben!<\/h3>\r\n <p style=\"margin: 0; font-size: 1rem; line-height: 1.7; color: rgba(255, 255, 255, 0.95);\">Deine Schnelleinsch\u00e4tzung wurde freigeschaltet und wird dir zus\u00e4tzlich per E-Mail zugesendet.<\/p>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kiquiz-nav\" style=\"margin-top:26px;\">\r\n <div class=\"kiquiz-nav-left\">\r\n <button onclick=\"kiquizShowStep(12)\">← Zur\u00fcck<\/button>\r\n <\/div>\r\n <div class=\"kiquiz-nav-right\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const kiquizData = {};\r\n const totalSteps = 15;\r\n let percentAnimationInterval = null;\r\n\r\n function kiquizShowStep(step) {\r\n document.querySelectorAll('.kiquiz-step').forEach(s => {\r\n s.classList.remove('active');\r\n s.style.display = 'none';\r\n });\r\n const active = document.getElementById('kiquiz-step' + step);\r\n if (active) {\r\n active.style.display = 'block';\r\n requestAnimationFrame(() => active.classList.add('active'));\r\n }\r\n const progressContainer = document.querySelector('.kiquiz-progress-container');\r\n if (step === 14) {\r\n \/\/ Progress-Balken in der Auswertung ausblenden\r\n if (progressContainer) {\r\n progressContainer.style.display = 'none';\r\n }\r\n } else {\r\n \/\/ Progress-Balken in allen anderen Steps anzeigen\r\n if (progressContainer) {\r\n progressContainer.style.display = 'block';\r\n }\r\n const bar = document.getElementById('kiquiz-bar');\r\n const percent = Math.round(((step - 1) \/ (totalSteps - 1)) * 100);\r\n bar.style.width = percent + '%';\r\n document.getElementById('kiquiz-label').innerText = percent + '% abgeschlossen';\r\n }\r\n }\r\n\r\n \/\/ Card-Klick-Logik (single \/ multi) - auch f\u00fcr Balken und Team-Optionen\r\n function kiquizInitCards() {\r\n \/\/ Cards, Balken, Team-Optionen und Team-Visual\r\n document.querySelectorAll('.kiquiz-card-option, .kiquiz-size-bar, .kiquiz-team-option, .kiquiz-team-visual-item').forEach(card => {\r\n card.addEventListener('click', () => {\r\n const field = card.dataset.field;\r\n const type = card.dataset.type;\r\n const value = card.dataset.value;\r\n const isNone = card.dataset.none === 'true';\r\n\r\n if (!field || !type) return;\r\n\r\n if (type === 'single') {\r\n \/\/ Alle Elemente mit diesem Field deselektieren (Cards, Balken, Team-Optionen, Team-Visual)\r\n document.querySelectorAll(`.kiquiz-card-option[data-field=\"${field}\"], .kiquiz-size-bar[data-field=\"${field}\"], .kiquiz-team-option[data-field=\"${field}\"], .kiquiz-team-visual-item[data-field=\"${field}\"]`)\r\n .forEach(c => c.classList.remove('selected'));\r\n card.classList.add('selected');\r\n kiquizData[field] = value;\r\n\r\n \/\/ Automatisch zum n\u00e4chsten Schritt navigieren, wenn data-next vorhanden ist\r\n const nextStep = card.dataset.next;\r\n if (nextStep) {\r\n setTimeout(() => {\r\n kiquizShowStep(parseInt(nextStep));\r\n }, 300); \/\/ Kurze Verz\u00f6gerung f\u00fcr visuelles Feedback\r\n return;\r\n }\r\n\r\n \/\/ Spezialfall Kapazit\u00e4t -> Textarea ein-\/ausblenden\r\n if (field === 'kapazitaet') {\r\n const wrap = document.getElementById('kiquiz-kapazitaet-details-wrapper');\r\n if (wrap) {\r\n if (value === 'ja') {\r\n wrap.style.display = 'block';\r\n } else {\r\n wrap.style.display = 'none';\r\n const ta = document.getElementById('kiquiz-kapazitaet-details');\r\n if (ta) ta.value = \"\";\r\n }\r\n }\r\n }\r\n\r\n \/\/ Spezialfall Strategie -> Einbindung-Section ein-\/ausblenden\r\n if (field === 'strategie') {\r\n const einbindungSection = document.getElementById('kiquiz-einbindung-section');\r\n const showEinbindung = card.dataset.showEinbindung === 'true';\r\n if (einbindungSection) {\r\n if (showEinbindung) {\r\n einbindungSection.style.display = 'block';\r\n } else {\r\n einbindungSection.style.display = 'none';\r\n kiquizData.einbindung = null;\r\n }\r\n }\r\n }\r\n\r\n \/\/ Auto-Next f\u00fcr bestimmte Steps\r\n const next = card.dataset.next;\r\n if (next) {\r\n kiquizShowStep(parseInt(next, 10));\r\n }\r\n } else if (type === 'multi') {\r\n if (!Array.isArray(kiquizData[field])) {\r\n kiquizData[field] = [];\r\n }\r\n if (isNone) {\r\n \/\/ \"Keine ...\" l\u00f6scht andere Optionen\r\n document.querySelectorAll(`.kiquiz-card-option[data-field=\"${field}\"]`)\r\n .forEach(c => c.classList.remove('selected'));\r\n card.classList.add('selected');\r\n kiquizData[field] = [value];\r\n } else {\r\n \/\/ \"Keine ...\" deselektieren\r\n document.querySelectorAll(`.kiquiz-card-option[data-field=\"${field}\"][data-none=\"true\"]`)\r\n .forEach(c => c.classList.remove('selected'));\r\n kiquizData[field] = kiquizData[field].filter(v => v !== \"Keine konkreten Themen\");\r\n\r\n const idx = kiquizData[field].indexOf(value);\r\n if (idx === -1) {\r\n if (kiquizData[field].length >= 7) {\r\n alert(\"Bitte maximal 7 Optionen ausw\u00e4hlen.\");\r\n return;\r\n }\r\n kiquizData[field].push(value);\r\n card.classList.add('selected');\r\n } else {\r\n kiquizData[field].splice(idx, 1);\r\n card.classList.remove('selected');\r\n }\r\n }\r\n }\r\n });\r\n });\r\n }\r\n\r\n function kiquizNextStep1() {\r\n const emailInput = document.getElementById('kiquiz-email');\r\n const email = emailInput ? emailInput.value.trim() : \"\";\r\n \r\n if (!email) {\r\n alert(\"Bitte gib deine E-Mail-Adresse ein.\");\r\n return;\r\n }\r\n \r\n \/\/ Einfache Email-Validierung\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email)) {\r\n alert(\"Bitte gib eine g\u00fcltige E-Mail-Adresse ein.\");\r\n return;\r\n }\r\n \r\n kiquizData.email = email;\r\n kiquizShowStep(2);\r\n }\r\n\r\n\r\n\r\n \/\/ Slider f\u00fcr HR-Organisation\r\n function kiquizInitOrgSlider() {\r\n const slider = document.getElementById('kiquiz-org-slider');\r\n if (!slider) return;\r\n\r\n slider.addEventListener('input', (e) => {\r\n const index = parseInt(e.target.value);\r\n \/\/ 5-stufiger Slider auf 3 Kategorien mappen:\r\n \/\/ 0-1 \u2192 'nein', 2 \u2192 'teilweise', 3-4 \u2192 'ja'\r\n if (index <= 1) {\r\n kiquizData.zentraleHR = 'nein';\r\n } else if (index === 2) {\r\n kiquizData.zentraleHR = 'teilweise';\r\n } else {\r\n kiquizData.zentraleHR = 'ja';\r\n }\r\n });\r\n\r\n \/\/ Initial setzen (Standard: 2 = 'teilweise')\r\n const initialIndex = parseInt(slider.value);\r\n if (initialIndex <= 1) {\r\n kiquizData.zentraleHR = 'nein';\r\n } else if (initialIndex === 2) {\r\n kiquizData.zentraleHR = 'teilweise';\r\n } else {\r\n kiquizData.zentraleHR = 'ja';\r\n }\r\n }\r\n\r\n \/\/ Slider f\u00fcr Standardisierte Prozesse\r\n function kiquizInitProzesseSlider() {\r\n const slider = document.getElementById('kiquiz-prozesse-slider');\r\n if (!slider) return;\r\n\r\n const values = ['1', '2', '3', '4', '5'];\r\n\r\n slider.addEventListener('input', (e) => {\r\n const index = parseInt(e.target.value);\r\n kiquizData.prozesse = values[index];\r\n });\r\n\r\n \/\/ Initial setzen (Standard: 3 = Mischform)\r\n const initialIndex = parseInt(slider.value);\r\n kiquizData.prozesse = values[initialIndex];\r\n }\r\n\r\n \/\/ Slider f\u00fcr Digitalisierung\r\n function kiquizInitDigiSlider() {\r\n const slider = document.getElementById('kiquiz-digi-slider');\r\n if (!slider) return;\r\n\r\n const values = ['1', '2', '3', '4', '5'];\r\n\r\n slider.addEventListener('input', (e) => {\r\n const index = parseInt(e.target.value);\r\n kiquizData.digitalisierung = values[index];\r\n });\r\n\r\n \/\/ Initial setzen (Standard: 3 = Mischform)\r\n const initialIndex = parseInt(slider.value);\r\n kiquizData.digitalisierung = values[initialIndex];\r\n }\r\n\r\n \/\/ Slider f\u00fcr strategische Einbindung\r\n function kiquizInitEinbindungSlider() {\r\n const slider = document.getElementById('kiquiz-einbindung-slider');\r\n if (!slider) return;\r\n\r\n const values = ['1', '2', '3', '4', '5'];\r\n\r\n slider.addEventListener('input', (e) => {\r\n const index = parseInt(e.target.value);\r\n kiquizData.einbindung = values[index];\r\n });\r\n\r\n \/\/ Initial setzen (Standard: 3 = gelegentliche Abstimmung)\r\n const initialIndex = parseInt(slider.value);\r\n kiquizData.einbindung = values[initialIndex];\r\n }\r\n\r\n function kiquizNextStep5() {\r\n if (!kiquizData.zentraleHR) {\r\n alert(\"Bitte w\u00e4hle eine Option aus.\");\r\n return;\r\n }\r\n kiquizShowStep(6);\r\n }\r\n\r\n function kiquizNextMulti(nextStep, field, requireAtLeastOne, maxCount = 7, minCount = 0) {\r\n const arr = kiquizData[field] || [];\r\n if (requireAtLeastOne && arr.length === 0) {\r\n alert(\"Bitte w\u00e4hle mindestens eine Option aus.\");\r\n return;\r\n }\r\n if (minCount > 0 && arr.length > 0 && arr.length < minCount) {\r\n alert(\"Bitte w\u00e4hle mindestens \" + minCount + \" Optionen aus.\");\r\n return;\r\n }\r\n if (arr.length > maxCount) {\r\n alert(\"Bitte maximal \" + maxCount + \" Optionen ausw\u00e4hlen.\");\r\n return;\r\n }\r\n kiquizShowStep(nextStep);\r\n }\r\n\r\n function kiquizNextStep8() {\r\n if (kiquizData.prozesse === undefined) {\r\n alert(\"Bitte w\u00e4hle einen Standardisierungsgrad aus.\");\r\n return;\r\n }\r\n kiquizShowStep(9);\r\n }\r\n\r\n function kiquizNextStep9() {\r\n if (!kiquizData.digitalisierung) {\r\n alert(\"Bitte w\u00e4hle einen Digitalisierungsgrad aus.\");\r\n return;\r\n }\r\n kiquizShowStep(10);\r\n }\r\n\r\n function kiquizNextStep11() {\r\n if (!kiquizData.strategie) {\r\n alert(\"Bitte beantworte die Frage zur HR-Strategie.\");\r\n return;\r\n }\r\n \/\/ Einbindung nur validieren, wenn die Section sichtbar ist\r\n const einbindungSection = document.getElementById('kiquiz-einbindung-section');\r\n if (einbindungSection && einbindungSection.style.display !== 'none') {\r\n if (!kiquizData.einbindung) {\r\n alert(\"Bitte w\u00e4hle eine Einsch\u00e4tzung zur strategischen Einbindung von HR.\");\r\n return;\r\n }\r\n }\r\n kiquizShowStep(12);\r\n }\r\n\r\n function kiquizShowResult() {\r\n \/\/ Pr\u00fcfe ob Kapazit\u00e4t gesetzt ist\r\n if (!kiquizData.kapazitaet) {\r\n alert(\"Bitte beantworte die Frage zu Kapazit\u00e4ten & Engp\u00e4ssen.\");\r\n return;\r\n }\r\n \r\n \/\/ Hole Textarea-Wert falls vorhanden\r\n const ta = document.getElementById('kiquiz-kapazitaet-details');\r\n if (ta) {\r\n kiquizData.kapazitaetDetails = ta.value.trim();\r\n } else {\r\n kiquizData.kapazitaetDetails = \"\";\r\n }\r\n\r\n \/\/ Berechne Fazit\r\n let result;\r\n try {\r\n result = calcHrFazit(kiquizData);\r\n } catch (e) {\r\n console.error('Fehler bei calcHrFazit:', e);\r\n alert(\"Es ist ein Fehler aufgetreten. Bitte versuche es erneut.\");\r\n return;\r\n }\r\n\r\n \/\/ Zeige Schritt 14\r\n kiquizShowStep(14);\r\n\r\n \/\/ Warte kurz, damit der Schritt angezeigt wird, bevor wir den Inhalt setzen\r\n setTimeout(() => {\r\n \/\/ Starte Animation\r\n animateCircle(result.percent);\r\n \r\n \/\/ Setze Prozentanzeige\r\n const scoreNumberEl = document.getElementById('kiquiz-score-number');\r\n if (scoreNumberEl) {\r\n scoreNumberEl.textContent = result.percent + \"%\";\r\n }\r\n \r\n \/\/ Setze Text-Content\r\n const container = document.getElementById('kiquiz-interim-result-text');\r\n if (!container) {\r\n console.error('Container kiquiz-interim-result-text nicht gefunden');\r\n return;\r\n }\r\n \r\n let strengthsText = \"\";\r\n if (result.strengths && result.strengths.length) {\r\n strengthsText = `<p style=\"font-size:1.0rem;margin-top:16px;margin-bottom:12px;color:#374151;line-height:1.7;\"><strong style=\"color:#047857;\">St\u00e4rken:<\/strong> ${result.strengths.join(\" \")}<\/p>`;\r\n }\r\n \r\n let risksText = \"\";\r\n if (result.risks && result.risks.length) {\r\n risksText = `<p style=\"font-size:1.0rem;margin-top:12px;margin-bottom:0;color:#374151;line-height:1.7;\"><strong style=\"color:#dc2626;\">Ansatzpunkte:<\/strong> ${result.risks.join(\" \")}<\/p>`;\r\n }\r\n \r\n \/\/ Beispielhafter l\u00e4ngerer Text f\u00fcr den geblurrten Bereich (wird nicht per E-Mail versendet)\r\n const beispielText = `\r\n <h3 style=\"margin-bottom:0.3em;font-size:1.4rem;filter: blur(5px); -webkit-filter: blur(5px);\">\r\n HR Champion: <span style=\"color:#667eea\">Exzellente HR-Organisation<\/span>\r\n <\/h3>\r\n <p style=\"font-size:1.0rem;margin-top:6px;margin-bottom:12px;color:#374151;line-height:1.6;\">\r\n Deine HR-Abteilung zeigt eine au\u00dfergew\u00f6hnlich hohe Reife und Professionalit\u00e4t. Die strategische Ausrichtung ist klar definiert und wird konsequent umgesetzt. Die Prozesse sind standardisiert und digitalisiert, was zu einer hohen Effizienz f\u00fchrt.\r\n <\/p>\r\n <p style=\"font-size:1.0rem;margin-top:12px;margin-bottom:12px;color:#374151;line-height:1.7;\">\r\n <strong style=\"color:#047857;\">St\u00e4rken:<\/strong> Deine HR-Abteilung verf\u00fcgt \u00fcber eine ausgepr\u00e4gte digitale Infrastruktur und nutzt moderne HR-Tools effektiv. Die strategische Einbindung in die Gesch\u00e4ftsf\u00fchrung ist vorbildlich. Die Prozesse sind hoch standardisiert und erm\u00f6glichen eine effiziente Bearbeitung aller HR-Aufgaben.\r\n <\/p>\r\n <p style=\"font-size:1.0rem;margin-top:12px;margin-bottom:12px;color:#374151;line-height:1.7;\">\r\n <strong style=\"color:#dc2626;\">Ansatzpunkte:<\/strong> Auch bei exzellenten HR-Abteilungen gibt es immer Raum f\u00fcr Weiterentwicklung. Die kontinuierliche Optimierung der bestehenden Prozesse und die fr\u00fchzeitige Erkennung neuer Trends k\u00f6nnen die Position weiter st\u00e4rken.\r\n <\/p>\r\n <p style=\"font-size:1.0rem;margin-top:12px;margin-bottom:0;color:#374151;line-height:1.7;\">\r\n <strong style=\"color:#667eea;\">Konkrete n\u00e4chste Schritte:<\/strong> Fokussiere dich auf die Weiterentwicklung deiner bereits starken Bereiche. Nutze deine Ressourcen f\u00fcr innovative Projekte wie KI-Integration oder Predictive Analytics. Teile deine Best Practices mit anderen Abteilungen und st\u00e4rke so die gesamte Organisation.\r\n <\/p>\r\n `;\r\n \r\n container.innerHTML = beispielText;\r\n \r\n \/\/ Checkbox-Event-Listener f\u00fcr Button-Aktivierung\r\n const consentCheckbox = document.getElementById('kiquiz-contact-consent');\r\n const unblurBtn = document.getElementById('kiquiz-unblur-btn');\r\n \r\n if (consentCheckbox && unblurBtn) {\r\n consentCheckbox.addEventListener('change', () => {\r\n if (consentCheckbox.checked) {\r\n unblurBtn.disabled = false;\r\n unblurBtn.style.opacity = '1';\r\n unblurBtn.style.cursor = 'pointer';\r\n } else {\r\n unblurBtn.disabled = true;\r\n unblurBtn.style.opacity = '0.5';\r\n unblurBtn.style.cursor = 'not-allowed';\r\n }\r\n });\r\n }\r\n }, 100);\r\n }\r\n\r\n function calcHrFazit(data) {\r\n const digi = parseInt(data.digitalisierung || \"1\", 10);\r\n const zentrale = data.zentraleHR === 'ja';\r\n const kleineHR = ['keine_hr', '1', '2-5'].includes(data.hrTeamgroesse);\r\n const stratJa = data.strategie === 'ja';\r\n const stratPlan = data.strategie === 'in_planung';\r\n const kapJa = data.kapazitaet === 'ja';\r\n const topics = data.topThemen || [];\r\n const topicsOhneKeine = topics.filter(t => t !== 'Keine konkreten Themen');\r\n const manyTopics = topicsOhneKeine.length >= 5;\r\n const prozesse = parseInt(data.prozesse || \"1\", 10); \/\/ 1-5 Skala\r\n\r\n \/\/ Score grob 0\u2013100\r\n const digiScore = ((digi - 1) \/ 4) * 40; \/\/ 0\u201340\r\n const stratScore = stratJa ? 25 : (stratPlan ? 15 : 0); \/\/ 0\/15\/25\r\n const zentralScore = zentrale ? 10 : 0; \/\/ 0\/10\r\n const kapScore = data.kapazitaet === 'nein' ? 7 : 0; \/\/ 0\/7\r\n const prozScore = ((prozesse - 1) \/ 4) * 18; \/\/ 0\u201318 basierend auf 1\u20135 Skala\r\n\r\n let percent = Math.round(digiScore + stratScore + zentralScore + kapScore + prozScore);\r\n percent = Math.max(5, Math.min(100, percent));\r\n\r\n \/\/ Kategorien\r\n const isChampion = (digi >= 4) && stratJa && zentrale && !kapJa;\r\n const isAufbau = (percent < 35) || ((digi <= 2) && !stratJa && !stratPlan && (kleineHR || !zentrale));\r\n const isWandel = (kapJa || manyTopics) && percent >= 35;\r\n\r\n let label, title, text;\r\n\r\n if (isChampion) {\r\n label = \"HR Champion\";\r\n title = \"Sehr hoher HR-Reifegrad\";\r\n text = \"Euer HR-Bereich ist strukturiert, digital gut aufgestellt und strategisch eingebunden. Ihr seid deutlich weiter als viele andere Unternehmen und k\u00f6nnt euch zunehmend auf Feinschliff, Skalierung und People-Themen konzentrieren.\";\r\n } else if (isAufbau) {\r\n label = \"HR im Aufbau\";\r\n title = \"Grundlagen im Aufbau\";\r\n text = \"Viele Grundlagen werden aktuell noch geschaffen oder sind bisher eher informell geregelt. Das ist eine Chance, fr\u00fch skalierbare Strukturen zu etablieren \u2013 bevor Wachstum oder Komplexit\u00e4t euch dazu zwingen.\";\r\n } else if (isWandel) {\r\n label = \"HR im Wandel\";\r\n title = \"Viele Baustellen parallel\";\r\n text = \"Ihr habt bereits einige Strukturen und Themen auf dem Tisch, gleichzeitig ist die Zahl paralleler Baustellen hoch oder es fehlen Kapazit\u00e4ten. Der Schl\u00fcssel liegt in Priorisierung, Roadmaps und Entlastung.\";\r\n } else {\r\n label = \"HR mit Potenzial\";\r\n title = \"Gute Basis mit Luft nach oben\";\r\n text = \"Zentrale Bausteine sind vorhanden \u2013 gleichzeitig gibt es in Standardisierung, Digitalisierung und strategischer Einbindung noch Potenzial. Mit einigen gezielten Schritten k\u00f6nnt ihr euren HR-Reifegrad deutlich erh\u00f6hen.\";\r\n }\r\n\r\n const strengths = [];\r\n const risks = [];\r\n\r\n \/\/ St\u00e4rken\r\n if (digi >= 4) {\r\n strengths.push(\"Euer Digitalisierungsgrad ist bereits hoch \u2013 viele Prozesse laufen \u00fcber Tools statt Excel & Papier.\");\r\n }\r\n\r\n if (prozesse >= 4) {\r\n strengths.push(\"Eure HR-Prozesse sind bereits sehr gut standardisiert \u2013 das schafft Klarheit und Effizienz.\");\r\n }\r\n if (stratJa) {\r\n strengths.push(\"Es gibt eine klare HR-Strategie, die Orientierung f\u00fcr Projekte und Priorit\u00e4ten gibt.\");\r\n }\r\n if (zentrale) {\r\n strengths.push(\"Ihr habt eine zentrale HR-Abteilung als feste Anlaufstelle f\u00fcr Mitarbeitende und F\u00fchrungskr\u00e4fte.\");\r\n }\r\n if (!kapJa) {\r\n strengths.push(\"Aktuell seht ihr keine gravierenden Kapazit\u00e4tsengp\u00e4sse \u2013 wichtige Themen bleiben nicht dauerhaft liegen.\");\r\n }\r\n\r\n \/\/ Risiken \/ Spannungsfelder\r\n if (digi <= 2) {\r\n risks.push(\"Der Digitalisierungsgrad ist eher niedrig \u2013 viele Abl\u00e4ufe kosten durch manuelle Arbeit Zeit und Nerven.\");\r\n } else if (digi === 3) {\r\n risks.push(\"Ihr seid in einer Mischform aus digital und analog unterwegs \u2013 Medienbr\u00fcche f\u00fchren teils zu Mehraufwand.\");\r\n }\r\n\r\n if (!stratJa && !stratPlan) {\r\n risks.push(\"Es gibt bislang keine klar definierte HR-Strategie \u2013 Priorit\u00e4ten und Ziele k\u00f6nnen dadurch verschwimmen.\");\r\n } else if (stratPlan && !stratJa) {\r\n risks.push(\"Die HR-Strategie befindet sich noch im Aufbau \u2013 vieles h\u00e4ngt von der weiteren Ausgestaltung ab.\");\r\n }\r\n\r\n if (!zentrale) {\r\n risks.push(\"HR ist nicht zentral organisiert \u2013 Verantwortlichkeiten und Zust\u00e4ndigkeiten k\u00f6nnen unklar sein.\");\r\n }\r\n\r\n if (prozesse <= 2) {\r\n risks.push(\"Eure HR-Prozesse sind noch wenig standardisiert \u2013 das kann zu Inkonsistenzen und Mehraufwand f\u00fchren.\");\r\n }\r\n\r\n if (kapJa) {\r\n risks.push(\"Ihr erlebt Kapazit\u00e4tsengp\u00e4sse im HR-Alltag \u2013 bestimmte Themen bleiben liegen oder werden nur reaktiv bearbeitet.\");\r\n }\r\n\r\n if (manyTopics) {\r\n risks.push(\"Ihr habt viele HR-Top-Themen parallel auf dem Tisch \u2013 das erh\u00f6ht die Gefahr von \u00dcberlastung und Kontextwechseln.\");\r\n }\r\n\r\n if (strengths.length === 0) {\r\n strengths.push(\"Ihr habt bereits einige Bausteine im HR gelegt \u2013 das Kurzfazit zeigt, wo ihr darauf aufbauen k\u00f6nnt.\");\r\n }\r\n\r\n return { label, title, text, strengths, risks, percent };\r\n }\r\n\r\n \/\/ ============================================\r\n\/\/ TEXTBAUSTEINE F\u00dcR E-MAIL-GENERIERUNG (REWORK)\r\n\/\/ ============================================\r\n\r\nconst emailTextbausteine = {\r\n \/\/ Kurzfazit-Bausteine nach Kategorie\r\n kurzfazit: {\r\n champion:\r\n \"Auf Basis deiner Antworten seid ihr im Bereich HR bereits sehr weit entwickelt: solide Strukturen, gute digitale Basis und klare strategische Einbindung. Damit k\u00f6nnt ihr gezielt an Skalierung, Wirkung und People-Themen arbeiten.\",\r\n aufbau:\r\n \"Eure Antworten zeigen, dass ihr im HR-Bereich aktuell stark im Aufbau seid. Viele Grundlagen werden noch gelegt oder sind nur in Teilen vorhanden. Das ist ein guter Zeitpunkt, um bewusst Priorit\u00e4ten zu setzen und Strukturen so zu bauen, dass sie sp\u00e4ter mitwachsen.\",\r\n wandel:\r\n \"Ihr befindet euch im HR-Bereich klar in einer Ver\u00e4nderungs- bzw. Wachstumsphase. Einige wichtige Bausteine sind bereits vorhanden, gleichzeitig sp\u00fcrt ihr Druck durch parallele Themen und steigende Anforderungen. In dieser Phase lohnt sich Struktur, Fokus und Entlastung, damit HR planbar wirksam bleibt.\",\r\n potenzial:\r\n \"Zentrale Bausteine sind vorhanden \u2013 gleichzeitig gibt es in Standardisierung, Digitalisierung und strategischer Einbindung noch Potenzial. Mit wenigen gezielten Schritten k\u00f6nnt ihr euren HR-Reifegrad sp\u00fcrbar erh\u00f6hen.\"\r\n },\r\n\r\n \/\/ NEU: Bedeutung \/ Einordnung (Br\u00fccke nach dem Kurzfazit)\r\n bedeutung: {\r\n champion:\r\n \"Das bedeutet: Ihr k\u00f6nnt HR st\u00e4rker als Hebel nutzen \u2013 statt Zeit in Grundsatzfragen oder Feuerwehrarbeit zu verlieren.\",\r\n aufbau:\r\n \"Das bedeutet: Die Entscheidungen, die ihr jetzt trefft, bestimmen, ob HR sp\u00e4ter skaliert \u2013 oder ob ihr st\u00e4ndig nachziehen m\u00fcsst.\",\r\n wandel:\r\n \"Das bedeutet: Ohne Priorisierung wird HR schnell reaktiv \u2013 mit klarer Roadmap wird Arbeit wieder planbar und wirksam.\",\r\n potenzial:\r\n \"Das bedeutet: Ihr habt genug Substanz, um gezielt zu standardisieren und zu digitalisieren \u2013 ohne ein Gro\u00dfprojekt daraus zu machen.\"\r\n },\r\n\r\n \/\/ Betreff-Ideen (leicht klarer \/ weniger generisch)\r\n betreff: {\r\n champion: \"Deine HR-Selbsteinsch\u00e4tzung: Sehr stark \u2013 wo ihr als N\u00e4chstes profitieren k\u00f6nnt\",\r\n aufbau: \"Deine HR-Selbsteinsch\u00e4tzung: Aufbauphase \u2013 die n\u00e4chsten sinnvollen Schritte\",\r\n wandel: \"Deine HR-Selbsteinsch\u00e4tzung: Wandelphase \u2013 Fokus, Entlastung und Wirkung\",\r\n potenzial: \"Deine HR-Selbsteinsch\u00e4tzung: Gute Basis \u2013 so kommt ihr gezielt weiter\"\r\n },\r\n\r\n \/\/ Digitalisierung (1-5)\r\n digitalisierung: {\r\n staerken: {\r\n hoch:\r\n \"Ihr nutzt bereits digitale L\u00f6sungen im HR-Bereich und habt viele Prozesse nicht mehr rein manuell organisiert. Das reduziert operative Aufw\u00e4nde und schafft Transparenz f\u00fcr F\u00fchrungskr\u00e4fte und Mitarbeitende.\",\r\n mittel:\r\n \"Ihr habt bereits erste digitale Bausteine im HR im Einsatz. Das ist eine gute Basis, auf der ihr weiter aufbauen k\u00f6nnt, ohne alles von Null starten zu m\u00fcssen.\",\r\n niedrig:\r\n \"Noch arbeitet ihr in vielen HR-Bereichen eher analog. Kurzfristig ist das machbar \u2013 langfristig kostet es Zeit und erschwert Transparenz und Steuerung.\"\r\n },\r\n risiken: {\r\n hoch:\r\n \"Mit wachsender Tool-Landschaft steigt das Risiko von Insell\u00f6sungen, Medienbr\u00fcchen und Akzeptanzproblemen. Ohne klare Governance rund um Prozesse, Rollen und Daten kann der Nutzen der Digitalisierung hinter den Erwartungen zur\u00fcckbleiben.\",\r\n mittel:\r\n \"Durch eine nur teilweise Digitalisierung besteht die Gefahr, dass ihr an einigen Stellen doppelt arbeitet: digital und analog. Das kostet Kapazit\u00e4t und erschwert es, ein konsistentes HR-Datenbild aufzubauen.\",\r\n niedrig:\r\n \"Eine \u00fcberwiegend analoge HR-Arbeit bindet viel Zeit in Routineaufgaben, die sich automatisieren lie\u00dfen. Gleichzeitig fehlt euch damit oft die Datengrundlage, um HR-Entscheidungen strategisch zu untermauern.\"\r\n },\r\n quickwins: {\r\n niedrig_mittel:\r\n \"W\u00e4hlt 1\u20132 Kernprozesse (z. B. Recruiting oder Onboarding) aus und definiert klar, wie diese k\u00fcnftig digital unterst\u00fctzt werden sollen \u2013 inklusive Rollen, Datenfl\u00fcssen und Schnittstellen. Startet bewusst mit einem Pilot, statt alles gleichzeitig anzupacken.\",\r\n hoch:\r\n \"Pr\u00fcft eure bestehende HR-Tool-Landschaft auf \u00dcberschneidungen und L\u00fccken. Ein kurzer System- und Prozess-Check hilft, Redundanzen zu reduzieren und die Nutzung f\u00fcr F\u00fchrungskr\u00e4fte und HR zu vereinfachen.\"\r\n }\r\n },\r\n\r\n \/\/ Standardisierte Prozesse (1-5)\r\n prozesse: {\r\n staerken: {\r\n hoch:\r\n \"Ihr habt bereits klar definierte und standardisierte HR-Prozesse. Das erleichtert ein konsistentes Arbeiten, vereinfacht Vertretungen und reduziert Fehleranf\u00e4lligkeit.\",\r\n mittel:\r\n \"In Teilen eurer HR-Arbeit existieren bereits definierte Abl\u00e4ufe. Diese Inseln von Klarheit sind ein guter Ausgangspunkt, um St\u00fcck f\u00fcr St\u00fcck mehr Einheitlichkeit zu schaffen.\",\r\n niedrig:\r\n \"Viele Abl\u00e4ufe werden aktuell situativ gel\u00f6st. Das gibt Flexibilit\u00e4t \u2013 zugleich liegt hier oft ein schneller Hebel, um Effizienz und Verl\u00e4sslichkeit zu erh\u00f6hen.\"\r\n },\r\n risiken: {\r\n hoch:\r\n \"Stark standardisierte Prozesse k\u00f6nnen als starr wahrgenommen werden, wenn sie nicht regelm\u00e4\u00dfig \u00fcberpr\u00fcft und an neue Anforderungen angepasst werden. Ohne klaren Prozess-Owner veralten Standards schnell.\",\r\n mittel:\r\n \"Halb standardisierte Prozesse f\u00fchren oft zu Unklarheiten: Wer macht was, wie und bis wann? Das kann zu unterschiedlichen Vorgehensweisen je nach Person oder Standort f\u00fchren und die Qualit\u00e4t schwanken lassen.\",\r\n niedrig:\r\n \"Wenn HR-Prozesse kaum beschrieben oder vereinheitlicht sind, h\u00e4ngt viel von Einzelpersonen ab. Das erschwert Skalierung, macht euch anf\u00e4llig f\u00fcr Ausf\u00e4lle und f\u00fchrt oft zu Nacharbeit oder Nachfragen.\"\r\n },\r\n quickwins: {\r\n niedrig_mittel:\r\n \"W\u00e4hlt 1\u20132 kritische HR-Prozesse (z. B. Recruiting, Onboarding oder Vertrags\u00e4nderungen) aus und beschreibt diese in einer einfachen, f\u00fcr alle nachvollziehbaren Prozess-Sicht: Schritte, Rollen, Durchlaufzeiten. Startet bewusst pragmatisch und nicht mit einem Prozesshandbuch.\",\r\n hoch:\r\n \"Nutzt eure bestehenden Standards, um Kennzahlen zu definieren (z. B. Durchlaufzeiten, Abbruchquoten) und gezielt Optimierungen abzuleiten \u2013 etwa bei Schnittstellen zu Fachbereichen oder IT.\"\r\n }\r\n },\r\n\r\n \/\/ HR-Strategie\r\n strategie: {\r\n staerken: {\r\n ja:\r\n \"Dass es eine klar formulierte HR-Strategie gibt, ist ein wichtiger Reifegrad. Ihr k\u00f6nnt damit HR-Ma\u00dfnahmen gezielt an Unternehmenszielen ausrichten und besser priorisieren.\",\r\n in_planung:\r\n \"Ihr arbeitet aktuell an einer HR-Strategie. Das zeigt, dass ihr HR nicht mehr nur operativ denkt, sondern bewusst als Hebel f\u00fcr die Unternehmensentwicklung einsetzen wollt.\"\r\n },\r\n risiken: {\r\n keine:\r\n \"Ohne klar formulierte HR-Strategie besteht das Risiko, dass HR-Ma\u00dfnahmen eher reaktiv stattfinden und Priorit\u00e4ten von Lautst\u00e4rke statt von Wirkung bestimmt werden.\",\r\n in_planung:\r\n \"Wenn eine Strategie zwar diskutiert, aber nicht konsequent fertiggestellt und kommuniziert wird, bleibt HR leicht in einer Zwischenwelt h\u00e4ngen \u2013 mit unklaren Erwartungen aus der Gesch\u00e4ftsf\u00fchrung.\"\r\n },\r\n quickwins: {\r\n keine:\r\n \"Startet mit einem kompakten HR-Zielbild auf 1\u20132 Seiten: Welche Rolle soll HR f\u00fcr das Unternehmen in 2\u20133 Jahren spielen? Welche 3\u20135 Handlungsfelder sind daf\u00fcr zentral?\",\r\n in_planung_ja:\r\n \"\u00dcbersetzt eure HR-Strategie in eine klare Roadmap mit priorisierten Initiativen, Verantwortlichkeiten und Zeithorizonten. Wichtig ist, die Verbindung zu den Top-Unternehmenszielen sichtbar zu machen.\"\r\n }\r\n },\r\n\r\n \/\/ Strategische Einbindung (1-5)\r\n einbindung: {\r\n staerken: {\r\n hoch:\r\n \"HR ist bei euch in zentrale Unternehmensentscheidungen eingebunden. Das erm\u00f6glicht es, Personal- und Organisationsfragen fr\u00fch mitzudenken und vorausschauend zu handeln, statt nur hinterher zu reagieren.\",\r\n mittel:\r\n \"In einigen Themen ist HR bereits an der Seite von Gesch\u00e4ftsf\u00fchrung und Fachbereichen. Diese Ankn\u00fcpfungspunkte sind ideal, um die Rolle von HR weiter in Richtung Business-Partner zu entwickeln.\"\r\n },\r\n risiken: {\r\n niedrig:\r\n \"Wenn HR \u00fcberwiegend operativ arbeitet und selten an strategischen Entscheidungen beteiligt ist, werden Personal- und Organisationsfragen h\u00e4ufig erst im Nachgang ber\u00fccksichtigt \u2013 mit entsprechendem Mehraufwand.\",\r\n mittel:\r\n \"Wird HR nur punktuell eingebunden, h\u00e4ngt die Wahrnehmung stark von einzelnen F\u00fchrungskr\u00e4ften ab. Das erschwert eine konsistente Positionierung von HR im Unternehmen.\"\r\n },\r\n quickwins: {\r\n niedrig_mittel:\r\n \"Identifiziert 1\u20132 wiederkehrende Anl\u00e4sse (z. B. Budgetrunden, Standortentscheidungen, gr\u00f6\u00dfere Ver\u00e4nderungsprojekte), bei denen HR k\u00fcnftig fr\u00fchzeitig mit am Tisch sitzen sollte, und vereinbart dies explizit mit der Gesch\u00e4ftsf\u00fchrung.\"\r\n }\r\n },\r\n\r\n \/\/ Zentrale HR\r\n zentraleHR: {\r\n staerken: {\r\n ja:\r\n \"Ihr habt eine zentrale HR-Abteilung als feste Anlaufstelle f\u00fcr Mitarbeitende und F\u00fchrungskr\u00e4fte. Das schafft Klarheit \u00fcber Zust\u00e4ndigkeiten und erm\u00f6glicht es, HR-Expertise gezielt einzusetzen.\",\r\n teilweise:\r\n \"Ihr habt bereits zentrale HR-Strukturen, auch wenn nicht alles komplett zentral organisiert ist. Diese Basis hilft, Standards zu etablieren und Wissen zu b\u00fcndeln.\"\r\n },\r\n risiken: {\r\n nein:\r\n \"Wenn HR nicht zentral organisiert ist, k\u00f6nnen Verantwortlichkeiten und Zust\u00e4ndigkeiten unklar sein. Das f\u00fchrt oft zu unterschiedlichen Vorgehensweisen und erschwert es, HR-Strategien konsistent umzusetzen.\"\r\n }\r\n },\r\n\r\n \/\/ Kapazit\u00e4ten\r\n kapazitaet: {\r\n risiken: {\r\n ja:\r\n \"Deine Angaben deuten darauf hin, dass ihr aktuell Kapazit\u00e4tsengp\u00e4sse im HR erlebt. Das erh\u00f6ht die Gefahr von Verz\u00f6gerungen, Qualit\u00e4tsverlusten und dem Gef\u00fchl, st\u00e4ndig hinterherzulaufen.\",\r\n viele_themen:\r\n \"Ihr habt viele HR-Top-Themen parallel auf dem Tisch \u2013 das erh\u00f6ht die Gefahr von \u00dcberlastung und Kontextwechseln. Ohne klare Priorisierung bleibt vieles halbfertig oder wird reaktiv bearbeitet.\"\r\n },\r\n staerken: {\r\n nein:\r\n \"Aktuell seht ihr keine akuten Kapazit\u00e4tsengp\u00e4sse. Das schafft Spielraum, um gezielt an Struktur- und Zukunftsthemen zu arbeiten, bevor der Druck steigt.\"\r\n },\r\n quickwins: {\r\n ja:\r\n \"Ein erster Schritt kann sein, eure laufenden HR-Initiativen zu priorisieren: Welche Themen zahlen direkt auf Unternehmensziele ein, welche k\u00f6nnen verschoben oder vereinfacht werden? In manchen F\u00e4llen ist auch tempor\u00e4re Entlastung durch externe Unterst\u00fctzung sinnvoll.\"\r\n }\r\n },\r\n\r\n \/\/ Top-Themen (generische Bausteine)\r\n topThemen: {\r\n recruiting:\r\n \"Recruiting ist eines eurer Top-Themen. Hier lohnt es sich besonders, Prozesse zu standardisieren, klare Rollen mit Fachbereichen zu definieren und Kennzahlen einzuf\u00fchren, um Engp\u00e4sse sichtbar zu machen.\",\r\n weiterbildung:\r\n \"Weiterbildung und Lernen stehen bei euch weit oben. Ein strukturierter Rahmen (z. B. Skill-Profile, Learning-Pfade, Feedbackschleifen) hilft, Ma\u00dfnahmen mit der Unternehmensstrategie zu verbinden.\",\r\n hr_it:\r\n \"Das Thema HR-IT und Tools ist f\u00fcr euch wichtig. Hier geht es nicht nur um die Auswahl von Systemen, sondern vor allem um saubere Prozesse, Datenqualit\u00e4t und Akzeptanz bei F\u00fchrungskr\u00e4ften und Mitarbeitenden.\",\r\n performance:\r\n \"Performance Management ist ein zentrales Thema f\u00fcr euch. Wichtig ist hier, dass Prozesse nicht nur formal existieren, sondern tats\u00e4chlich zu besseren Gespr\u00e4chen, klaren Zielen und Entwicklung f\u00fchren.\",\r\n onboarding:\r\n \"Onboarding steht bei euch im Fokus. Ein strukturierter Onboarding-Prozess \u2013 von der Vorbereitung bis zum ersten Jahr \u2013 kann die Integration neuer Mitarbeitender deutlich verbessern und Fluktuation reduzieren.\",\r\n retention:\r\n \"Mitarbeiterbindung ist ein wichtiges Thema. Hier geht es nicht nur um einzelne Ma\u00dfnahmen, sondern um eine durchdachte Retention-Strategie, die verschiedene Hebel kombiniert: Entwicklung, Kultur, Anerkennung, Work-Life-Balance.\",\r\n compliance:\r\n \"Compliance und rechtliche Themen sind f\u00fcr euch relevant. Hier lohnt es sich, Prozesse so zu gestalten, dass Compliance nicht nur erf\u00fcllt wird, sondern auch f\u00fcr Mitarbeitende und F\u00fchrungskr\u00e4fte nachvollziehbar und praktikabel ist.\",\r\n organisation:\r\n \"Organisationsentwicklung ist ein Top-Thema. Hier geht es darum, Strukturen, Rollen und Zusammenarbeit so zu gestalten, dass sie zu euren Unternehmenszielen passen und agiles Arbeiten erm\u00f6glichen.\"\r\n },\r\n\r\n \/\/ CTA-Bausteine (leicht \u201eOutcome\u201c-orientierter)\r\n cta: {\r\n champion:\r\n \"Wenn du m\u00f6chtest, gehen wir in 30 Minuten durch, wo du mit wenig Aufwand den gr\u00f6\u00dften Wirkungssprung erzielst \u2013 z. B. Skalierung, HR-Analytics oder Organisationsentwicklung.\",\r\n aufbau:\r\n \"Wenn du m\u00f6chtest, erarbeiten wir gemeinsam in einem kurzen Gespr\u00e4ch eine priorisierte Roadmap: Welche 2\u20133 Schritte bringen dich vom aktuellen Status am schnellsten nach vorn?\",\r\n wandel:\r\n \"Gerne schauen wir gemeinsam, wie du deine parallelen Themen so strukturierst, dass HR wirksam bleibt und das Team nicht ausbrennt.\",\r\n potenzial:\r\n \"Gerne identifizieren wir gemeinsam in einem kurzen Gespr\u00e4ch die 2\u20133 gr\u00f6\u00dften Hebel, um deinen HR-Reifegrad gezielt zu erh\u00f6hen.\",\r\n generisch:\r\n \"Buche direkt einen Termin \u00fcber unseren Link, wenn du deine individuelle Einsch\u00e4tzung und konkrete n\u00e4chste Schritte mit uns durchgehen m\u00f6chtest.\",\r\n generischEmail:\r\n \"Antworte einfach kurz auf diese E-Mail oder buche direkt einen Termin \u00fcber unseren Link, wenn du deine individuelle Einsch\u00e4tzung und konkrete n\u00e4chste Schritte mit uns durchgehen m\u00f6chtest.\"\r\n },\r\n\r\n \/\/ NEU: CTA-Bridge (Satz vor dem CTA-Teil)\r\n cta_bridge: {\r\n champion:\r\n \"Wenn du willst, schauen wir gemeinsam, wo du als N\u00e4chstes am meisten profitierst.\",\r\n aufbau:\r\n \"Wenn du m\u00f6chtest, bringen wir gemeinsam Ordnung in die n\u00e4chsten Schritte \u2013 ohne dass daraus ein Gro\u00dfprojekt wird.\",\r\n wandel:\r\n \"Wenn du willst, sortieren wir deine Themen nach Wirkung und Machbarkeit und machen daraus eine realistische Roadmap.\",\r\n potenzial:\r\n \"Hat dich diese Schnelleinsch\u00e4tzung neugierig gemacht?\"\r\n },\r\n\r\n \/\/ NEU (optional): Intro f\u00fcr \u201eKonkrete n\u00e4chste Schritte\u201c\r\n quickwins_intro: {\r\n champion: \"Konkrete n\u00e4chste Schritte (als Orientierung):\",\r\n aufbau: \"Konkrete n\u00e4chste Schritte (als Orientierung):\",\r\n wandel: \"Konkrete n\u00e4chste Schritte (als Orientierung):\",\r\n potenzial: \"Konkrete n\u00e4chste Schritte (als Orientierung):\"\r\n },\r\n\r\n \/\/ Begr\u00fc\u00dfung\r\n begruessung:\r\n \"Hallo!\\n\\nVielen Dank, dass du dir die Zeit genommen hast, unseren HR-Selbstcheck zu durchlaufen. Hier ist deine individuelle Einsch\u00e4tzung:\"\r\n};\r\n\r\n\r\n \/\/ Funktion: Bestimme Buckets f\u00fcr Dimensionen\r\n function getDimensionBuckets(data) {\r\n const digi = parseInt(data.digitalisierung || \"1\", 10);\r\n const prozesse = parseInt(data.prozesse || \"1\", 10);\r\n const einbindung = parseInt(data.einbindung || \"1\", 10);\r\n \r\n return {\r\n digi: digi <= 2 ? 'niedrig' : (digi === 3 ? 'mittel' : 'hoch'),\r\n prozesse: prozesse <= 2 ? 'niedrig' : (prozesse === 3 ? 'mittel' : 'hoch'),\r\n einbindung: einbindung <= 2 ? 'niedrig' : (einbindung === 3 ? 'mittel' : 'hoch'),\r\n strategie: data.strategie || 'keine',\r\n zentraleHR: data.zentraleHR || 'nein',\r\n kapazitaet: data.kapazitaet || 'nein',\r\n topThemen: data.topThemen || []\r\n };\r\n }\r\n\r\n \/\/ Funktion: W\u00e4hle passende Textbausteine aus\r\n function selectEmailTextbausteine(data, result) {\r\n const buckets = getDimensionBuckets(data);\r\n const selected = {\r\n kurzfazit: '',\r\n bedeutung: '',\r\n quickwinsIntro: '',\r\n ctaBridge: '',\r\n staerken: [],\r\n risiken: [],\r\n quickwins: [],\r\n topThemen: [],\r\n cta: ''\r\n};\r\n\r\n \r\n \/\/ Bestimme Kategorie\r\n let kategorie = 'potenzial';\r\n if (result.label === 'HR Champion') kategorie = 'champion';\r\n else if (result.label === 'HR im Aufbau') kategorie = 'aufbau';\r\n else if (result.label === 'HR im Wandel') kategorie = 'wandel';\r\n \r\n \/\/ Kurzfazit\r\n selected.kurzfazit = emailTextbausteine.kurzfazit[kategorie] || emailTextbausteine.kurzfazit.potenzial;\r\n \r\n selected.bedeutung = (emailTextbausteine.bedeutung && emailTextbausteine.bedeutung[kategorie])\r\n ? emailTextbausteine.bedeutung[kategorie]\r\n : '';\r\n\r\nselected.quickwinsIntro = (emailTextbausteine.quickwins_intro && emailTextbausteine.quickwins_intro[kategorie])\r\n ? emailTextbausteine.quickwins_intro[kategorie]\r\n : 'Konkrete n\u00e4chste Schritte:';\r\n\r\nselected.ctaBridge = (emailTextbausteine.cta_bridge && emailTextbausteine.cta_bridge[kategorie])\r\n ? emailTextbausteine.cta_bridge[kategorie]\r\n : '';\r\n\r\n \r\n \/\/ St\u00e4rken sammeln (max. 3) \u2013 Digitalisierung nur bei mittel\/hoch als St\u00e4rke\r\n if (buckets.digi === 'hoch') {\r\n selected.staerken.push(emailTextbausteine.digitalisierung.staerken.hoch);\r\n } else if (buckets.digi === 'mittel') {\r\n selected.staerken.push(emailTextbausteine.digitalisierung.staerken.mittel);\r\n }\r\n \/\/ niedrig -> keine \"St\u00e4rke\" (kommt als Risiko\/Quickwin ohnehin rein)\r\n \r\n if (buckets.prozesse === 'hoch') {\r\n selected.staerken.push(emailTextbausteine.prozesse.staerken.hoch);\r\n } else if (buckets.prozesse === 'mittel') {\r\n selected.staerken.push(emailTextbausteine.prozesse.staerken.mittel);\r\n }\r\n \r\n if (buckets.strategie === 'ja') {\r\n selected.staerken.push(emailTextbausteine.strategie.staerken.ja);\r\n } else if (buckets.strategie === 'in_planung') {\r\n selected.staerken.push(emailTextbausteine.strategie.staerken.in_planung);\r\n }\r\n \r\n if (buckets.zentraleHR === 'ja') {\r\n selected.staerken.push(emailTextbausteine.zentraleHR.staerken.ja);\r\n } else if (buckets.zentraleHR === 'teilweise') {\r\n selected.staerken.push(emailTextbausteine.zentraleHR.staerken.teilweise);\r\n }\r\n \r\n if (buckets.kapazitaet === 'nein') {\r\n selected.staerken.push(emailTextbausteine.kapazitaet.staerken.nein);\r\n }\r\n \r\n \/\/ St\u00e4rken auf max. 3 begrenzen\r\n selected.staerken = selected.staerken.slice(0, 3);\r\n \r\n \/\/ Risiken sammeln (max. 3, priorisiert)\r\n if (buckets.kapazitaet === 'ja') {\r\n selected.risiken.push(emailTextbausteine.kapazitaet.risiken.ja);\r\n }\r\n \r\n const topicsOhneKeine = buckets.topThemen.filter(t => t !== 'Keine konkreten Themen');\r\n if (topicsOhneKeine.length >= 5) {\r\n selected.risiken.push(emailTextbausteine.kapazitaet.risiken.viele_themen);\r\n }\r\n \r\n if (buckets.digi === 'niedrig') {\r\n selected.risiken.push(emailTextbausteine.digitalisierung.risiken.niedrig);\r\n } else if (buckets.digi === 'mittel') {\r\n selected.risiken.push(emailTextbausteine.digitalisierung.risiken.mittel);\r\n } else if (buckets.digi === 'hoch') {\r\n selected.risiken.push(emailTextbausteine.digitalisierung.risiken.hoch);\r\n }\r\n \r\n if (buckets.prozesse === 'niedrig') {\r\n selected.risiken.push(emailTextbausteine.prozesse.risiken.niedrig);\r\n } else if (buckets.prozesse === 'mittel') {\r\n selected.risiken.push(emailTextbausteine.prozesse.risiken.mittel);\r\n }\r\n \r\n if (buckets.strategie === 'keine') {\r\n selected.risiken.push(emailTextbausteine.strategie.risiken.keine);\r\n } else if (buckets.strategie === 'in_planung') {\r\n selected.risiken.push(emailTextbausteine.strategie.risiken.in_planung);\r\n }\r\n \r\n if (buckets.einbindung === 'niedrig') {\r\n selected.risiken.push(emailTextbausteine.einbindung.risiken.niedrig);\r\n } else if (buckets.einbindung === 'mittel') {\r\n selected.risiken.push(emailTextbausteine.einbindung.risiken.mittel);\r\n }\r\n \r\n if (buckets.zentraleHR === 'nein') {\r\n selected.risiken.push(emailTextbausteine.zentraleHR.risiken.nein);\r\n }\r\n \r\n \/\/ Risiken auf max. 3 begrenzen\r\n selected.risiken = selected.risiken.slice(0, 3);\r\n \r\n \/\/ Quick Wins sammeln (2-3)\r\n if (buckets.kapazitaet === 'ja') {\r\n selected.quickwins.push(emailTextbausteine.kapazitaet.quickwins.ja);\r\n }\r\n \r\n if (buckets.digi === 'niedrig' || buckets.digi === 'mittel') {\r\n selected.quickwins.push(emailTextbausteine.digitalisierung.quickwins.niedrig_mittel);\r\n } else if (buckets.digi === 'hoch') {\r\n selected.quickwins.push(emailTextbausteine.digitalisierung.quickwins.hoch);\r\n }\r\n \r\n if (buckets.prozesse === 'niedrig' || buckets.prozesse === 'mittel') {\r\n selected.quickwins.push(emailTextbausteine.prozesse.quickwins.niedrig_mittel);\r\n } else if (buckets.prozesse === 'hoch') {\r\n selected.quickwins.push(emailTextbausteine.prozesse.quickwins.hoch);\r\n }\r\n \r\n if (buckets.strategie === 'keine') {\r\n selected.quickwins.push(emailTextbausteine.strategie.quickwins.keine);\r\n } else if (buckets.strategie === 'ja' || buckets.strategie === 'in_planung') {\r\n selected.quickwins.push(emailTextbausteine.strategie.quickwins.in_planung_ja);\r\n }\r\n \r\n if (buckets.einbindung === 'niedrig' || buckets.einbindung === 'mittel') {\r\n selected.quickwins.push(emailTextbausteine.einbindung.quickwins.niedrig_mittel);\r\n }\r\n \r\n \/\/ Quick Wins auf 2-3 begrenzen\r\n selected.quickwins = selected.quickwins.slice(0, 3);\r\n \r\n \/\/ Top-Themen (max. 3) \u2013 Mapping auf die EXAKTEN Values aus Step 12\r\nconst topicMapping = {\r\n \"Recruiting \/ Talent Acquisition\": \"recruiting\",\r\n \"Retention \/ Mitarbeiterbindung\": \"retention\",\r\n \"Learning & Development\": \"weiterbildung\",\r\n \"HR-Digitalisierung\": \"hr_it\",\r\n \"Performance Management\": \"performance\",\r\n \/\/ aktuell nicht abgedeckt (optional sp\u00e4ter erg\u00e4nzen):\r\n \"F\u00fchrungskr\u00e4fteentwicklung\": null,\r\n \"Compensation & Benefits\": null,\r\n \"Andere\": null\r\n};\r\n\r\ntopicsOhneKeine.slice(0, 3).forEach(topic => {\r\n const key = topicMapping[topic];\r\n if (key && emailTextbausteine.topThemen[key]) {\r\n selected.topThemen.push(emailTextbausteine.topThemen[key]);\r\n }\r\n});\r\n\r\n \r\n \/\/ CTA\r\n selected.cta = emailTextbausteine.cta[kategorie] || emailTextbausteine.cta.potenzial;\r\n \r\n return selected;\r\n }\r\n\r\n \/\/ Funktion: Generiere E-Mail-Text (Plain-Text und HTML)\r\n function generateEmailText(data, result) {\r\n const bausteine = selectEmailTextbausteine(data, result);\r\n const betreff = emailTextbausteine.betreff[result.label === 'HR Champion' ? 'champion' : \r\n (result.label === 'HR im Aufbau' ? 'aufbau' : \r\n (result.label === 'HR im Wandel' ? 'wandel' : 'potenzial'))] || \r\n emailTextbausteine.betreff.potenzial;\r\n \r\n \/\/ Plain-Text-Version\r\n let emailText = emailTextbausteine.begruessung + '\\n\\n';\r\n emailText += '---\\n\\n';\r\n emailText += bausteine.kurzfazit + '\\n\\n';\r\n if (bausteine.bedeutung) {\r\n emailText += bausteine.bedeutung + '\\n\\n';\r\n }\r\n \r\n if (bausteine.staerken.length > 0) {\r\n emailText += 'St\u00e4rken:\\n';\r\n bausteine.staerken.forEach((s, i) => {\r\n emailText += `\u2022 ${s}\\n`;\r\n });\r\n emailText += '\\n';\r\n }\r\n \r\n if (bausteine.risiken.length > 0) {\r\n emailText += 'Ansatzpunkte:\\n';\r\n bausteine.risiken.forEach((r, i) => {\r\n emailText += `\u2022 ${r}\\n`;\r\n });\r\n emailText += '\\n';\r\n }\r\n \r\n if (bausteine.quickwins.length > 0) {\r\n emailText += (bausteine.quickwinsIntro || 'Konkrete n\u00e4chste Schritte:') + '\\n';\r\n bausteine.quickwins.forEach((q, i) => {\r\n emailText += `\u2022 ${q}\\n`;\r\n });\r\n emailText += '\\n';\r\n }\r\n \r\n if (bausteine.topThemen.length > 0) {\r\n emailText += 'Zu euren Top-Themen:\\n';\r\n bausteine.topThemen.forEach((t, i) => {\r\n emailText += `\u2022 ${t}\\n`;\r\n });\r\n emailText += '\\n';\r\n }\r\n \r\n emailText += '---\\n\\n';\r\n if (bausteine.ctaBridge) {\r\n emailText += bausteine.ctaBridge + '\\n';\r\n }\r\n emailText += bausteine.cta + '\\n\\n';\r\n emailText += emailTextbausteine.cta.generischEmail + '\\n\\n';\r\n emailText += 'Viele Gr\u00fc\u00dfe,\\n';\r\n emailText += 'Dein HR factory Team';\r\n \r\n \/\/ HTML-Version f\u00fcr HubSpot\r\n let emailHtml = '<div style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto;\">';\r\n emailHtml += '<p style=\"margin-bottom: 20px;\">' + emailTextbausteine.begruessung.replace(\/\\n\/g, '<br>') + '<\/p>';\r\n emailHtml += '<hr style=\"border: none; border-top: 1px solid #ddd; margin: 20px 0;\">';\r\n emailHtml += '<p style=\"margin-bottom: 20px;\">' + bausteine.kurzfazit + '<\/p>';\r\n if (bausteine.bedeutung) {\r\n emailHtml += '<p style=\"margin-bottom: 20px;\">' + bausteine.bedeutung + '<\/p>';\r\n }\r\n \r\n if (bausteine.staerken.length > 0) {\r\n emailHtml += '<h3 style=\"color: #047857; margin-top: 24px; margin-bottom: 12px; font-size: 18px;\">St\u00e4rken:<\/h3>';\r\n emailHtml += '<ul style=\"margin-left: 20px; margin-bottom: 20px;\">';\r\n bausteine.staerken.forEach((s, i) => {\r\n emailHtml += `<li style=\"margin-bottom: 8px;\">${s}<\/li>`;\r\n });\r\n emailHtml += '<\/ul>';\r\n }\r\n \r\n if (bausteine.risiken.length > 0) {\r\n emailHtml += '<h3 style=\"color: #dc2626; margin-top: 24px; margin-bottom: 12px; font-size: 18px;\">Ansatzpunkte:<\/h3>';\r\n emailHtml += '<ul style=\"margin-left: 20px; margin-bottom: 20px;\">';\r\n bausteine.risiken.forEach((r, i) => {\r\n emailHtml += `<li style=\"margin-bottom: 8px;\">${r}<\/li>`;\r\n });\r\n emailHtml += '<\/ul>';\r\n }\r\n \r\n if (bausteine.quickwins.length > 0) {\r\n emailHtml += '<h3 style=\"color: #667eea; margin-top: 24px; margin-bottom: 12px; font-size: 18px;\">' + (bausteine.quickwinsIntro || 'Konkrete n\u00e4chste Schritte:') + '<\/h3>';\r\n emailHtml += '<ul style=\"margin-left: 20px; margin-bottom: 20px;\">';\r\n bausteine.quickwins.forEach((q, i) => {\r\n emailHtml += `<li style=\"margin-bottom: 8px;\">${q}<\/li>`;\r\n });\r\n emailHtml += '<\/ul>';\r\n }\r\n \r\n if (bausteine.topThemen.length > 0) {\r\n emailHtml += '<h3 style=\"margin-top: 24px; margin-bottom: 12px; font-size: 18px;\">Zu euren Top-Themen:<\/h3>';\r\n emailHtml += '<ul style=\"margin-left: 20px; margin-bottom: 20px;\">';\r\n bausteine.topThemen.forEach((t, i) => {\r\n emailHtml += `<li style=\"margin-bottom: 8px;\">${t}<\/li>`;\r\n });\r\n emailHtml += '<\/ul>';\r\n }\r\n \r\n emailHtml += '<hr style=\"border: none; border-top: 1px solid #ddd; margin: 20px 0;\">';\r\n if (bausteine.ctaBridge) {\r\n emailHtml += '<p style=\"margin-bottom: 12px;\">' + bausteine.ctaBridge + '<\/p>';\r\n }\r\n emailHtml += '<p style=\"margin-bottom: 12px;\">' + bausteine.cta + '<\/p>';\r\n emailHtml += '<p style=\"margin-bottom: 20px;\">' + emailTextbausteine.cta.generischEmail + '<\/p>';\r\n emailHtml += '<p style=\"margin-top: 30px;\">Viele Gr\u00fc\u00dfe,<br>Dein HR factory Team<\/p>';\r\n emailHtml += '<\/div>';\r\n \r\n \/\/ Separate Properties f\u00fcr HubSpot (da HTML aus Properties escaped wird)\r\n \/\/ Das HTML wird im HubSpot Email-Template selbst gebaut\r\n return {\r\n betreff: betreff,\r\n text: emailText,\r\n html: emailHtml, \/\/ F\u00fcr Test-Modal behalten\r\n \/\/ Separate Properties f\u00fcr HubSpot Email-Template:\r\n begruessung: emailTextbausteine.begruessung,\r\n kurzfazit: bausteine.kurzfazit,\r\n bedeutung: bausteine.bedeutung,\r\n ctaBridge: bausteine.ctaBridge,\r\n quickwinsIntro: bausteine.quickwinsIntro,\r\n staerken: bausteine.staerken, \/\/ Array\r\n risiken: bausteine.risiken, \/\/ Array\r\n quickwins: bausteine.quickwins, \/\/ Array\r\n topThemen: bausteine.topThemen, \/\/ Array\r\n cta: bausteine.cta,\r\n ctaGenerisch: emailTextbausteine.cta.generischEmail\r\n };\r\n }\r\n\r\n \/\/ Funktion: Generiere Schnelleinsch\u00e4tzung als HTML f\u00fcr die Webseite (exakt wie E-Mail-Template)\r\n function generateWebPageAssessment(data, result) {\r\n const bausteine = selectEmailTextbausteine(data, result);\r\n \r\n let html = '<div style=\"font-family: -apple-system, BlinkMacSystemFont, \\'Segoe UI\\', Arial, sans-serif; line-height: 1.7; color: #1f2937; max-width: 600px; margin: 0 auto; background-color: #ffffff;\">';\r\n \r\n \/\/ Kurzfazit\r\n html += '<p style=\"margin: 0 0 24px 0; font-size: 16px; color: #1f2937; line-height: 1.8;\">' + bausteine.kurzfazit + '<\/p>';\r\n \r\n \/\/ Bedeutung (falls vorhanden)\r\n if (bausteine.bedeutung) {\r\n html += '<p style=\"margin: 0 0 24px 0; font-size: 16px; color: #4b5563; line-height: 1.8;\">' + bausteine.bedeutung + '<\/p>';\r\n }\r\n \r\n \/\/ St\u00e4rken\r\n if (bausteine.staerken.length > 0) {\r\n html += '<div style=\"margin: 32px 0;\">';\r\n html += '<h3 style=\"color: #1f2937; margin: 0 0 16px 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; border-left: 4px solid #667eea; padding-left: 12px; display: flex; align-items: center; gap: 8px;\"><span style=\"font-size: 20px;\">\u2713<\/span> St\u00e4rken<\/h3>';\r\n html += '<div class=\"kiquiz-bullet-list\" style=\"font-size: 15px; color: #374151;\">';\r\n bausteine.staerken.forEach((s, index) => {\r\n html += `<div class=\"kiquiz-bullet-item\" style=\"margin-bottom: 12px; line-height: 1.85;\" data-delay=\"${index * 150}\">\u2022 ${s}<\/div>`;\r\n });\r\n html += '<\/div>';\r\n html += '<\/div>';\r\n }\r\n \r\n \/\/ Ansatzpunkte (Risiken)\r\n if (bausteine.risiken.length > 0) {\r\n html += '<div style=\"margin: 32px 0;\">';\r\n html += '<h3 style=\"color: #1f2937; margin: 0 0 16px 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; border-left: 4px solid #667eea; padding-left: 12px; display: flex; align-items: center; gap: 8px;\"><span style=\"font-size: 20px;\">\u26a1<\/span> Ansatzpunkte<\/h3>';\r\n html += '<div class=\"kiquiz-bullet-list\" style=\"font-size: 15px; color: #374151;\">';\r\n const risikenStartDelay = (bausteine.staerken.length || 0) * 150 + 200;\r\n bausteine.risiken.forEach((r, index) => {\r\n html += `<div class=\"kiquiz-bullet-item\" style=\"margin-bottom: 12px; line-height: 1.85;\" data-delay=\"${risikenStartDelay + index * 150}\">\u2022 ${r}<\/div>`;\r\n });\r\n html += '<\/div>';\r\n html += '<\/div>';\r\n }\r\n \r\n \/\/ Konkrete n\u00e4chste Schritte (Quickwins)\r\n if (bausteine.quickwins.length > 0) {\r\n html += '<div style=\"margin: 32px 0;\">';\r\n html += '<h3 style=\"color: #1f2937; margin: 0 0 16px 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; border-left: 4px solid #667eea; padding-left: 12px; display: flex; align-items: center; gap: 8px;\"><span style=\"font-size: 20px;\">\ud83c\udfaf<\/span> ';\r\n html += bausteine.quickwinsIntro || 'Konkrete n\u00e4chste Schritte';\r\n html += '<\/h3>';\r\n html += '<div class=\"kiquiz-bullet-list\" style=\"font-size: 15px; color: #374151;\">';\r\n const quickwinsStartDelay = ((bausteine.staerken.length || 0) + (bausteine.risiken.length || 0)) * 150 + 400;\r\n bausteine.quickwins.forEach((q, index) => {\r\n html += `<div class=\"kiquiz-bullet-item\" style=\"margin-bottom: 12px; line-height: 1.85;\" data-delay=\"${quickwinsStartDelay + index * 150}\">\u2022 ${q}<\/div>`;\r\n });\r\n html += '<\/div>';\r\n html += '<\/div>';\r\n }\r\n \r\n \/\/ Top-Themen (wie im E-Mail-Template aktuell nicht angezeigt, aber f\u00fcr Webseite k\u00f6nnen wir es zeigen)\r\n if (bausteine.topThemen.length > 0) {\r\n html += '<div style=\"margin: 32px 0;\">';\r\n html += '<h3 style=\"color: #1f2937; margin: 0 0 16px 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; border-left: 4px solid #667eea; padding-left: 12px;\">Zu euren Top-Themen<\/h3>';\r\n html += '<div class=\"kiquiz-bullet-list\" style=\"font-size: 15px; color: #374151;\">';\r\n const topThemenStartDelay = ((bausteine.staerken.length || 0) + (bausteine.risiken.length || 0) + (bausteine.quickwins.length || 0)) * 150 + 600;\r\n bausteine.topThemen.forEach((t, index) => {\r\n html += `<div class=\"kiquiz-bullet-item\" style=\"margin-bottom: 12px; line-height: 1.85;\" data-delay=\"${topThemenStartDelay + index * 150}\">\u2022 ${t}<\/div>`;\r\n });\r\n html += '<\/div>';\r\n html += '<\/div>';\r\n }\r\n \r\n \/\/ Trennlinie vor CTA\r\n html += '<hr style=\"border: none; border-top: 2px solid #e5e7eb; margin: 32px 0;\">';\r\n \r\n \/\/ CTA Bridge (falls vorhanden)\r\n if (bausteine.ctaBridge) {\r\n html += '<p style=\"margin: 0 0 16px 0; font-size: 15px; color: #4b5563; line-height: 1.7;\">' + bausteine.ctaBridge + '<\/p>';\r\n }\r\n \r\n \/\/ CTA\r\n html += '<p style=\"margin: 0 0 20px 0; font-size: 16px; color: #1f2937; font-weight: 500; line-height: 1.7;\">' + bausteine.cta + '<\/p>';\r\n \r\n \/\/ CTA Generisch (Webseiten-Version ohne \"diese E-Mail\")\r\n html += '<p style=\"margin: 0 0 32px 0; font-size: 15px; color: #6b7280; line-height: 1.7;\">' + emailTextbausteine.cta.generisch + '<\/p>';\r\n \r\n \/\/ CTA Button zur Terminvereinbarung\r\n html += '<div style=\"margin: 32px 0; text-align: center; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; align-items: center;\">';\r\n html += '<a href=\"https:\/\/hrfactory.ee\/de\/germany\/kontakt\/\" target=\"_blank\" class=\"kiquiz-cta-button\" style=\"display: inline-block; padding: 14px 32px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #ffffff; text-decoration: none; border-radius: 10px; font-size: 16px; font-weight: 600; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); cursor: pointer;\">';\r\n html += 'Gespr\u00e4ch vereinbaren';\r\n html += '<\/a>';\r\n html += '<button type=\"button\" class=\"kiquiz-cta-secondary-button\" onclick=\"kiquizDownloadAssessmentPdf(event)\" title=\"Schnelleinsch\u00e4tzung als PDF herunterladen\" aria-label=\"Schnelleinsch\u00e4tzung als PDF herunterladen\">';\r\n html += '\u2b73';\r\n html += '<\/button>';\r\n html += '<\/div>';\r\n \r\n html += '<\/div>';\r\n \r\n return html;\r\n }\r\n\r\n \/\/ Animation f\u00fcr Prozentanzeige zum Zielwert\r\n function startPercentAnimation(targetPercent) {\r\n const scoreNumberEl = document.getElementById('kiquiz-score-number');\r\n const progressBar = document.getElementById('kiquiz-percbar');\r\n const circ = 2 * Math.PI * 48; \/\/ r=48\r\n \r\n let currentPercent = 0;\r\n const duration = 1500; \/\/ 1.5 Sekunden\r\n const startTime = Date.now();\r\n \r\n function animate() {\r\n const elapsed = Date.now() - startTime;\r\n const progress = Math.min(elapsed \/ duration, 1);\r\n \r\n \/\/ Easing-Funktion f\u00fcr sanfte Animation\r\n const easeOut = 1 - Math.pow(1 - progress, 3);\r\n \r\n currentPercent = Math.round(easeOut * targetPercent);\r\n \r\n \/\/ Aktualisiere Anzeige\r\n if (scoreNumberEl) {\r\n scoreNumberEl.textContent = currentPercent + \"%\";\r\n }\r\n \r\n \/\/ Aktualisiere Kreis-Animation\r\n if (progressBar) {\r\n const dashoffset = circ - circ * (currentPercent \/ 100);\r\n progressBar.style.strokeDashoffset = dashoffset;\r\n }\r\n \r\n \/\/ Weiter animieren bis Zielwert erreicht\r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n \/\/ Finale Werte setzen\r\n if (scoreNumberEl) {\r\n scoreNumberEl.textContent = targetPercent + \"%\";\r\n }\r\n if (progressBar) {\r\n const dashoffset = circ - circ * (targetPercent \/ 100);\r\n progressBar.style.strokeDashoffset = dashoffset;\r\n }\r\n }\r\n }\r\n \r\n animate();\r\n }\r\n \r\n \/\/ Kreis-Animation (Perzentil) - initial\r\n function animateCircle(percent) {\r\n const circ = 2 * Math.PI * 48; \/\/ r=48\r\n const progress = document.getElementById('kiquiz-percbar');\r\n let frame = 0;\r\n const maxFrame = 30;\r\n function step() {\r\n const f = frame \/ maxFrame;\r\n const val = Math.round(f * percent);\r\n const dashoffset = circ - circ * (val \/ 100);\r\n progress.style.strokeDashoffset = dashoffset;\r\n if (frame < maxFrame) {\r\n frame++;\r\n requestAnimationFrame(step);\r\n } else {\r\n progress.style.strokeDashoffset = circ - circ * (percent \/ 100);\r\n \/\/ Starte kontinuierliche Animation nach initialer Animation\r\n startPercentAnimation(percent);\r\n }\r\n }\r\n progress.style.strokeDashoffset = circ; \/\/ reset\r\n step();\r\n }\r\n \r\n function kiquizUnblurAndSubmit() {\r\n const consentCheckbox = document.getElementById('kiquiz-contact-consent');\r\n const resultText = document.getElementById('kiquiz-interim-result-text');\r\n const unblurBtn = document.getElementById('kiquiz-unblur-btn');\r\n \r\n if (!consentCheckbox || !consentCheckbox.checked) {\r\n alert(\"Bitte best\u00e4tige das Einverst\u00e4ndnis zur Kontaktaufnahme.\");\r\n return;\r\n }\r\n \r\n \/\/ Stoppe Prozent-Animation (falls vorhanden)\r\n if (percentAnimationInterval) {\r\n clearInterval(percentAnimationInterval);\r\n percentAnimationInterval = null;\r\n }\r\n \r\n \/\/ Setze finale Prozentanzeige\r\n const result = calcHrFazit(kiquizData);\r\n const scoreNumberEl = document.getElementById('kiquiz-score-number');\r\n const progressBar = document.getElementById('kiquiz-percbar');\r\n if (scoreNumberEl) {\r\n scoreNumberEl.textContent = result.percent + \"%\";\r\n }\r\n if (progressBar) {\r\n const circ = 2 * Math.PI * 48;\r\n const dashoffset = circ - circ * (result.percent \/ 100);\r\n progressBar.style.strokeDashoffset = dashoffset;\r\n }\r\n \r\n \/\/ Generiere und zeige Schnelleinsch\u00e4tzung direkt auf der Seite\r\n if (resultText) {\r\n const assessmentHtml = generateWebPageAssessment(kiquizData, result);\r\n resultText.innerHTML = assessmentHtml;\r\n \/\/ Entferne Blur-Effekt\r\n resultText.style.filter = 'none';\r\n resultText.style.webkitFilter = 'none';\r\n resultText.style.userSelect = 'text';\r\n resultText.style.pointerEvents = 'auto';\r\n \r\n \/\/ Starte Animationen f\u00fcr Stichpunkte mit sequenziellen Delays\r\n setTimeout(() => {\r\n const bulletItems = resultText.querySelectorAll('.kiquiz-bullet-item');\r\n bulletItems.forEach((item) => {\r\n const delay = parseInt(item.getAttribute('data-delay')) || 0;\r\n item.style.animationDelay = delay + 'ms';\r\n });\r\n }, 50);\r\n }\r\n \r\n \/\/ Blende Consent-Modal aus (Schnelleinsch\u00e4tzung ist jetzt sichtbar)\r\n const consentModal = document.getElementById('kiquiz-consent-modal');\r\n if (consentModal) {\r\n consentModal.style.display = 'none';\r\n }\r\n \r\n \/\/ Deaktiviere Button\r\n if (unblurBtn) {\r\n unblurBtn.disabled = true;\r\n unblurBtn.style.opacity = '0.5';\r\n unblurBtn.textContent = 'Wird gesendet...';\r\n }\r\n \r\n \/\/ Sende Formular (E-Mail-Versand)\r\n kiquizFinishDemographics();\r\n }\r\n\r\n \/\/ Formular absenden (Opt-in optional)\r\n function kiquizFinishDemographics() {\r\n const email = kiquizData.email || \"\";\r\n const errorEl = document.getElementById('kiquiz-form-error');\r\n const successEl = document.getElementById('kiquiz-form-success');\r\n\r\n \/\/ Kein E-Mail = kein Versand\r\n if (!email) {\r\n return;\r\n }\r\n\r\n const result = calcHrFazit(kiquizData);\r\n\r\n \/\/ Generiere Email-Text f\u00fcr den Nutzer\r\n const userEmail = generateEmailText(kiquizData, result);\r\n\r\nconst brancheFinal =\r\n (kiquizData.branche === 'Sonstige (bitte spezifizieren)' && kiquizData.brancheSonstige)\r\n ? `Sonstige \u2013 ${kiquizData.brancheSonstige}`\r\n : (kiquizData.branche || \"-\");\r\n\r\n\r\n const answersText = [\r\n `Branche: ${brancheFinal}`,\r\n\r\n `Unternehmensgr\u00f6\u00dfe: ${kiquizData.unternehmensgroesse || \"-\"}`,\r\n `Rolle: ${kiquizData.rolle || \"-\"}`,\r\n `Zentrale HR: ${kiquizData.zentraleHR || \"-\"}`,\r\n `HR-Teamgr\u00f6\u00dfe: ${kiquizData.hrTeamgroesse || \"-\"}`,\r\n `HR-Bereiche intern: ${(kiquizData.hrBereiche || []).join(\", \") || \"-\"}`,\r\n `Standardisierungsgrad HR-Prozesse (1\u20135): ${kiquizData.prozesse || \"-\"}`,\r\n `Digitalisierungsgrad HR (1\u20135): ${kiquizData.digitalisierung || \"-\"}`,\r\n `KI-Nutzung: ${kiquizData.kiNutzung || \"-\"}`,\r\n `HR-Strategie: ${kiquizData.strategie || \"-\"}`,\r\n `Strategische Einbindung HR (1\u20135): ${kiquizData.einbindung || \"-\"}`,\r\n `Top-Themen: ${(kiquizData.topThemen || []).join(\", \") || \"-\"}`,\r\n `Kapazit\u00e4tsengpass: ${kiquizData.kapazitaet || \"-\"}`,\r\n `Kapazit\u00e4tsdetails: ${kiquizData.kapazitaetDetails || \"-\"}`,\r\n `Kurzfazit-Kategorie: ${result.label}`,\r\n `Kurzfazit-Score (0\u2013100): ${result.percent}`\r\n ].join(\"\\n\");\r\n\r\n \/\/ HubSpot Submission API (EU) \u2013 bei Bedarf IDs anpassen\r\n \/\/ WICHTIG: Diese Submission bleibt f\u00fcr HR factory (interne Zwecke)\r\n const portalId = '26122554';\r\n const formGuid = '1a178334-7fbf-41a2-a5e7-98f82e95a27a'; \/\/ Neues Formular f\u00fcr HR Selbstcheck\r\n\r\n const unblurBtn = document.getElementById('kiquiz-unblur-btn');\r\n \r\n \/\/ 1. Sende Antworten an HubSpot (f\u00fcr HR factory)\r\n fetch(`https:\/\/api-eu1.hsforms.com\/submissions\/v3\/integration\/submit\/${portalId}\/${formGuid}`, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({\r\n fields: [\r\n { name: 'email', value: email },\r\n { name: 'hr_checkin_answers', value: answersText },\r\n \/\/ Email-Daten f\u00fcr automatischen Versand \u00fcber HubSpot-Workflow\r\n \/\/ Separate Text-Properties (HTML wird im HubSpot Template gebaut)\r\n { name: 'hr_checkin_email_betreff', value: userEmail.betreff },\r\n { name: 'hr_checkin_email_begruessung', value: userEmail.begruessung },\r\n { name: 'hr_checkin_email_kurzfazit', value: userEmail.kurzfazit },\r\n { name: 'hr_checkin_email_bedeutung', value: userEmail.bedeutung || '' },\r\n \/\/ Listenfelder: als fertiger Bullet-Text mit Zeilenumbr\u00fcchen senden (damit keine \"|||\" im Email erscheinen)\r\n { name: 'hr_checkin_email_staerken', value: (userEmail.staerken && userEmail.staerken.length) ? ('\u2022 ' + userEmail.staerken.join('\\n\u2022 ')) : '' },\r\n { name: 'hr_checkin_email_risiken', value: (userEmail.risiken && userEmail.risiken.length) ? ('\u2022 ' + userEmail.risiken.join('\\n\u2022 ')) : '' },\r\n { name: 'hr_checkin_email_quickwins_intro', value: userEmail.quickwinsIntro || '' },\r\n { name: 'hr_checkin_email_quickwins', value: (userEmail.quickwins && userEmail.quickwins.length) ? ('\u2022 ' + userEmail.quickwins.join('\\n\u2022 ')) : '' },\r\n \/\/ Top-Themen werden aktuell im Template nicht angezeigt (bewusst). Wir senden sie trotzdem optional mit.\r\n { name: 'hr_checkin_email_topthemen', value: (userEmail.topThemen && userEmail.topThemen.length) ? ('\u2022 ' + userEmail.topThemen.join('\\n\u2022 ')) : '' },\r\n { name: 'hr_checkin_email_cta_bridge', value: userEmail.ctaBridge || '' },\r\n { name: 'hr_checkin_email_cta', value: userEmail.cta },\r\n { name: 'hr_checkin_email_cta_generisch', value: userEmail.ctaGenerisch }\r\n ],\r\n context: { pageUri: window.location.href, pageName: document.title }\r\n })\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n \/\/ Email-Versand erfolgt automatisch \u00fcber HubSpot-Workflow\r\n \/\/ Separate Text-Properties wurden gesendet (HTML wird im HubSpot Template gebaut):\r\n \/\/ - hr_checkin_email_betreff: Betreff\r\n \/\/ - hr_checkin_email_begruessung, kurzfazit, staerken, risiken, quickwins, topthemen, cta, cta_generisch\r\n \/\/ Der HubSpot-Workflow versendet die Email automatisch an die Adresse im 'email'-Feld\r\n \r\n \/\/ Erfolgsmodal anzeigen und nach 3 Sekunden automatisch ausblenden\r\n const successEl = document.getElementById('kiquiz-form-success');\r\n if (successEl) {\r\n successEl.style.display = \"block\";\r\n setTimeout(() => {\r\n successEl.style.display = \"none\";\r\n }, 3000); \/\/ 3 Sekunden\r\n }\r\n \/\/ Button-Status zur\u00fccksetzen und ausblenden\r\n if (unblurBtn) {\r\n unblurBtn.disabled = false;\r\n unblurBtn.style.opacity = '1';\r\n unblurBtn.textContent = 'Erfolgreich freigeschaltet \u2713';\r\n unblurBtn.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)';\r\n unblurBtn.style.cursor = 'default';\r\n }\r\n \r\n \/\/ Consent-Modal wurde bereits in kiquizUnblurAndSubmit() ausgeblendet, wenn die Schnelleinsch\u00e4tzung angezeigt wurde\r\n } else {\r\n console.error('Fehler bei der \u00dcbermittlung:', response);\r\n \/\/ Button-Status zur\u00fccksetzen bei Fehler\r\n if (unblurBtn) {\r\n unblurBtn.disabled = false;\r\n unblurBtn.style.opacity = '1';\r\n unblurBtn.textContent = 'Jetzt Einsch\u00e4tzung freischalten & per E-Mail erhalten';\r\n unblurBtn.style.background = '';\r\n unblurBtn.style.cursor = 'pointer';\r\n }\r\n \/\/ Zeige Fehlermeldung\r\n if (errorEl) {\r\n errorEl.style.display = \"block\";\r\n errorEl.textContent = \"Es ist ein Fehler aufgetreten. Bitte versuche es erneut.\";\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n console.error('Netzwerkfehler:', error);\r\n \/\/ Button-Status zur\u00fccksetzen bei Netzwerkfehler\r\n if (unblurBtn) {\r\n unblurBtn.disabled = false;\r\n unblurBtn.style.opacity = '1';\r\n unblurBtn.textContent = 'Jetzt Einsch\u00e4tzung erhalten';\r\n unblurBtn.style.background = '';\r\n unblurBtn.style.cursor = 'pointer';\r\n }\r\n \/\/ Zeige Fehlermeldung\r\n if (errorEl) {\r\n errorEl.style.display = \"block\";\r\n errorEl.textContent = \"Netzwerkfehler. Bitte \u00fcberpr\u00fcfe deine Internetverbindung und versuche es erneut.\";\r\n }\r\n });\r\n }\r\n\r\n function kiquizNextBranche() {\r\n const sonstigeInput = document.getElementById('kiquiz-branche-sonstige');\r\n const sonstigeValue = sonstigeInput ? sonstigeInput.value.trim() : '';\r\n \r\n if (!sonstigeValue) {\r\n alert(\"Bitte gib die Branche ein.\");\r\n return;\r\n }\r\n \r\n kiquizData.branche = 'Sonstige (bitte spezifizieren)';\r\n kiquizData.brancheSonstige = sonstigeValue;\r\n kiquizShowStep(3);\r\n }\r\n\r\n \/\/ Rolle-Dropdown Handler\r\n function kiquizInitRolle() {\r\n const rolleSelect = document.getElementById('kiquiz-rolle');\r\n if (rolleSelect) {\r\n rolleSelect.addEventListener('change', (e) => {\r\n const value = e.target.value;\r\n if (value) {\r\n kiquizData.rolle = value;\r\n kiquizShowStep(5);\r\n }\r\n });\r\n }\r\n }\r\n\r\n \/\/ Branche-Dropdown Handler\r\n function kiquizInitBranche() {\r\n const brancheSelect = document.getElementById('kiquiz-branche');\r\n const sonstigeWrapper = document.getElementById('kiquiz-branche-sonstige-wrapper');\r\n const sonstigeInput = document.getElementById('kiquiz-branche-sonstige');\r\n const nextBtn = document.getElementById('kiquiz-branche-next-btn');\r\n \r\n if (brancheSelect) {\r\n brancheSelect.addEventListener('change', (e) => {\r\n const value = e.target.value;\r\n \r\n \/\/ Sonstige-Branche: Input-Feld ein-\/ausblenden\r\n if (value === 'Sonstige (bitte spezifizieren)') {\r\n if (sonstigeWrapper) {\r\n sonstigeWrapper.style.display = 'block';\r\n }\r\n if (nextBtn) {\r\n nextBtn.style.display = 'inline-block';\r\n }\r\n } else {\r\n if (sonstigeWrapper) {\r\n sonstigeWrapper.style.display = 'none';\r\n }\r\n if (nextBtn) {\r\n nextBtn.style.display = 'none';\r\n }\r\n if (sonstigeInput) {\r\n sonstigeInput.value = '';\r\n }\r\n \r\n \/\/ Wenn eine andere Branche ausgew\u00e4hlt wird, direkt weiter\r\n if (value) {\r\n kiquizData.branche = value;\r\n kiquizData.brancheSonstige = '';\r\n kiquizShowStep(3);\r\n }\r\n }\r\n });\r\n }\r\n \r\n \/\/ Enter-Taste im Sonstige-Input-Feld\r\n if (sonstigeInput) {\r\n sonstigeInput.addEventListener('keypress', (e) => {\r\n if (e.key === 'Enter') {\r\n kiquizNextBranche();\r\n }\r\n });\r\n }\r\n }\r\n\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n kiquizShowStep(1);\r\n kiquizInitCards();\r\n kiquizInitBranche();\r\n kiquizInitRolle();\r\n kiquizInitOrgSlider();\r\n kiquizInitProzesseSlider();\r\n kiquizInitDigiSlider();\r\n kiquizInitEinbindungSlider();\r\n });\r\n<\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jspdf@2.5.1\/dist\/jspdf.umd.min.js\"><\/script>\r\n<script src=\"assets\/javascript\/components\/assessmentPdfDownload.js\"><\/script>\r\n<script>\r\n \/\/ Fallback: falls externe Datei \/ CDN nicht l\u00e4dt, soll der Button trotzdem sichtbar reagieren.\r\n \/\/ (Besserer Weg: PDF-Generator komplett inline bundlen oder lokal hosten statt CDN.)\r\n if (typeof window.kiquizDownloadAssessmentPdf !== 'function') {\r\n window.kiquizDownloadAssessmentPdf = function (e) {\r\n if (e && typeof e.preventDefault === 'function') e.preventDefault();\r\n alert(\"PDF-Download ist gerade nicht verf\u00fcgbar. Tipp: Nutze im Browser Drucken \u2192 Als PDF speichern.\");\r\n try { window.print(); } catch (_) {}\r\n return false;\r\n };\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\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>HR Check-In \u2013 Kurzbefragung 0% abgeschlossen E-Mail-Adresse Bitte gib deine E-Mail-Adresse ein. Wozu gebe ich meine E-Mail-Adresse an? Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail… <a class=\"read-more\" href=\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\">Read More<\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-32909","page","type-page","status-publish","hentry","odd"],"yoast_head":"\n<title>HR Selbstcheck - HR factory<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HR Selbstcheck - HR factory\" \/>\n<meta property=\"og:description\" content=\"HR Check-In \u2013 Kurzbefragung 0% abgeschlossen E-Mail-Adresse Bitte gib deine E-Mail-Adresse ein. Wozu gebe ich meine E-Mail-Adresse an? Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail... Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\" \/>\n<meta property=\"og:site_name\" content=\"HR factory\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-16T09:35:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\",\"url\":\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\",\"name\":\"HR Selbstcheck - HR factory\",\"isPartOf\":{\"@id\":\"https:\/\/hrfactory.ee\/#website\"},\"datePublished\":\"2025-11-17T12:33:57+00:00\",\"dateModified\":\"2025-12-16T09:35:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hrfactory.ee\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HR Selbstcheck\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hrfactory.ee\/#website\",\"url\":\"https:\/\/hrfactory.ee\/\",\"name\":\"HR factory\",\"description\":\"Home of HR Experts\",\"publisher\":{\"@id\":\"https:\/\/hrfactory.ee\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hrfactory.ee\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hrfactory.ee\/#organization\",\"name\":\"HR factory\",\"url\":\"https:\/\/hrfactory.ee\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hrfactory.ee\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hrfactory.ee\/wp-content\/uploads\/2022\/11\/cropped-HR-factory-2.png\",\"contentUrl\":\"https:\/\/hrfactory.ee\/wp-content\/uploads\/2022\/11\/cropped-HR-factory-2.png\",\"width\":350,\"height\":55,\"caption\":\"HR factory\"},\"image\":{\"@id\":\"https:\/\/hrfactory.ee\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"HR Selbstcheck - HR factory","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"HR Selbstcheck - HR factory","og_description":"HR Check-In \u2013 Kurzbefragung 0% abgeschlossen E-Mail-Adresse Bitte gib deine E-Mail-Adresse ein. Wozu gebe ich meine E-Mail-Adresse an? Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail... Read More","og_url":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/","og_site_name":"HR factory","article_modified_time":"2025-12-16T09:35:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/","url":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/","name":"HR Selbstcheck - HR factory","isPartOf":{"@id":"https:\/\/hrfactory.ee\/#website"},"datePublished":"2025-11-17T12:33:57+00:00","dateModified":"2025-12-16T09:35:33+00:00","breadcrumb":{"@id":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hrfactory.ee\/en\/hr-selbstcheck\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hrfactory.ee\/"},{"@type":"ListItem","position":2,"name":"HR Selbstcheck"}]},{"@type":"WebSite","@id":"https:\/\/hrfactory.ee\/#website","url":"https:\/\/hrfactory.ee\/","name":"HR factory","description":"Home of HR Experts","publisher":{"@id":"https:\/\/hrfactory.ee\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hrfactory.ee\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hrfactory.ee\/#organization","name":"HR factory","url":"https:\/\/hrfactory.ee\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hrfactory.ee\/#\/schema\/logo\/image\/","url":"https:\/\/hrfactory.ee\/wp-content\/uploads\/2022\/11\/cropped-HR-factory-2.png","contentUrl":"https:\/\/hrfactory.ee\/wp-content\/uploads\/2022\/11\/cropped-HR-factory-2.png","width":350,"height":55,"caption":"HR factory"},"image":{"@id":"https:\/\/hrfactory.ee\/#\/schema\/logo\/image\/"}}]}},"featured_image_src":null,"featured_image_src_square":null,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mediumsquare":false,"gb-block-post-grid-landscape":false,"gb-block-post-grid-square":false,"ds-block-postgrid-landscape":false,"ds-block-postgrid-square":false},"uagb_author_info":{"display_name":"Moritz Steinbach","author_link":"https:\/\/hrfactory.ee\/en\/author\/momo\/"},"uagb_comment_info":0,"uagb_excerpt":"HR Check-In \u2013 Kurzbefragung 0% abgeschlossen E-Mail-Adresse Bitte gib deine E-Mail-Adresse ein. Wozu gebe ich meine E-Mail-Adresse an? Du erh\u00e4ltst deine individuelle Schnelleinsch\u00e4tzung direkt hier auf der Seite freigeschaltet und zus\u00e4tzlich per E-Mail... Read More","_links":{"self":[{"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/pages\/32909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/comments?post=32909"}],"version-history":[{"count":102,"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/pages\/32909\/revisions"}],"predecessor-version":[{"id":33103,"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/pages\/32909\/revisions\/33103"}],"wp:attachment":[{"href":"https:\/\/hrfactory.ee\/en\/wp-json\/wp\/v2\/media?parent=32909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}