<style id="elementor-post-1018">.elementor-1018 .elementor-element.elementor-element-967f347{--display:flex;--padding-top:3%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1018 .elementor-element.elementor-element-967f347{--padding-top:8%;--padding-bottom:8%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-1018 .elementor-element.elementor-element-967f347{--padding-top:12%;--padding-bottom:12%;--padding-left:4%;--padding-right:4%;}}</style>{"id":1018,"date":"2026-09-24T18:19:14","date_gmt":"2026-09-24T16:19:14","guid":{"rendered":"https:\/\/maconas.de\/?page_id=1018"},"modified":"2026-10-08T16:52:32","modified_gmt":"2026-10-08T14:52:32","slug":"selbst-check","status":"publish","type":"page","link":"https:\/\/maconas.de\/en\/selbst-check\/","title":{"rendered":"Selbst-Check"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1018\" class=\"elementor elementor-1018\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-967f347 e-flex e-con-boxed e-con e-parent\" data-id=\"967f347\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7baae7d elementor-widget elementor-widget-html\" data-id=\"7baae7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\r\n<title>Selbst-Check | MACONAS \u2013 Dr. Sebastian Lange<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n  --navy:      #1f3a55;\r\n  --navy2:     #2d3e50;\r\n  --gold:      #e8b84b;\r\n  --gold-bg:   #fdf6e3;\r\n  --white:     #ffffff;\r\n  --bg:        #f5f6f8;\r\n  --body:      #2e353d;\r\n  --grey:      #4a5568;\r\n  --border:    #dde1e7;\r\n  --serif:     'Playfair Display', Georgia, serif;\r\n  --sans:      'PT Sans', system-ui, sans-serif;\r\n  --max:       680px;\r\n  --radius:    6px;\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: var(--sans);\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: var(--body);\r\n  background: var(--bg);\r\n  min-height: 100vh;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.site-header {\r\n  background: var(--navy);\r\n  padding: 18px 24px;\r\n  text-align: center;\r\n}\r\n.site-header .logo {\r\n  font-family: var(--serif);\r\n  font-size: 20px;\r\n  color: var(--white);\r\n  letter-spacing: .02em;\r\n}\r\n.site-header .logo span { color: var(--gold); }\r\n.site-header .tagline {\r\n  font-family: var(--sans);\r\n  font-size: 11px;\r\n  color: rgba(255,255,255,.45);\r\n  letter-spacing: .1em;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n.card {\r\n  background: var(--white);\r\n  max-width: var(--max);\r\n  margin: 0 auto 32px;\r\n  border-radius: var(--radius);\r\n  box-shadow: 0 2px 12px rgba(0,0,0,.07);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 INTRO PANEL \u2500\u2500 *\/\r\n.intro-panel {\r\n  background: var(--navy);\r\n  padding: 40px 36px 36px;\r\n}\r\n.intro-kicker {\r\n  font-family: var(--sans);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: var(--gold);\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 14px;\r\n}\r\n.intro-panel h1 {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1.5rem, 4vw, 2rem);\r\n  color: var(--white);\r\n  line-height: 1.3;\r\n  margin-bottom: 14px;\r\n}\r\n.intro-panel p {\r\n  font-size: .97rem;\r\n  color: rgba(255,255,255,.75);\r\n  line-height: 1.75;\r\n  max-width: 520px;\r\n}\r\n.intro-meta {\r\n  display: flex;\r\n  gap: 24px;\r\n  margin-top: 24px;\r\n  flex-wrap: wrap;\r\n}\r\n.intro-meta-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: .88rem;\r\n  color: rgba(255,255,255,.6);\r\n}\r\n.intro-meta-item svg { flex-shrink: 0; }\r\n\r\n\/* \u2500\u2500 STEPS \u2500\u2500 *\/\r\n.steps-bar {\r\n  background: var(--navy2);\r\n  padding: 12px 36px;\r\n  display: flex;\r\n  gap: 6px;\r\n  align-items: center;\r\n}\r\n.step-dot {\r\n  width: 8px; height: 8px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,.2);\r\n  transition: background .25s;\r\n}\r\n.step-dot.done { background: var(--gold); }\r\n.step-dot.active { background: var(--white); width: 10px; height: 10px; }\r\n.steps-label {\r\n  margin-left: auto;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,.45);\r\n  font-family: var(--sans);\r\n}\r\n\r\n\/* \u2500\u2500 BODY \u2500\u2500 *\/\r\n.card-body { padding: 36px 36px 32px; }\r\n\r\n\/* \u2500\u2500 SCREEN: intro \u2500\u2500 *\/\r\n#screen-intro .start-btn-wrap { margin-top: 28px; }\r\n\r\n\/* \u2500\u2500 SCREEN: questions \u2500\u2500 *\/\r\n.question-block { display: none; }\r\n.question-block.visible { display: block; }\r\n\r\n.question-num {\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: var(--gold);\r\n  letter-spacing: .08em;\r\n  margin-bottom: 10px;\r\n  font-family: var(--sans);\r\n}\r\n.question-text {\r\n  font-family: var(--serif);\r\n  font-size: 1.12rem;\r\n  color: var(--navy);\r\n  line-height: 1.5;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.options {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 10px;\r\n  margin-bottom: 28px;\r\n}\r\n@media (max-width: 560px) {\r\n  .options { grid-template-columns: 1fr; }\r\n  .card-body { padding: 24px 18px 20px; }\r\n  .intro-panel { padding: 28px 18px 24px; }\r\n  .intro-panel h1 { font-size: 1.35rem; }\r\n  .intro-meta { gap: 14px; }\r\n  \/* Namensfelder untereinander auf Mobile *\/\r\n  #screen-email [style*=\"grid-template-columns:1fr 1fr\"] {\r\n    grid-template-columns: 1fr !important;\r\n  }\r\n  .field-result { margin-bottom: 12px; }\r\n  .field-header { padding: 12px 14px; gap: 10px; }\r\n  .field-body { padding: 12px 14px; }\r\n  .result-cta-box { padding: 20px 16px; }\r\n  .nav-row { gap: 8px; }\r\n  .btn-primary, .btn-navy { font-size: 14px; padding: 11px 20px; }\r\n  .steps-bar { padding: 10px 14px; gap: 4px; }\r\n}\r\n\r\n.option-btn {\r\n  background: var(--white);\r\n  border: 1.5px solid var(--border);\r\n  border-radius: var(--radius);\r\n  padding: 12px 16px;\r\n  font-family: var(--sans);\r\n  font-size: .93rem;\r\n  color: var(--body);\r\n  cursor: pointer;\r\n  text-align: left;\r\n  transition: border-color .15s, background .15s, color .15s;\r\n  line-height: 1.4;\r\n}\r\n.option-btn:hover {\r\n  border-color: var(--navy2);\r\n  background: var(--bg);\r\n  color: var(--body);\r\n}\r\n.option-btn.selected {\r\n  border-color: var(--gold);\r\n  background: var(--gold-bg);\r\n  color: var(--navy);\r\n  font-weight: 700;\r\n}\r\n\r\n.nav-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n.nav-back {\r\n  font-family: var(--sans);\r\n  font-size: .9rem;\r\n  color: var(--grey);\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n}\r\n.nav-back:hover { color: var(--navy); }\r\n\r\n\/* \u2500\u2500 SCREEN: email \u2500\u2500 *\/\r\n#screen-email h2 {\r\n  font-family: var(--serif);\r\n  font-size: 1.35rem;\r\n  color: var(--navy);\r\n  margin-bottom: 10px;\r\n}\r\n#screen-email p { font-size: .95rem; color: var(--grey); margin-bottom: 24px; line-height: 1.7; }\r\n.email-group { margin-bottom: 20px; }\r\n.email-group label {\r\n  display: block;\r\n  font-size: .88rem;\r\n  font-weight: 700;\r\n  color: var(--navy2);\r\n  margin-bottom: 6px;\r\n}\r\n.email-group input {\r\n  width: 100%;\r\n  padding: 11px 14px;\r\n  border: 1.5px solid var(--border);\r\n  border-radius: var(--radius);\r\n  font-family: var(--sans);\r\n  font-size: .97rem;\r\n  color: var(--body);\r\n  background: var(--white);\r\n  transition: border-color .15s;\r\n}\r\n.email-group input:focus { outline: none; border-color: var(--navy2); }\r\n.skip-link {\r\n  display: block;\r\n  text-align: center;\r\n  margin-top: 10px;\r\n  font-size: .88rem;\r\n  color: var(--grey);\r\n  cursor: pointer;\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n  background: none;\r\n  border: none;\r\n  font-family: var(--sans);\r\n}\r\n.skip-link:hover { color: var(--navy); }\r\n\r\n\/* \u2500\u2500 SCREEN: result \u2500\u2500 *\/\r\n#screen-result h2 {\r\n  font-family: var(--serif);\r\n  font-size: 1.5rem;\r\n  color: var(--navy);\r\n  margin-bottom: 8px;\r\n}\r\n#screen-result .result-intro {\r\n  font-size: .97rem;\r\n  color: var(--grey);\r\n  margin-bottom: 28px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.field-result {\r\n  border-radius: var(--radius);\r\n  border: 1.5px solid var(--border);\r\n  margin-bottom: 16px;\r\n  overflow: hidden;\r\n}\r\n.field-result.primary {\r\n  border-color: var(--gold);\r\n}\r\n.field-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 16px 20px;\r\n  background: var(--bg);\r\n}\r\n.field-result.primary .field-header { background: var(--gold-bg); }\r\n.field-badge {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  color: var(--white);\r\n  background: var(--navy2);\r\n  border-radius: 3px;\r\n  padding: 3px 8px;\r\n  white-space: nowrap;\r\n  font-family: var(--sans);\r\n}\r\n.field-result.primary .field-badge { background: var(--gold); color: var(--navy); }\r\n.field-name {\r\n  font-family: var(--serif);\r\n  font-size: 1rem;\r\n  color: var(--navy);\r\n  font-weight: 700;\r\n}\r\n.field-score-bar-wrap {\r\n  padding: 0 20px 4px;\r\n  background: var(--bg);\r\n}\r\n.field-result.primary .field-score-bar-wrap { background: var(--gold-bg); }\r\n.field-score-bar {\r\n  height: 5px;\r\n  background: var(--border);\r\n  border-radius: 3px;\r\n  overflow: hidden;\r\n  margin-bottom: 10px;\r\n}\r\n.field-score-fill {\r\n  height: 100%;\r\n  background: var(--navy2);\r\n  border-radius: 3px;\r\n  transition: width .6s ease;\r\n}\r\n.field-result.primary .field-score-fill { background: var(--gold); }\r\n.field-body { padding: 16px 20px; }\r\n.field-sub {\r\n  font-size: .88rem;\r\n  font-style: italic;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  font-family: var(--sans);\r\n  margin-bottom: 8px;\r\n}\r\n.field-text { font-size: .93rem; color: var(--grey); line-height: 1.7; }\r\n\r\n.result-divider {\r\n  border: none;\r\n  border-top: 1px solid var(--border);\r\n  margin: 28px 0;\r\n}\r\n\r\n.result-cta-box {\r\n  background: var(--navy);\r\n  border-radius: var(--radius);\r\n  padding: 28px 24px;\r\n  text-align: left;\r\n}\r\n.result-cta-box h3 {\r\n  font-family: var(--serif);\r\n  font-size: 1.15rem;\r\n  color: var(--white);\r\n  margin-bottom: 10px;\r\n}\r\n.result-cta-box p {\r\n  font-size: .92rem;\r\n  color: rgba(255,255,255,.7);\r\n  line-height: 1.7;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.disclaimer {\r\n  font-size: .83rem;\r\n  color: var(--grey);\r\n  line-height: 1.6;\r\n  margin-top: 24px;\r\n  padding-top: 20px;\r\n  border-top: 1px solid var(--border);\r\n}\r\n\r\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n.btn-primary {\r\n  display: inline-block;\r\n  background: var(--gold);\r\n  color: var(--navy);\r\n  font-family: var(--sans);\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  padding: 13px 28px;\r\n  border-radius: var(--radius);\r\n  border: none;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  transition: background .15s;\r\n}\r\n.btn-primary:hover { background: #d4a63c; }\r\n.btn-navy {\r\n  display: inline-block;\r\n  background: var(--navy);\r\n  color: var(--white);\r\n  font-family: var(--sans);\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  padding: 13px 28px;\r\n  border-radius: var(--radius);\r\n  border: none;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  transition: background .15s;\r\n}\r\n.btn-navy:hover { background: #162e44; }\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.site-footer {\r\n  text-align: center;\r\n  padding: 20px 24px 32px;\r\n  font-size: 12px;\r\n  color: #8a96a3;\r\n  line-height: 1.6;\r\n}\r\n.site-footer a { color: inherit; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"card\">\r\n\r\n  <!-- STEPS BAR -->\r\n  <div class=\"steps-bar\" id=\"steps-bar\">\r\n    <div class=\"step-dot active\" id=\"dot-0\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-1\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-2\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-3\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-4\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-5\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-6\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-7\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-8\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-9\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-10\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-11\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-12\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-13\"><\/div>\r\n    <div class=\"step-dot\" id=\"dot-14\"><\/div>\r\n    <span class=\"steps-label\" id=\"steps-label\">Einleitung<\/span>\r\n  <\/div>\r\n\r\n  <!-- INTRO PANEL -->\r\n  <div class=\"intro-panel\">\r\n    <div class=\"intro-kicker\">Standortbestimmung<\/div>\r\n    <h1>Wo steht Ihre Organisation?<\/h1>\r\n    <p>15 Aussagen. Keine richtigen oder falschen Antworten. In wenigen Minuten sehen Sie, in welchem der drei Felder bei Ihnen der gr\u00f6\u00dfte Handlungsbedarf liegt \u2013 als sachliche Einsch\u00e4tzung, ohne Verkaufsdruck.<\/p>\r\n    <div class=\"intro-meta\">\r\n      <div class=\"intro-meta-item\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"6\" stroke=\"rgba(255,255,255,.45)\" stroke-width=\"1.5\"\/><path d=\"M7 4v3.5l2 1.5\" stroke=\"rgba(255,255,255,.45)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n        Ca. 5 Minuten\r\n      <\/div>\r\n      <div class=\"intro-meta-item\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1\" y=\"3\" width=\"12\" height=\"9\" rx=\"1.5\" stroke=\"rgba(255,255,255,.45)\" stroke-width=\"1.5\"\/><path d=\"M1 6h12\" stroke=\"rgba(255,255,255,.45)\" stroke-width=\"1.5\"\/><\/svg>\r\n        15 Aussagen\r\n      <\/div>\r\n      <div class=\"intro-meta-item\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 1l1.5 3 3.5.5-2.5 2.5.5 3.5L7 9l-3 1.5.5-3.5L2 4.5l3.5-.5z\" stroke=\"rgba(255,255,255,.45)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><\/svg>\r\n        Sofortiges Ergebnis\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARD BODY -->\r\n  <div class=\"card-body\">\r\n\r\n    <!-- SCREEN: INTRO -->\r\n    <div id=\"screen-intro\">\r\n      <p style=\"color:var(--grey);font-size:.97rem;line-height:1.75;margin-bottom:8px;\">Bewerten Sie jede Aussage danach, wie sehr sie auf Ihre Organisation zutrifft. Die Auswertung zeigt Ihnen am Ende, welche der drei Bereiche \u2013 Strukturelle Resilienz, Verantwortungsarchitektur oder F\u00fchrung & Rollen \u2013 aktuell den gr\u00f6\u00dften Handlungsbedarf hat.<\/p>\r\n      <p style=\"color:var(--grey);font-size:.9rem;line-height:1.7;margin-bottom:28px;\">Alle Antworten bleiben bei Ihnen. Es gibt kein Richtig oder Falsch \u2013 und ein \u201eWei\u00df ich nicht\" ist selbst eine aufschlussreiche Antwort.<\/p>\r\n      <div class=\"start-btn-wrap\">\r\n        <button class=\"btn-primary\" onclick=\"startCheck()\">Jetzt starten<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SCREEN: QUESTIONS -->\r\n    <div id=\"screen-questions\" style=\"display:none;\">\r\n\r\n      <!-- BLOCK 1\u20135: Strukturelle Resilienz -->\r\n      <div class=\"question-block\" id=\"q0\">\r\n        <div class=\"question-num\">Frage 1 von 15<\/div>\r\n        <div class=\"question-text\">Wenn eine Schl\u00fcsselperson l\u00e4nger ausf\u00e4llt, entstehen bei uns sp\u00fcrbare operative Engp\u00e4sse.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(0,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(0,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(0,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(0,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><span><\/span><button class=\"btn-navy\" onclick=\"nextQ(0)\" id=\"next-0\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q1\">\r\n        <div class=\"question-num\">Frage 2 von 15<\/div>\r\n        <div class=\"question-text\">Unsere Risiken sind bekannt, werden aber nicht systematisch bewertet und reduziert.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(1,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(1,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(1,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(1,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(1)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(1)\" id=\"next-1\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q2\">\r\n        <div class=\"question-num\">Frage 3 von 15<\/div>\r\n        <div class=\"question-text\">Notfall- und Wiederanlaufpl\u00e4ne existieren bei uns \u2013 aber sie sind nicht ge\u00fcbt oder nicht aktuell.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(2,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(2,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(2,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(2,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(2)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(2)\" id=\"next-2\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q3\">\r\n        <div class=\"question-num\">Frage 4 von 15<\/div>\r\n        <div class=\"question-text\">Informationssicherheit ist bei uns begonnen, aber noch kein wirksames System mit klaren Verantwortlichkeiten.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(3,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(3,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(3,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(3,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(3)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(3)\" id=\"next-3\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q4\">\r\n        <div class=\"question-num\">Frage 5 von 15<\/div>\r\n        <div class=\"question-text\">Bei einem gr\u00f6\u00dferen Ausfall \u2013 IT, Lieferant, Personal \u2013 w\u00fcssten wir nicht sofort, wer was zu tun hat.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(4,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(4,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(4,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(4,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(4)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(4)\" id=\"next-4\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <!-- BLOCK 6\u201310: Verantwortungsarchitektur -->\r\n      <div class=\"question-block\" id=\"q5\">\r\n        <div class=\"question-num\">Frage 6 von 15<\/div>\r\n        <div class=\"question-text\">Entscheidungen dauern bei uns zu lange oder bleiben in Abstimmungsschleifen h\u00e4ngen.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(5,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(5,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(5,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(5,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(5)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(5)\" id=\"next-5\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q6\">\r\n        <div class=\"question-num\">Frage 7 von 15<\/div>\r\n        <div class=\"question-text\">Verantwortung wird bei uns informell nach oben geschoben \u2013 auch wenn sie eigentlich klar geregelt sein sollte.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(6,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(6,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(6,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(6,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(6)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(6)\" id=\"next-6\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q7\">\r\n        <div class=\"question-num\">Frage 8 von 15<\/div>\r\n        <div class=\"question-text\">Rollen sind formal benannt \u2013 aber es ist nicht durchg\u00e4ngig klar, wer bis zu welcher Grenze selbst entscheiden darf.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(7,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(7,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(7,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(7,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(7)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(7)\" id=\"next-7\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q8\">\r\n        <div class=\"question-num\">Frage 9 von 15<\/div>\r\n        <div class=\"question-text\">Eskalationen laufen bei uns uneinheitlich oder zu sp\u00e4t \u2013 je nachdem, wer gerade da ist.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(8,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(8,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(8,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(8,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(8)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(8)\" id=\"next-8\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q9\">\r\n        <div class=\"question-num\">Frage 10 von 15<\/div>\r\n        <div class=\"question-text\">Compliance- oder regulatorische Anforderungen sind vorhanden, aber organisatorisch nicht sauber verankert.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(9,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(9,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(9,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(9,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(9)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(9)\" id=\"next-9\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <!-- BLOCK 11\u201315: F\u00fchrung & Rollen -->\r\n      <div class=\"question-block\" id=\"q10\">\r\n        <div class=\"question-num\">Frage 11 von 15<\/div>\r\n        <div class=\"question-text\">Unsere F\u00fchrungskr\u00e4fte steuern zu viel operativ nach \u2013 statt sich auf Steuerung und Entwicklung zu konzentrieren.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(10,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(10,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(10,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(10,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(10)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(10)\" id=\"next-10\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q11\">\r\n        <div class=\"question-num\">Frage 12 von 15<\/div>\r\n        <div class=\"question-text\">Rollen \u00fcberschneiden sich oder sind im Alltag nicht klar abgegrenzt \u2013 Reibung ist die Folge.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(11,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(11,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(11,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(11,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(11)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(11)\" id=\"next-11\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q12\">\r\n        <div class=\"question-num\">Frage 13 von 15<\/div>\r\n        <div class=\"question-text\">\u00dcbergaben zwischen Personen oder Bereichen funktionieren nicht zuverl\u00e4ssig \u2013 Dinge fallen durch.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(12,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(12,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(12,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(12,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(12)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(12)\" id=\"next-12\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q13\">\r\n        <div class=\"question-num\">Frage 14 von 15<\/div>\r\n        <div class=\"question-text\">Zusammenarbeit h\u00e4ngt bei uns stark von informellen Absprachen einzelner Personen ab.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(13,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(13,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(13,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(13,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(13)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(13)\" id=\"next-13\" disabled>Weiter<\/button><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question-block\" id=\"q14\">\r\n        <div class=\"question-num\">Frage 15 von 15<\/div>\r\n        <div class=\"question-text\">Einzelne Personen gleichen dauerhaft strukturelle Schw\u00e4chen aus \u2013 die Organisation ist von ihnen abh\u00e4ngig.<\/div>\r\n        <div class=\"options\">\r\n          <button class=\"option-btn\" onclick=\"answer(14,3)\">Trifft zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(14,2)\">Trifft teilweise zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(14,1)\">Trifft nicht zu<\/button>\r\n          <button class=\"option-btn\" onclick=\"answer(14,0)\">Wei\u00df ich nicht<\/button>\r\n        <\/div>\r\n        <div class=\"nav-row\"><button class=\"nav-back\" onclick=\"prevQ(14)\">\u2190 Zur\u00fcck<\/button><button class=\"btn-navy\" onclick=\"nextQ(14)\" id=\"next-14\" disabled>Zur Auswertung<\/button><\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/screen-questions -->\r\n\r\n    <!-- SCREEN: EMAIL -->\r\n    <div id=\"screen-email\" style=\"display:none;\">\r\n      <h2>Ihre Auswertung ist bereit.<\/h2>\r\n      <p style=\"font-size:.95rem;color:var(--grey);line-height:1.75;margin-bottom:20px;\">Sie sehen das Ergebnis sofort auf dieser Seite. Wenn Sie m\u00f6chten, schicke ich Ihnen die Auswertung zus\u00e4tzlich als strukturiertes Einsch\u00e4tzungs-PDF \u2013 mit konkreten Hinweisen zu Ihrem Ergebnis. Keine Automatisierung, keine Werbemails. Nur das PDF, direkt von mir.<\/p>\r\n      <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0;\">\r\n        <div class=\"email-group\" style=\"margin-bottom:0;\">\r\n          <label for=\"vorname-input\">Vorname (optional)<\/label>\r\n          <input type=\"text\" id=\"vorname-input\" placeholder=\"Vorname\" autocomplete=\"given-name\">\r\n        <\/div>\r\n        <div class=\"email-group\" style=\"margin-bottom:0;\">\r\n          <label for=\"nachname-input\">Nachname (optional)<\/label>\r\n          <input type=\"text\" id=\"nachname-input\" placeholder=\"Nachname\" autocomplete=\"family-name\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"email-group\">\r\n        <label for=\"org-input\">Organisation \/ Unternehmen (optional)<\/label>\r\n        <input type=\"text\" id=\"org-input\" placeholder=\"Ihr Unternehmen\" autocomplete=\"organization\">\r\n      <\/div>\r\n      <div class=\"email-group\">\r\n        <label for=\"email-input\">E-Mail-Adresse (optional)<\/label>\r\n        <input type=\"email\" id=\"email-input\" placeholder=\"ihre@email.de\" autocomplete=\"email\">\r\n      <\/div>\r\n      <div style=\"margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;\">\r\n        <input type=\"checkbox\" id=\"newsletter-check\" style=\"margin-top:4px;width:16px;height:16px;accent-color:var(--gold);flex-shrink:0;\">\r\n        <label for=\"newsletter-check\" style=\"font-size:.88rem;color:var(--grey);line-height:1.6;cursor:pointer;\">Ja, ich m\u00f6chte einmal im Quartal wertvolle Informationen und aktuelle Trends rund um Resilienz, F\u00fchrung und Organisationsentwicklung erhalten.<\/label>\r\n      <\/div>\r\n      <p style=\"font-size:.78rem;color:#8a96a3;line-height:1.6;margin-bottom:22px;\">Mit dem Absenden stimmen Sie der Verarbeitung Ihrer Daten gem\u00e4\u00df unserer <a href=\"https:\/\/maconas.de\/datenschutz\/\" style=\"color:var(--gold);\" target=\"_blank\">Datenschutzerkl\u00e4rung<\/a> zu. Die Newsletter-Einwilligung ist freiwillig und jederzeit widerrufbar.<\/p>\r\n      <button class=\"btn-primary\" onclick=\"submitEmail()\">Ergebnis anzeigen<\/button>\r\n      <button class=\"skip-link\" onclick=\"showResult()\">Ohne E-Mail weiter<\/button>\r\n    <\/div>\r\n\r\n    <!-- SCREEN: RESULT -->\r\n    <div id=\"screen-result\" style=\"display:none;\">\r\n      <h2>Ihre Einsch\u00e4tzung<\/h2>\r\n      <p class=\"result-intro\" id=\"result-intro\"><\/p>\r\n      <div id=\"result-fields\"><\/div>\r\n      <hr class=\"result-divider\">\r\n      <div class=\"result-cta-box\">\r\n        <h3>M\u00f6chten Sie das vertiefen?<\/h3>\r\n        <p>Die Einsch\u00e4tzung zeigt, wo Handlungsbedarf besteht \u2013 was dahintersteckt und wie man es angeht, kl\u00e4ren wir am besten im Gespr\u00e4ch. Ohne Verkaufsdruck, ohne Vorlauf.<\/p>\r\n        <a href=\"https:\/\/maconas.de\/kontakt\/\" class=\"btn-primary\">Gespr\u00e4ch anfragen<\/a>\r\n      <\/div>\r\n      <p class=\"disclaimer\">Diese Einsch\u00e4tzung basiert auf Ihren eigenen Antworten und ist keine externe Bewertung Ihrer Organisation. Sie dient als strukturierte Orientierungshilfe, nicht als Diagnose. Dr. Sebastian Lange, MACONAS Consulting GmbH.<\/p>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/card-body -->\r\n<\/div><!-- \/card -->\r\n\r\n<script>\r\n\/\/ \u2500\u2500 DATEN \u2500\u2500\r\nconst FIELDS = ['resilienz','verantwortung','fuehrung'];\r\nconst FIELD_NAMES = {\r\n  resilienz:     'Strukturelle Resilienz',\r\n  verantwortung: 'Verantwortungsarchitektur',\r\n  fuehrung:      'F\u00fchrung & Rollenarchitektur'\r\n};\r\nconst FIELD_SUBS = {\r\n  resilienz:     'Widerstandsf\u00e4hig bleiben, wenn etwas ausf\u00e4llt.',\r\n  verantwortung: 'Klar geregelt, wer was entscheiden darf.',\r\n  fuehrung:      'F\u00fchrung, die steuert \u2013 statt nachzuarbeiten.'\r\n};\r\n\/\/ q0-q4 \u2192 resilienz, q5-q9 \u2192 verantwortung, q10-q14 \u2192 fuehrung\r\nconst Q_FIELD = [\r\n  'resilienz','resilienz','resilienz','resilienz','resilienz',\r\n  'verantwortung','verantwortung','verantwortung','verantwortung','verantwortung',\r\n  'fuehrung','fuehrung','fuehrung','fuehrung','fuehrung'\r\n];\r\n\r\nconst RESULT_TEXTS = {\r\n  resilienz: {\r\n    high: 'Ihre Organisation hat in der Einsch\u00e4tzung deutliche Hinweise auf L\u00fccken in der strukturellen Widerstandsf\u00e4higkeit gezeigt. Schl\u00fcsselpersonenabh\u00e4ngigkeiten, unge\u00fcbte Notfallpl\u00e4ne oder fehlende Informationssicherheitsstrukturen sind typische Ausgangspunkte \u2013 und l\u00f6sbar. Der erste Schritt ist meist ein strukturiertes Lagebild, das zeigt, wo die gr\u00f6\u00dfte Verletzlichkeit liegt.',\r\n    mid:  'In einigen Bereichen der strukturellen Resilienz besteht Handlungsbedarf, in anderen sind Sie gut aufgestellt. Es lohnt sich, die offenen Punkte gezielt zu priorisieren, bevor sie im Wachstum oder bei St\u00f6rungen sp\u00fcrbar werden.',\r\n    low:  'Ihre Antworten deuten darauf hin, dass Sie in der strukturellen Resilienz bereits solide aufgestellt sind. Gleichwohl lohnt es sich, diesen Bereich regelm\u00e4\u00dfig zu \u00fcberpr\u00fcfen \u2013 gerade wenn sich die Organisation ver\u00e4ndert.'\r\n  },\r\n  verantwortung: {\r\n    high: 'Die Einsch\u00e4tzung zeigt klare Hinweise darauf, dass Entscheidungswege, Mandate und Verantwortlichkeiten in Ihrer Organisation nicht durchg\u00e4ngig klar geregelt sind. Das kostet t\u00e4glich Zeit und Energie \u2013 und wird mit Wachstum nicht besser von selbst. Rollen- und Mandatsklarheit ist der h\u00e4ufig untersch\u00e4tzte Hebel f\u00fcr schnellere, verl\u00e4sslichere Entscheidungen.',\r\n    mid:  'Teile der Verantwortungsarchitektur funktionieren \u2013 andere erzeugen noch Reibung. Oft liegt es an wenigen, aber zentralen Stellen: Eskalationswege, Freigabegrenzen oder der Umgang mit Compliance-Anforderungen.',\r\n    low:  'Ihre Verantwortungsstrukturen scheinen gut durchdacht. Das ist eine gute Grundlage \u2013 wichtig ist, sie mit dem Wachstum mitzuentwickeln.'\r\n  },\r\n  fuehrung: {\r\n    high: 'Die Einsch\u00e4tzung deutet darauf hin, dass F\u00fchrung in Ihrer Organisation zu viel kompensieren muss: f\u00fcr unklare Rollen, fehlende Routinen oder schwache Schnittstellen. Das ist kein F\u00fchrungsversagen \u2013 es ist ein Strukturproblem. Und es hat konkrete L\u00f6sungen.',\r\n    mid:  'Einige F\u00fchrungs- und Rollenstrukturen funktionieren gut, andere erzeugen Reibung oder \u00dcberlastung. \u00dcbergaben, Schnittstellen oder wiederkehrende Abstimmungsschleifen sind h\u00e4ufige Ansatzpunkte.',\r\n    low:  'Ihre F\u00fchrungs- und Rollenstrukturen sind offenbar gut im Griff. Behalten Sie das im Blick, wenn sich Teams oder Verantwortungsbereiche ver\u00e4ndern.'\r\n  }\r\n};\r\n\r\n\/\/ \u2500\u2500 STATE \u2500\u2500\r\nlet scores = {resilienz:0, verantwortung:0, fuehrung:0};\r\nlet answers = new Array(15).fill(null);\r\nlet currentQ = 0;\r\n\r\n\/\/ \u2500\u2500 FUNCTIONS \u2500\u2500\r\nfunction startCheck() {\r\n  document.getElementById('screen-intro').style.display = 'none';\r\n  document.getElementById('screen-questions').style.display = 'block';\r\n  updateDots(-1);\r\n  showQ(0);\r\n}\r\n\r\nfunction showQ(n) {\r\n  document.querySelectorAll('.question-block').forEach(b => b.classList.remove('visible'));\r\n  document.getElementById('q' + n).classList.add('visible');\r\n  currentQ = n;\r\n  updateDots(n);\r\n  \/\/ restore selection if came back\r\n  if (answers[n] !== null) {\r\n    const btns = document.querySelectorAll('#q' + n + ' .option-btn');\r\n    const vals = [3,2,1,0];\r\n    btns.forEach((b,i) => {\r\n      b.classList.toggle('selected', vals[i] === answers[n]);\r\n    });\r\n    document.getElementById('next-' + n).disabled = false;\r\n  }\r\n  window.scrollTo({top: document.querySelector('.steps-bar').offsetTop - 8, behavior: 'smooth'});\r\n}\r\n\r\nfunction answer(qIdx, val) {\r\n  answers[qIdx] = val;\r\n  const btns = document.querySelectorAll('#q' + qIdx + ' .option-btn');\r\n  const vals = [3,2,1,0];\r\n  btns.forEach((b,i) => b.classList.toggle('selected', vals[i] === val));\r\n  document.getElementById('next-' + qIdx).disabled = false;\r\n}\r\n\r\nfunction nextQ(n) {\r\n  if (answers[n] === null) return;\r\n  if (n < 14) {\r\n    showQ(n + 1);\r\n  } else {\r\n    calcScores();\r\n    document.getElementById('screen-questions').style.display = 'none';\r\n    document.getElementById('screen-email').style.display = 'block';\r\n    updateDots(15);\r\n    document.getElementById('steps-label').textContent = 'Fast fertig';\r\n    window.scrollTo(0,0);\r\n  }\r\n}\r\n\r\nfunction prevQ(n) {\r\n  if (n > 0) showQ(n - 1);\r\n}\r\n\r\nfunction calcScores() {\r\n  scores = {resilienz:0, verantwortung:0, fuehrung:0};\r\n  answers.forEach((val, i) => {\r\n    if (val !== null) scores[Q_FIELD[i]] += val;\r\n  });\r\n}\r\n\r\nfunction updateDots(active) {\r\n  for (let i = 0; i < 15; i++) {\r\n    const d = document.getElementById('dot-' + i);\r\n    if (!d) continue;\r\n    d.className = 'step-dot';\r\n    if (i < active) d.classList.add('done');\r\n    else if (i === active) d.classList.add('active');\r\n  }\r\n  if (active >= 0 && active < 15)\r\n    document.getElementById('steps-label').textContent = 'Frage ' + (active+1) + ' \/ 15';\r\n}\r\n\r\n\r\n\r\n\r\n\r\nfunction submitEmail() {\r\n  const email = document.getElementById('email-input').value.trim();\r\n  const newsletter = document.getElementById('newsletter-check').checked;\r\n  const vorname  = document.getElementById('vorname-input').value.trim();\r\n  const nachname = document.getElementById('nachname-input').value.trim();\r\n  const org      = document.getElementById('org-input').value.trim();\r\n\r\n  \/\/ Ergebnis sofort zeigen\r\n  showResult();\r\n\r\n  \/\/ Wenn E-Mail angegeben: an WordPress\/Brevo senden\r\n  if (email) {\r\n    const sorted = FIELDS.slice().sort((a,b) => scores[b] - scores[a]);\r\n    const topField = FIELD_NAMES[sorted[0]];\r\n    const scoresStr = FIELDS.map(f => FIELD_NAMES[f] + ': ' + scores[f]).join(' | ');\r\n\r\n    const data = new FormData();\r\n    data.append('action',     'maconas_selbstcheck');\r\n    data.append('nonce',      window.maconasNonce || '');\r\n    data.append('email',      email);\r\n    data.append('vorname',    vorname);\r\n    data.append('nachname',   nachname);\r\n    data.append('org',        org);\r\n    data.append('newsletter', newsletter ? '1' : '0');\r\n    data.append('scores',     scoresStr);\r\n    data.append('top_field',  topField);\r\n\r\n    fetch('\/wp-admin\/admin-ajax.php', {\r\n      method: 'POST',\r\n      body: data,\r\n      credentials: 'same-origin'\r\n    })\r\n    .then(r => r.json())\r\n    .then(d => console.log('Brevo:', d))\r\n    .catch(e => console.warn('Fehler:', e));\r\n  }\r\n}\r\n\r\nfunction showResult() {\r\n  document.getElementById('screen-email').style.display = 'none';\r\n  document.getElementById('screen-result').style.display = 'block';\r\n  document.getElementById('steps-label').textContent = 'Ergebnis';\r\n  window.scrollTo(0,0);\r\n\r\n  \/\/ Sort fields by score desc\r\n  const sorted = FIELDS.slice().sort((a,b) => scores[b] - scores[a]);\r\n  const maxScore = 15; \/\/ 5 questions \u00d7 3 max\r\n\r\n  \/\/ Intro text\r\n  const topField = FIELD_NAMES[sorted[0]];\r\n  document.getElementById('result-intro').textContent =\r\n    'Auf Basis Ihrer Antworten zeigt sich der deutlichste Handlungsbedarf im Bereich \u201e' + topField + '\". Die folgende \u00dcbersicht gibt Ihnen eine Einsch\u00e4tzung f\u00fcr alle drei Felder.';\r\n\r\n  \/\/ Build field results\r\n  const container = document.getElementById('result-fields');\r\n  container.innerHTML = '';\r\n  sorted.forEach((field, rank) => {\r\n    const pct = Math.round((scores[field] \/ maxScore) * 100);\r\n    const level = pct >= 55 ? 'high' : pct >= 25 ? 'mid' : 'low';\r\n    const badgeText = rank === 0 ? 'Gr\u00f6\u00dfter Handlungsbedarf' : rank === 1 ? 'Mittlerer Handlungsbedarf' : 'Geringer Handlungsbedarf';\r\n\r\n    const div = document.createElement('div');\r\n    div.className = 'field-result' + (rank === 0 ? ' primary' : '');\r\n    div.innerHTML = `\r\n      <div class=\"field-header\">\r\n        <span class=\"field-badge\">${badgeText}<\/span>\r\n        <span class=\"field-name\">${FIELD_NAMES[field]}<\/span>\r\n      <\/div>\r\n      <div class=\"field-score-bar-wrap\">\r\n        <div class=\"field-score-bar\">\r\n          <div class=\"field-score-fill\" style=\"width:0%\" data-pct=\"${pct}\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field-body\">\r\n        <div class=\"field-sub\">${FIELD_SUBS[field]}<\/div>\r\n        <p class=\"field-text\">${RESULT_TEXTS[field][level]}<\/p>\r\n      <\/div>`;\r\n    container.appendChild(div);\r\n  });\r\n\r\n  \/\/ Animate bars\r\n  requestAnimationFrame(() => {\r\n    requestAnimationFrame(() => {\r\n      document.querySelectorAll('.field-score-fill').forEach(el => {\r\n        el.style.width = el.dataset.pct + '%';\r\n      });\r\n    });\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>Selbst-Check | MACONAS \u2013 Dr. Sebastian Lange Einleitung Standortbestimmung Wo steht Ihre Organisation? 15 Aussagen. Keine richtigen oder falschen Antworten. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"wp_typography_post_enhancements_disabled":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1018","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maconas.de\/en\/wp-json\/wp\/v2\/pages\/1018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maconas.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maconas.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maconas.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maconas.de\/en\/wp-json\/wp\/v2\/comments?post=1018"}],"version-history":[{"count":10,"href":"https:\/\/maconas.de\/en\/wp-json\/wp\/v2\/pages\/1018\/revisions"}],"predecessor-version":[{"id":1544,"href":"https:\/\/maconas.de\/en\/wp-json\/wp\/v2\/pages\/1018\/revisions\/1544"}],"wp:attachment":[{"href":"https:\/\/maconas.de\/en\/wp-json\/wp\/v2\/media?parent=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}