<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="COPSOQ-basierter Selbstcheck mit persönlicher Auswertung und drei konkreten Ansatzpunkten zur Stressreduktion." />
<title>Klar im Kopf | COPSOQ-Transfer</title>
<style>
:root {
--navy: #153b5b;
--blue: #2776a8;
--teal: #1b8a86;
--orange: #de7a18;
--ink: #1f2b35;
--muted: #65717b;
--bg: #f5f8fa;
--card: #ffffff;
--line: #dce5ea;
--soft-blue: #eaf3f8;
--soft-teal: #e9f5f3;
--soft-orange: #fff2e5;
--shadow: 0 14px 40px rgba(21, 59, 91, 0.09);
--radius: 22px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: var(--ink);
background: var(--bg);
line-height: 1.55;
}
button, input { font: inherit; }
a { color: var(--blue); }
.wrap { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
header {
position: sticky;
top: 0;
z-index: 20;
backdrop-filter: blur(16px);
background: rgba(255,255,255,.88);
border-bottom: 1px solid rgba(220,229,234,.85);
}
.nav {
min-height: 72px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.brand {
display: flex;
align-items: center;
gap: 12px;
font-weight: 800;
color: var(--navy);
letter-spacing: -.02em;
}
.brand-mark {
width: 38px;
height: 38px;
border-radius: 12px;
display: grid;
place-items: center;
background: linear-gradient(135deg, var(--navy), var(--teal));
color: white;
font-weight: 900;
}
.nav-note { color: var(--muted); font-size: .92rem; }
.hero {
padding: 76px 0 56px;
background:
radial-gradient(circle at 90% 15%, rgba(27,138,134,.13), transparent 27%),
radial-gradient(circle at 10% 5%, rgba(39,118,168,.14), transparent 30%),
linear-gradient(180deg, #fff, #f5f8fa);
}
.hero-grid {
display: grid;
grid-template-columns: 1.18fr .82fr;
gap: 48px;
align-items: center;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 12px;
border-radius: 999px;
background: var(--soft-teal);
color: #116d69;
font-size: .84rem;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
}
h1 {
margin: 20px 0 18px;
font-size: clamp(2.35rem, 5vw, 4.7rem);
line-height: 1.03;
color: var(--navy);
letter-spacing: -.045em;
}
.lead {
max-width: 740px;
font-size: clamp(1.08rem, 1.8vw, 1.28rem);
color: #41505c;
}
.cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.btn {
border: 0;
border-radius: 13px;
padding: 14px 19px;
cursor: pointer;
font-weight: 800;
transition: transform .15s ease, box-shadow .15s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--navy); color: #fff; box-shadow: 0 10px 24px rgba(21,59,91,.2); }
.btn-secondary { background: white; color: var(--navy); border: 1px solid var(--line); }
.micro { margin-top: 15px; color: var(--muted); font-size: .92rem; }
.model-card {
background: white;
border: 1px solid var(--line);
box-shadow: var(--shadow);
border-radius: 28px;
padding: 24px;
}
.model-step {
display: grid;
grid-template-columns: 46px 1fr;
gap: 14px;
padding: 16px;
border-radius: 18px;
}
.model-step + .model-step { margin-top: 10px; }
.model-step:nth-child(1) { background: var(--soft-blue); }
.model-step:nth-child(2) { background: var(--soft-teal); }
.model-step:nth-child(3) { background: var(--soft-orange); }
.step-no {
width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
color: white; font-weight: 900; background: var(--navy);
}
.model-step:nth-child(2) .step-no { background: var(--teal); }
.model-step:nth-child(3) .step-no { background: var(--orange); }
.model-step h3 { margin: 0 0 4px; font-size: 1rem; color: var(--navy); }
.model-step p { margin: 0; color: #50606c; font-size: .93rem; }
.section { padding: 70px 0; }
.section-title { max-width: 760px; margin-bottom: 30px; }
.section-title h2 { margin: 0 0 10px; font-size: clamp(1.8rem, 3.4vw, 3rem); color: var(--navy); letter-spacing: -.03em; }
.section-title p { margin: 0; color: var(--muted); font-size: 1.05rem; }
.cards-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.info-card {
background: white; border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: 0 8px 26px rgba(21,59,91,.05);
}
.info-card .icon { font-size: 1.6rem; margin-bottom: 10px; }
.info-card h3 { margin: 0 0 8px; color: var(--navy); }
.info-card p { margin: 0; color: var(--muted); }
#testArea { scroll-margin-top: 90px; }
.test-shell {
background: white;
border: 1px solid var(--line);
border-radius: 28px;
box-shadow: var(--shadow);
overflow: hidden;
}
.test-head { padding: 22px 26px; border-bottom: 1px solid var(--line); background: #fbfdfe; }
.progress-top { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.progress-label { font-weight: 800; color: var(--navy); }
.progress-text { color: var(--muted); font-size: .92rem; }
.progress-track { height: 9px; background: #e8eef2; border-radius: 99px; overflow: hidden; margin-top: 12px; }
.progress-fill { height: 100%; width: 0%; background: linear-gradient(90deg, var(--blue), var(--teal)); transition: width .25s ease; }
.test-body { padding: 28px; }
.intro-box { background: var(--soft-blue); border-radius: 18px; padding: 20px; color: #385263; }
.intro-box h3 { margin: 0 0 8px; color: var(--navy); }
.consent { display: flex; gap: 10px; align-items: flex-start; margin: 20px 0; }
.consent input { margin-top: 5px; width: 18px; height: 18px; }
.question-card { display: none; }
.question-card.active { display: block; }
.question-meta { color: var(--teal); font-weight: 800; font-size: .9rem; text-transform: uppercase; letter-spacing: .05em; }
.question-text { font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1.25; color: var(--navy); margin: 12px 0 24px; }
.answers { display: grid; gap: 10px; }
.answer {
display: flex; align-items: center; gap: 12px; padding: 14px 16px;
border: 1px solid var(--line); border-radius: 14px; cursor: pointer; transition: .15s ease;
}
.answer:hover { border-color: #9dbccc; background: #f8fbfc; }
.answer.selected { border-color: var(--teal); background: var(--soft-teal); box-shadow: inset 0 0 0 1px var(--teal); }
.answer-dot { width: 20px; height: 20px; border: 2px solid #9aabb5; border-radius: 50%; flex: 0 0 auto; display:grid; place-items:center; }
.answer.selected .answer-dot { border-color: var(--teal); }
.answer.selected .answer-dot::after { content:""; width: 10px; height: 10px; border-radius:50%; background: var(--teal); }
.test-actions { display: flex; justify-content: space-between; gap: 12px; padding-top: 24px; }
.error { display:none; color:#a33d2c; background:#fff0ed; border:1px solid #f2c4ba; padding:12px 14px; border-radius:12px; margin-top:16px; }
.results { display:none; }
.result-hero { background: linear-gradient(135deg, var(--navy), #245f81); color: white; padding: 30px; border-radius: 22px; }
.result-hero h2 { margin: 0 0 8px; color:white; }
.result-hero p { margin: 0; color: rgba(255,255,255,.82); }
.domain-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 22px 0 30px; }
.domain-card { border: 1px solid var(--line); border-radius: 18px; padding: 18px; background:white; }
.domain-top { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.domain-top h3 { margin:0; color:var(--navy); }
.domain-top span { font-weight:900; color:var(--teal); }
.bar { height: 9px; border-radius:99px; background:#e8eef2; overflow:hidden; margin-top:11px; }
.bar > i { display:block; height:100%; background:linear-gradient(90deg,var(--blue),var(--teal)); }
.result-note { background:#f6f8f9; border:1px solid var(--line); border-radius:14px; padding:14px 16px; color:var(--muted); font-size:.93rem; }
.rec-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px; }
.rec-card { border:1px solid var(--line); border-radius:20px; padding:22px; background:white; position:relative; overflow:hidden; }
.rec-card::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--orange); }
.rank { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--soft-orange); color:var(--orange); font-weight:900; }
.rec-card h3 { color:var(--navy); margin:12px 0 6px; }
.scale-name { font-size:.86rem; color:var(--teal); font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.rec-card p { color:#556570; }
.rec-card ol { padding-left:20px; color:#394b57; }
.rec-card li + li { margin-top:7px; }
.print-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.legal {
background:#eef3f5;
padding:26px;
border-radius:20px;
color:#52616b;
font-size:.92rem;
}
footer { padding: 36px 0 52px; color:var(--muted); font-size:.9rem; }
@media (max-width: 900px) {
.hero-grid, .cards-3, .rec-grid { grid-template-columns: 1fr; }
.domain-grid { grid-template-columns: 1fr; }
.hero { padding-top: 48px; }
.nav-note { display:none; }
}
@media (max-width: 600px) {
.wrap { width:min(100% - 20px,1120px); }
.test-body { padding:20px 16px; }
.test-head { padding:18px 16px; }
.test-actions { flex-direction:column-reverse; }
.test-actions .btn { width:100%; }
.question-text { font-size:1.35rem; }
}
@media print {
header, .hero, #how, #testArea .test-head, #testIntro, footer, .print-row { display:none !important; }
body { background:white; }
#testArea { padding:0; }
.test-shell { box-shadow:none; border:0; }
.results { display:block !important; }
.rec-grid { grid-template-columns:repeat(3,1fr); }
}
</style>
</head>
<body>
<header>
<div class="wrap nav">
<div class="brand"><div class="brand-mark">K</div><span>Klar im Kopf | COPSOQ-Transfer</span></div>
<div class="nav-note">Daten bleiben ausschließlich in deinem Browser</div>
</div>
</header>
<main>
<section class="hero">
<div class="wrap hero-grid">
<div>
<span class="eyebrow">Psychosoziale Arbeitssituation verstehen</span>
<h1>Wo kostet dich deine Arbeit gerade am meisten Kraft?</h1>
<p class="lead">Du beantwortest den deutschen COPSOQ-Fragebogen. Anschließend erhältst du ein persönliches Belastungsprofil und drei konkrete Ansatzpunkte, die deine Antworten mit alltagstauglichen Techniken zur Stressreduktion verbinden.</p>
<div class="cta-row">
<button class="btn btn-primary" onclick="startTest()">Test starten</button>
<button class="btn btn-secondary" onclick="document.getElementById('how').scrollIntoView()">So funktioniert die Auswertung</button>
</div>
<p class="micro">Dauer etwa 15 bis 20 Minuten. Keine Registrierung. Keine Übertragung deiner Antworten.</p>
</div>
<div class="model-card" aria-label="Ablauf der Auswertung">
<div class="model-step"><div class="step-no">1</div><div><h3>Belastungen erkennen</h3><p>Der COPSOQ erfasst Anforderungen, Einfluss, Beziehungen, Führung, Sicherheit und Belastungsfolgen.</p></div></div>
<div class="model-step"><div class="step-no">2</div><div><h3>Persönliches Profil bilden</h3><p>Deine Werte werden innerhalb deines eigenen Profils verglichen. Es werden keine erfundenen Normgrenzen verwendet.</p></div></div>
<div class="model-step"><div class="step-no">3</div><div><h3>Konkrete Schritte wählen</h3><p>Die drei am höchsten ausgeprägten Ansatzpunkte werden mit passenden Methoden aus dem Klar-im-Kopf-System verbunden.</p></div></div>
</div>
</div>
</section>
<section class="section" id="how">
<div class="wrap">
<div class="section-title"><h2>Vom Messergebnis zur Handlung</h2><p>Der Fragebogen beschreibt die Arbeitssituation. Der Transferteil übersetzt die Ergebnisse in konkrete Verhaltens- und Gestaltungsimpulse.</p></div>
<div class="cards-3">
<div class="info-card"><div class="icon">①</div><h3>86 Originalfragen</h3><p>Die deutsche Standardversion wird unverändert dargestellt und den veröffentlichten COPSOQ-Skalen zugeordnet.</p></div>
<div class="info-card"><div class="icon">②</div><h3>Sechs verständliche Einflussfelder</h3><p>Belastung, Einfluss, Resonanz, Verbundenheit, Gerechtigkeit und Stimmigkeit machen das Profil schnell erfassbar.</p></div>
<div class="info-card"><div class="icon">③</div><h3>Drei persönliche Ansatzpunkte</h3><p>Du erhältst konkrete Übungen mit einem ersten Schritt für heute und einem Training für die nächsten sieben Tage.</p></div>
</div>
</div>
</section>
<section class="section" id="testArea">
<div class="wrap">
<div class="test-shell">
<div class="test-head">
<div class="progress-top"><span class="progress-label" id="progressLabel">Vorbereitung</span><span class="progress-text" id="progressText">0 von 86 Fragen</span></div>
<div class="progress-track"><div class="progress-fill" id="progressFill"></div></div>
</div>
<div class="test-body">
<div id="testIntro">
<div class="intro-box">
<h3>Wichtige Einordnung</h3>
<p>Diese Seite ist ein persönlicher Selbstreflexions- und Transferprototyp. Sie ersetzt weder die offizielle COPSOQ-Auswertung mit deutschen Referenzdaten noch eine betriebliche Gefährdungsbeurteilung. Bei einer betrieblichen Anwendung müssen Datenschutz, freiwillige Teilnahme, Gruppenanonymität und ein gemeinsamer Maßnahmenprozess gesichert sein.</p>
</div>
<label class="consent"><input type="checkbox" id="consentBox"><span>Ich nehme freiwillig teil. Mir ist bewusst, dass die Auswertung keine Diagnose darstellt und ausschließlich lokal in meinem Browser berechnet wird.</span></label>
<button class="btn btn-primary" onclick="beginQuestions()">Einverstanden, Fragen öffnen</button>
<div class="error" id="consentError">Bitte bestätige die freiwillige Teilnahme.</div>
</div>
<div id="questionArea"></div>
<div class="error" id="answerError">Bitte wähle eine Antwort aus.</div>
<div class="test-actions" id="testActions" style="display:none">
<button class="btn btn-secondary" id="backBtn" onclick="prevQuestion()">Zurück</button>
<button class="btn btn-primary" id="nextBtn" onclick="nextQuestion()">Weiter</button>
</div>
<div class="results" id="results">
<div class="result-hero">
<h2>Dein persönliches COPSOQ-Transferprofil</h2>
<p>Die Werte zeigen deine relative Belastung auf einer Skala von 0 bis 100. Höhere Werte bedeuten in dieser Darstellung einen größeren Ansatzpunkt. Es handelt sich nicht um einen Vergleich mit offiziellen COPSOQ-Referenzdaten.</p>
</div>
<div class="domain-grid" id="domainGrid"></div>
<div class="result-note">Nutze das Ergebnis als Gesprächsgrundlage. Bei anhaltender Erschöpfung, Schlafproblemen, Angst, körperlichen Beschwerden oder deutlicher Einschränkung im Alltag gehört zusätzlich eine ärztliche oder psychologische Abklärung dazu.</div>
<div class="section-title" style="margin-top:34px"><h2>Deine drei Ansatzpunkte</h2><p>Beginne nicht mit allem gleichzeitig. Wähle den ersten Schritt, den du heute tatsächlich umsetzt.</p></div>
<div class="rec-grid" id="recommendations"></div>
<div class="print-row">
<button class="btn btn-primary" onclick="window.print()">Ergebnis drucken oder als PDF sichern</button>
<button class="btn btn-secondary" onclick="restartTest()">Test neu starten</button>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="wrap legal">
<strong>Quellen- und Nutzungshinweis:</strong> COPSOQ steht für Copenhagen Psychosocial Questionnaire. Verwendet wird die veröffentlichte deutsche Standardversion 2026 mit unverändertem Wortlaut der Fragen. COPSOQ-Fragebogen © FFAW 2026. Die Nutzung richtet sich nach den Vorgaben des COPSOQ International Network und der Lizenz CC BY-NC-ND 4.0. Dieser Prototyp wurde weder von der FFAW noch vom COPSOQ International Network geprüft, zertifiziert oder unterstützt. Vor einer öffentlichen oder betrieblichen Live-Nutzung in Deutschland ist die Abstimmung mit der FFAW nach den COPSOQ-Richtlinien einzuplanen. Die ergänzende Transferlogik, die sechs Einflussfelder und die Methodenempfehlungen sind eigenständige Inhalte des Klar-im-Kopf-Systems.
</div>
</section>
</main>
<footer><div class="wrap">Klar im Kopf. Persönliche Stressreduktion auf Grundlage deiner Arbeitssituation.</div></footer>
<script>
const optionSets = {
frequency: ["immer", "oft", "manchmal", "selten", "nie / fast nie"],
degree: ["in sehr hohem Maß", "in hohem Maß", "zum Teil", "in geringem Maß", "in sehr geringem Maß"],
satisfaction: ["sehr zufrieden", "zufrieden", "teils / teils", "unzufrieden", "sehr unzufrieden"],
turnover: ["nie", "einige Male im Jahr", "einige Male im Monat", "einige Male in der Woche", "jeden Tag"],
health: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
frequencyNA: ["immer", "oft", "manchmal", "selten", "nie / fast nie", "habe keine Führungskraft / Kolleg:innen"],
frequencyLeader: ["immer", "oft", "manchmal", "selten", "nie / fast nie", "habe keine Führungskraft"],
frequencyColleague: ["immer", "oft", "manchmal", "selten", "nie / fast nie", "habe keine Kolleg:innen"],
degreeNA: ["in sehr hohem Maß", "in hohem Maß", "zum Teil", "in geringem Maß", "in sehr geringem Maß", "habe keine Führungskraft"]
};
const scales = {
quant: {label:"Quantitative Anforderungen", domain:"Belastung", technique:"workload"},
emotional: {label:"Emotionale Anforderungen", domain:"Belastung", technique:"reset"},
hide: {label:"Emotionen verbergen", domain:"Belastung", technique:"boundaries"},
interruptions: {label:"Unterbrechungen der Arbeit", domain:"Belastung", technique:"workload"},
workPrivacy: {label:"Konflikt zwischen Arbeit und Privatleben", domain:"Belastung", technique:"boundaries"},
boundaryless: {label:"Entgrenzung", domain:"Belastung", technique:"recovery"},
influence: {label:"Einfluss auf die Arbeit", domain:"Einfluss", technique:"influence"},
breakControl: {label:"Spielraum bei Pausen und Urlaub", domain:"Einfluss", technique:"influence"},
development: {label:"Entwicklungsmöglichkeiten", domain:"Resonanz", technique:"meaning"},
meaning: {label:"Bedeutung der Arbeit", domain:"Stimmigkeit", technique:"meaning"},
workplaceBond: {label:"Verbundenheit mit dem Arbeitsplatz", domain:"Stimmigkeit", technique:"meaning"},
predictability: {label:"Vorhersehbarkeit der Arbeit", domain:"Einfluss", technique:"clarity"},
roleClarity: {label:"Rollenklarheit", domain:"Einfluss", technique:"clarity"},
roleConflict: {label:"Rollenkonflikte", domain:"Einfluss", technique:"clarity"},
leadership: {label:"Führungsqualität", domain:"Resonanz", technique:"connection"},
support: {label:"Unterstützung bei der Arbeit", domain:"Verbundenheit", technique:"connection"},
feedback: {label:"Feedback und Rückmeldung", domain:"Resonanz", technique:"connection"},
socialContact: {label:"Menge sozialer Kontakte", domain:"Verbundenheit", technique:"connection"},
community: {label:"Gemeinschaftsgefühl", domain:"Verbundenheit", technique:"connection"},
unfair: {label:"Ungerechte Behandlung", domain:"Gerechtigkeit", technique:"fairness"},
trustFairness: {label:"Vertrauen und Gerechtigkeit", domain:"Gerechtigkeit", technique:"fairness"},
appreciation: {label:"Wertschätzung", domain:"Resonanz", technique:"meaning"},
physical: {label:"Arbeitsumgebung und körperliche Anforderungen", domain:"Belastung", technique:"workload"},
tools: {label:"Ungeeignete Arbeitsmittel", domain:"Einfluss", technique:"clarity"},
jobInsecurity: {label:"Unsicherheit des Arbeitsplatzes", domain:"Einfluss", technique:"reset"},
conditionInsecurity: {label:"Unsicherheit der Arbeitsbedingungen", domain:"Einfluss", technique:"reset"},
turnover: {label:"Gedanke an Berufs- oder Stellenwechsel", domain:"Stimmigkeit", technique:"meaning"},
satisfaction: {label:"Arbeitszufriedenheit", domain:"Resonanz", technique:"meaning"},
health: {label:"Allgemeiner Gesundheitszustand", domain:"Belastung", technique:"care"},
burnout: {label:"Burnout-Symptome", domain:"Belastung", technique:"care"},
presenteeism: {label:"Präsentismus", domain:"Belastung", technique:"care"},
detach: {label:"Unfähigkeit abzuschalten", domain:"Belastung", technique:"recovery"},
engagement: {label:"Arbeitsengagement", domain:"Stimmigkeit", technique:"meaning"}
};
// polarity: negative = linke Antwort steht für hohe Belastung, positive = rechte Antwort steht für hohe Belastung
const q = (id, section, text, set, scale, polarity, note="") => ({id, section, text, set, scale, polarity, note});
const questions = [
q("B1.1","Anforderungen","Müssen Sie sehr schnell arbeiten?","frequency","quant","negative"),
q("B1.2","Anforderungen","Arbeiten Sie den ganzen Tag mit hohem Tempo?","frequency","quant","negative"),
q("B1.3","Anforderungen","Wie oft kommt es vor, dass Sie nicht genügend Zeit haben, alle Ihre Aufgaben zu erledigen?","frequency","quant","negative"),
q("B1.4","Anforderungen","Kommen Sie mit Ihrer Arbeit in Rückstand?","frequency","quant","negative"),
q("B1.5","Anforderungen","Müssen Sie Überstunden machen?","frequency","quant","negative"),
q("B1.6","Anforderungen","Gehört es zu Ihrer Arbeit, sich mit den persönlichen Problemen anderer Menschen zu beschäftigen?","frequency","emotional","negative"),
q("B1.7","Anforderungen","Ist Ihre Arbeit emotional fordernd?","degree","emotional","negative"),
q("B1.8","Anforderungen","Verlangt Ihre Arbeit von Ihnen, dass Sie Ihre Gefühle verbergen?","degree","hide","negative"),
q("B1.9","Anforderungen","Verlangt Ihre Arbeit von Ihnen, sich mit Ihrer Meinung zurück zu halten?","degree","hide","negative"),
q("B1.10","Anforderungen","Wird Ihr Arbeitsfluss durch Unterbrechungen gestört?","degree","interruptions","negative"),
q("B2.1","Arbeit und Privatleben","Die Anforderungen meiner Arbeit stören mein Privat- und Familienleben.","degree","workPrivacy","negative"),
q("B2.2","Arbeit und Privatleben","Wegen beruflicher Verpflichtungen muss ich Pläne für private oder Familienaktivitäten ändern.","degree","workPrivacy","negative"),
q("B2.3","Arbeit und Privatleben","Meine Arbeit beansprucht so viel Energie, dass sich dies negativ auf mein Privatleben auswirkt.","degree","workPrivacy","negative"),
q("B2.4","Arbeit und Privatleben","Meine Arbeit nimmt so viel Zeit in Anspruch, dass sich dies negativ auf mein Privatleben auswirkt.","degree","workPrivacy","negative"),
q("B2.5","Arbeit und Privatleben","Ich erledige berufliche Dinge auch außerhalb meiner Arbeitszeit.","degree","boundaryless","negative"),
q("B2.6","Arbeit und Privatleben","In meiner Freizeit bin ich für Personen, mit denen ich beruflich zu tun habe, erreichbar.","degree","boundaryless","negative"),
q("B3.1","Einfluss und Spielraum","Haben Sie großen Einfluss auf Entscheidungen, die Ihre Arbeit betreffen?","frequency","influence","positive"),
q("B3.2","Einfluss und Spielraum","Haben Sie Einfluss auf die Menge der Arbeit, die Ihnen übertragen wird?","frequency","influence","positive"),
q("B3.3","Einfluss und Spielraum","Haben Sie Einfluss darauf, was Sie bei Ihrer Arbeit tun?","frequency","influence","positive"),
q("B3.4","Einfluss und Spielraum","Können Sie selbst bestimmen, wann Sie eine Pause machen?","frequency","breakControl","positive"),
q("B3.5","Einfluss und Spielraum","Können Sie mehr oder weniger frei entscheiden, wann Sie Urlaub machen?","frequency","breakControl","positive"),
q("B4.1","Entwicklung und Bedeutung","Ist Ihre Arbeit abwechslungsreich?","frequency","development","positive"),
q("B5.1","Entwicklung und Bedeutung","Haben Sie die Möglichkeit, durch Ihre Arbeit neue Dinge zu erlernen?","degree","development","positive"),
q("B5.2","Entwicklung und Bedeutung","Können Sie Ihre Fertigkeiten oder Ihr Fachwissen bei Ihrer Arbeit anwenden?","degree","development","positive"),
q("B5.3","Entwicklung und Bedeutung","Ist Ihre Arbeit sinnvoll?","degree","meaning","positive"),
q("B5.4","Entwicklung und Bedeutung","Haben Sie das Gefühl, dass Ihre Arbeit wichtig ist?","degree","meaning","positive"),
q("B5.5","Entwicklung und Bedeutung","Sind Sie stolz, dieser Organisation anzugehören?","degree","workplaceBond","positive"),
q("B5.6","Entwicklung und Bedeutung","Erzählen Sie anderen gerne über Ihren Arbeitsplatz?","degree","workplaceBond","positive"),
q("B6.1","Regelungen und Abläufe","Werden Sie rechtzeitig im Voraus über Veränderungen an Ihrem Arbeitsplatz informiert, z.B. über wichtige Entscheidungen, Veränderungen oder Pläne für die Zukunft?","degree","predictability","positive"),
q("B6.2","Regelungen und Abläufe","Erhalten Sie alle Informationen, die Sie brauchen, um Ihre Arbeit gut zu erledigen?","degree","predictability","positive"),
q("B6.3","Regelungen und Abläufe","Gibt es klare Ziele für Ihre Arbeit?","degree","roleClarity","positive"),
q("B6.4","Regelungen und Abläufe","Wissen Sie genau, welche Dinge in Ihren Verantwortungsbereich fallen?","degree","roleClarity","positive"),
q("B6.5","Regelungen und Abläufe","Wissen Sie genau, was von Ihnen bei der Arbeit erwartet wird?","degree","roleClarity","positive"),
q("B6.6","Regelungen und Abläufe","Werden bei Ihrer Arbeit widersprüchliche Anforderungen gestellt?","degree","roleConflict","negative"),
q("B6.7","Regelungen und Abläufe","Müssen Sie manchmal Dinge tun, die eigentlich auf andere Weise getan werden sollten?","degree","roleConflict","negative"),
q("B6.8","Regelungen und Abläufe","Müssen Sie manchmal Dinge tun, die Ihnen unnötig erscheinen?","degree","roleConflict","negative"),
q("B7.1","Führungsqualität","Bitte schätzen Sie ein, in welchem Maß Ihre unmittelbare Führungskraft für gute Entwicklungsmöglichkeiten der Mitarbeiter:innen sorgt.","degreeNA","leadership","positive"),
q("B7.2","Führungsqualität","Bitte schätzen Sie ein, in welchem Maß Ihre unmittelbare Führungskraft der Arbeitszufriedenheit einen hohen Stellenwert beimisst.","degreeNA","leadership","positive"),
q("B7.3","Führungsqualität","Bitte schätzen Sie ein, in welchem Maß Ihre unmittelbare Führungskraft die Arbeit gut plant.","degreeNA","leadership","positive"),
q("B7.4","Führungsqualität","Bitte schätzen Sie ein, in welchem Maß Ihre unmittelbare Führungskraft Konflikte gut löst.","degreeNA","leadership","positive"),
q("B8.1","Kolleg:innen und Führungskraft","Wie oft erhalten Sie bei Bedarf Hilfe und Unterstützung von Ihren Kolleg:innen?","frequencyColleague","support","positive"),
q("B8.2","Kolleg:innen und Führungskraft","Wie oft sind Ihre Kolleg:innen bei Bedarf bereit, sich Ihre Arbeitsprobleme anzuhören?","frequencyColleague","support","positive"),
q("B8.3","Kolleg:innen und Führungskraft","Wie oft erhalten Sie bei Bedarf Hilfe und Unterstützung von Ihrer unmittelbaren Führungskraft?","frequencyLeader","support","positive"),
q("B8.4","Kolleg:innen und Führungskraft","Wie oft ist Ihre unmittelbare Führungskraft bei Bedarf bereit, sich Ihre Arbeitsprobleme anzuhören?","frequencyLeader","support","positive"),
q("B8.5","Kolleg:innen und Führungskraft","Wie oft spricht Ihre Führungskraft mit Ihnen über die Qualität Ihrer Arbeit?","frequencyLeader","feedback","positive"),
q("B8.6","Kolleg:innen und Führungskraft","Wie oft sprechen Ihre Kolleg:innen mit Ihnen über die Qualität Ihrer Arbeit?","frequencyColleague","feedback","positive"),
q("B8.7","Kolleg:innen und Führungskraft","Können Sie sich mit Kolleg:innen unterhalten, während Sie arbeiten?","frequencyColleague","socialContact","positive"),
q("B8.8","Kolleg:innen und Führungskraft","Ist die Atmosphäre zwischen Ihnen und Ihren Arbeitskolleg:innen gut?","frequencyColleague","community","positive"),
q("B8.9","Kolleg:innen und Führungskraft","Ist die Zusammenarbeit zwischen den Arbeitskolleg:innen gut?","frequencyColleague","community","positive"),
q("B8.10","Kolleg:innen und Führungskraft","Wie oft fühlen Sie sich durch Kolleg:innen oder Führungskräfte zu Unrecht kritisiert, schikaniert oder vor anderen bloßgestellt?","frequencyNA","unfair","negative"),
q("B8a.1","Vertrauen und Gerechtigkeit","Vertraut das Management / die Führung darauf, dass die Mitarbeiter:innen ihre Arbeit gut machen?","degree","trustFairness","positive"),
q("B8a.2","Vertrauen und Gerechtigkeit","Können die Mitarbeiter:innen den Informationen vertrauen, die vom Management / der Führung kommen?","degree","trustFairness","positive"),
q("B8a.3","Vertrauen und Gerechtigkeit","Werden Konflikte auf gerechte Weise gelöst?","degree","trustFairness","positive"),
q("B8a.4","Vertrauen und Gerechtigkeit","Wird die Arbeit gerecht verteilt?","degree","trustFairness","positive"),
q("B8a.5","Vertrauen und Gerechtigkeit","Erfährt Ihre Arbeit Anerkennung und Wertschätzung durch das Management / die Führung?","degree","appreciation","positive"),
q("B8b.1","Arbeitsumgebung","Wie häufig müssen Sie körperlich schwer arbeiten, z.B. schwer heben, tragen oder stemmen?","frequency","physical","negative"),
q("B8b.2","Arbeitsumgebung","Wie häufig sind Sie an Ihrem Arbeitsplatz Lärm oder lauten Umgebungsgeräuschen ausgesetzt?","frequency","physical","negative"),
q("B8b.3","Arbeitsumgebung","Wie häufig kommen Sie bei Ihrer Arbeit mit Chemikalien bzw. Gefahrstoffen in Berührung?","frequency","physical","negative"),
q("B8b.4","Arbeitsumgebung","Wie häufig sind Sie an Ihrem Arbeitsplatz Zugluft bzw. extremen Temperaturen ausgesetzt?","frequency","physical","negative"),
q("B8b.5","Arbeitsumgebung","Wie häufig sind Sie bei der Arbeit schlechter Luft ausgesetzt, z.B. Zigarettenrauch, Gasen oder Ähnlichem?","frequency","physical","negative"),
q("B8b.6","Arbeitsumgebung","Wie häufig sind Sie bei der Arbeit schlechten Lichtverhältnissen ausgesetzt, z. B. grelles oder schwaches Licht?","frequency","physical","negative"),
q("B8b.7","Arbeitsumgebung","Wie häufig haben Sie es mit Geräten, Software oder anderen Arbeitsmitteln zu tun, die zur Erledigung Ihrer Arbeit ungeeignet sind?","frequency","tools","negative"),
q("B9.1","Unsicherheit","Machen Sie sich Sorgen, dass Sie arbeitslos werden?","degree","jobInsecurity","negative"),
q("B9.2","Unsicherheit","Machen Sie sich Sorgen, dass neue Technologien Sie überflüssig machen?","degree","jobInsecurity","negative"),
q("B9.3","Unsicherheit","Machen Sie sich Sorgen, dass es schwierig für Sie wäre, eine neue Arbeit zu finden, wenn Sie arbeitslos würden?","degree","jobInsecurity","negative"),
q("B9.4","Unsicherheit","Machen Sie sich Sorgen, dass man Sie gegen Ihren Willen auf eine andere Arbeitsstelle versetzen könnte?","degree","conditionInsecurity","negative"),
q("B9.5","Unsicherheit","Machen Sie sich Sorgen, dass Ihre Arbeitszeiten gegen Ihren Willen verändert werden (z.B. Arbeitstage, Schichtpläne, Arbeitsbeginn und -ende)?","degree","conditionInsecurity","negative"),
q("B9.6","Unsicherheit","Machen Sie sich Sorgen, dass Ihr Lohn/Gehalt verringert werden könnte?","degree","conditionInsecurity","negative"),
q("B10.1","Wechselgedanken","Wie oft haben Sie im Laufe der letzten 12 Monate daran gedacht, Ihren Beruf aufzugeben?","turnover","turnover","positive"),
q("B10.2","Wechselgedanken","Wie oft haben Sie im Laufe der letzten 12 Monate daran gedacht, Ihre Arbeitsstelle zu wechseln?","turnover","turnover","positive"),
q("B11.1","Arbeitszufriedenheit","Wie zufrieden sind Sie mit Ihren Berufsperspektiven?","satisfaction","satisfaction","positive"),
q("B11.2","Arbeitszufriedenheit","Wie zufrieden sind Sie mit den Leuten, mit denen Sie arbeiten?","satisfaction","satisfaction","positive"),
q("B11.3","Arbeitszufriedenheit","Wie zufrieden sind Sie mit den körperlichen Arbeitsbedingungen?","satisfaction","satisfaction","positive"),
q("B11.4","Arbeitszufriedenheit","Wie zufrieden sind Sie mit der Art und Weise, wie Ihre Abteilung geführt wird?","satisfaction","satisfaction","positive"),
q("B11.5","Arbeitszufriedenheit","Wie zufrieden sind Sie mit der Art und Weise, wie Ihre Fähigkeiten genutzt werden?","satisfaction","satisfaction","positive"),
q("B11.6","Arbeitszufriedenheit","Wie zufrieden sind Sie mit Ihrem Lohn/Gehalt?","satisfaction","satisfaction","positive"),
q("B11.7","Arbeitszufriedenheit","Wie zufrieden sind Sie mit Ihrer Arbeit insgesamt, unter Berücksichtigung aller Umstände?","satisfaction","satisfaction","positive"),
q("B12","Gesundheit","Wenn Sie den besten denkbaren Gesundheitszustand mit 10 Punkten bewerten und den schlechtesten denkbaren mit 0 Punkten: Wie viele Punkte vergeben Sie für Ihren derzeitigen Gesundheitszustand?","health","health","health"),
q("B13.1","Energie und Wohlbefinden","Wie häufig sind Sie körperlich erschöpft?","frequency","burnout","negative"),
q("B13.2","Energie und Wohlbefinden","Wie häufig sind Sie emotional erschöpft?","frequency","burnout","negative"),
q("B13.3","Energie und Wohlbefinden","Wie häufig fühlen Sie sich ausgelaugt?","frequency","burnout","negative"),
q("B13.4","Energie und Wohlbefinden","Wie häufig kommen Sie zur Arbeit, obwohl Sie sich richtig krank und unwohl fühlen?","frequency","presenteeism","negative"),
q("B13.5","Energie und Wohlbefinden","Wie häufig können Sie in Ihrer Freizeit die Arbeit nicht vergessen?","frequency","detach","negative"),
q("B14.1","Arbeitsengagement","Ich bin bei meiner Arbeit voller Energie.","frequency","engagement","positive"),
q("B14.2","Arbeitsengagement","Meine Arbeit macht mir große Freude.","frequency","engagement","positive"),
q("B14.3","Arbeitsengagement","Ich bin völlig von meiner Arbeit erfüllt.","frequency","engagement","positive")
];
const techniques = {
workload: {
title:"Fünf-Finger-Regel und Fokusblock",
why:"Dein Ergebnis deutet auf eine hohe Dichte, Taktung oder Störung der Arbeit hin. Hier hilft zuerst eine klare Verengung des Fokus.",
steps:["Heute: Benenne mit dem Zeigefinger genau eine Sache, auf die es jetzt ankommt.","Lege danach 25 Minuten ohne Benachrichtigungen und Themenwechsel fest.","Beende den Block mit dem kleinen Finger: Was ist der nächste kleine, konkrete Schritt?"]
},
reset: {
title:"SOS-Knopf und physiologischer Seufzer",
why:"Wenn Unsicherheit oder emotionale Anforderungen hoch sind, braucht dein Nervensystem zuerst eine Unterbrechung, bevor du sinnvoll nach Lösungen suchst.",
steps:["Stoppe den inneren Film bewusst mit deinem SOS-Knopf.","Atme zweimal kurz durch die Nase ein und einmal lang durch den Mund aus. Wiederhole das drei Mal.","Trenne danach Fakt und Befürchtung: Was weißt du wirklich, was malst du dir gerade aus?"]
},
boundaries: {
title:"Mittelfinger der Fünf-Finger-Regel",
why:"Deine Antworten sprechen dafür, dass Arbeit, Erwartungen oder Emotionen zu weit in deinen persönlichen Raum hineinreichen.",
steps:["Formuliere ein klares Nein für eine konkrete Anforderung.","Nutze den Satz: Ich unterstütze das Anliegen, stehe dafür heute jedoch nicht mehr zur Verfügung.","Lege eine sichtbare Erreichbarkeitsgrenze fest und teile sie den betroffenen Personen mit."]
},
recovery: {
title:"Meine Minute und Abschaltritual",
why:"Dein System bleibt nach der Arbeit aktiv. Erholung beginnt hier nicht mit mehr Freizeit, sondern mit einem klaren Übergang.",
steps:["Setze am Ende des Arbeitstags eine feste Ein-Minuten-Unterbrechung.","Notiere drei offene Punkte für morgen, damit dein Kopf sie nicht weiter festhalten muss.","Beende den Tag mit demselben körperlichen Signal, zum Beispiel kurzem Gehen, Duschen oder bewusstem Kleiderwechsel."]
},
influence: {
title:"Spiegelei-Modell",
why:"Ein geringer Einflusswert erzeugt schnell das Gefühl, nur noch zu reagieren. Das Spiegelei trennt wirksame Handlung von gedanklicher Beschäftigung.",
steps:["Schreibe das belastende Thema in die Mitte eines Blattes.","Markiere im Eigelb alles, was du heute beeinflussen kannst.","Wähle daraus eine Handlung. Alles andere bleibt vorerst im Eiweiß und bekommt keine weitere Denkzeit."]
},
clarity: {
title:"Wenn-Dann-Training",
why:"Unklare Rollen, widersprüchliche Anforderungen oder fehlende Planbarkeit brauchen vorab entschiedene Reaktionen.",
steps:["Formuliere die wiederkehrende Situation als Wenn-Satz.","Lege eine konkrete Dann-Reaktion fest, zum Beispiel Rückfrage, Priorisierung oder Eskalation.","Kläre schriftlich: Wer entscheidet, wer führt aus, wer wird informiert?"]
},
connection: {
title:"K.L.A.R.-Dialog und Hilfe aktivieren",
why:"Unterstützung, Feedback und Führung wirken nur, wenn Erwartungen und Anliegen sichtbar ausgesprochen werden.",
steps:["Beschreibe die konkrete Situation ohne Bewertung.","Sage, welche Wirkung sie auf deine Arbeit hat.","Bitte eine benannte Person um eine klar definierte Unterstützung bis zu einem festen Zeitpunkt."]
},
fairness: {
title:"Faktenprüfung und Ärger-Reframe",
why:"Erlebte Ungerechtigkeit bindet viel Energie. Ziel ist nicht, sie hinzunehmen, sondern Ärger in einen sachlichen nächsten Schritt zu übersetzen.",
steps:["Trenne beobachtbare Fakten von deiner Interpretation.","Benenne das verletzte Prinzip, zum Beispiel Fairness, Verlässlichkeit oder Respekt.","Formuliere eine konkrete Forderung oder Grenze, ohne die Person abzuwerten."]
},
meaning: {
title:"Identitätscheck und Sinnfokus",
why:"Wenn Entwicklung, Anerkennung, Zufriedenheit oder Sinn fehlen, reicht reine Entspannung nicht. Du brauchst wieder eine Verbindung zu dem, wofür du arbeiten willst.",
steps:["Beantworte: Wer will ich bei meiner Arbeit sein, gerade unter Druck?", "Wähle eine Tätigkeit für diese Woche, die diesen Anspruch sichtbar macht.","Notiere am Tagesende einen konkreten Beitrag, der durch deine Arbeit entstanden ist."]
},
care: {
title:"Entlastung vor Leistungssteigerung",
why:"Gesundheitszustand, Erschöpfung oder Arbeiten trotz Krankheit verdienen Vorrang. Hier geht es nicht darum, dich mit einer weiteren Technik leistungsfähiger zu machen.",
steps:["Reduziere heute eine nicht zwingende Belastung und informiere die betroffene Person klar.","Nutze Meine Minute dreimal am Tag ausschließlich zur körperlichen Beruhigung.","Wenn die Beschwerden anhalten oder deinen Alltag einschränken, vereinbare eine ärztliche oder psychologische Abklärung."]
}
};
let answers = {};
let current = 0;
let started = false;
function startTest(){ document.getElementById('testArea').scrollIntoView({behavior:'smooth'}); }
function beginQuestions(){
if(!document.getElementById('consentBox').checked){
document.getElementById('consentError').style.display='block'; return;
}
document.getElementById('consentError').style.display='none';
document.getElementById('testIntro').style.display='none';
document.getElementById('testActions').style.display='flex';
started = true; renderQuestion();
}
function renderQuestion(){
const item = questions[current];
const opts = optionSets[item.set];
const selected = answers[item.id];
const html = `<div class="question-card active">
<div class="question-meta">${item.section} · Frage ${current+1} von ${questions.length}</div>
<div class="question-text">${item.text}</div>
<div class="answers">${opts.map((o,i)=>`<div class="answer ${selected===i?'selected':''}" onclick="selectAnswer(${i})"><span class="answer-dot"></span><span>${o}</span></div>`).join('')}</div>
</div>`;
document.getElementById('questionArea').innerHTML = html;
document.getElementById('answerError').style.display='none';
document.getElementById('backBtn').disabled = current===0;
document.getElementById('nextBtn').textContent = current===questions.length-1 ? 'Auswertung anzeigen' : 'Weiter';
updateProgress();
}
function selectAnswer(i){ answers[questions[current].id]=i; renderQuestion(); }
function prevQuestion(){ if(current>0){current--; renderQuestion();} }
function nextQuestion(){
if(answers[questions[current].id]===undefined){ document.getElementById('answerError').style.display='block'; return; }
if(current<questions.length-1){ current++; renderQuestion(); window.scrollTo({top:document.getElementById('testArea').offsetTop-70,behavior:'smooth'}); }
else { calculateResults(); }
}
function updateProgress(){
const done = Object.keys(answers).length;
document.getElementById('progressLabel').textContent = questions[current].section;
document.getElementById('progressText').textContent = `${done} von ${questions.length} Fragen`;
document.getElementById('progressFill').style.width = `${(done/questions.length)*100}%`;
}
function burdenScore(item, value){
if(value===5 && ['frequencyNA','frequencyLeader','frequencyColleague','degreeNA'].includes(item.set)) return null;
if(item.polarity==='health') return (10-value)*10;
if(item.polarity==='negative') return (4-value)*25;
return value*25;
}
function calculateResults(){
const grouped = {};
questions.forEach(item=>{
const s = burdenScore(item, answers[item.id]);
if(s===null) return;
if(!grouped[item.scale]) grouped[item.scale]=[];
grouped[item.scale].push(s);
});
const scaleScores = Object.entries(grouped).map(([key,vals])=>({
key, score: vals.reduce((a,b)=>a+b,0)/vals.length, ...scales[key]
}));
const domainNames = ["Belastung","Einfluss","Resonanz","Verbundenheit","Gerechtigkeit","Stimmigkeit"];
const domainScores = domainNames.map(name=>{
const vals = scaleScores.filter(s=>s.domain===name).map(s=>s.score);
return {name, score: vals.length ? vals.reduce((a,b)=>a+b,0)/vals.length : 0};
});
document.getElementById('domainGrid').innerHTML = domainScores.map(d=>`<div class="domain-card"><div class="domain-top"><h3>${d.name}</h3><span>${Math.round(d.score)}</span></div><div class="bar"><i style="width:${Math.round(d.score)}%"></i></div></div>`).join('');
// Maximal eine Empfehlung pro Technik, damit drei unterschiedliche Handlungswege entstehen.
const sorted = [...scaleScores].sort((a,b)=>b.score-a.score);
const picks=[]; const used=new Set();
for(const s of sorted){
if(!used.has(s.technique)) { picks.push(s); used.add(s.technique); }
if(picks.length===3) break;
}
document.getElementById('recommendations').innerHTML = picks.map((s,idx)=>{
const t=techniques[s.technique];
return `<article class="rec-card"><span class="rank">${idx+1}</span><div class="scale-name">Ansatzpunkt: ${s.label}</div><h3>${t.title}</h3><p>${t.why}</p><ol>${t.steps.map(x=>`<li>${x}</li>`).join('')}</ol></article>`;
}).join('');
document.getElementById('questionArea').style.display='none';
document.getElementById('testActions').style.display='none';
document.getElementById('answerError').style.display='none';
document.getElementById('results').style.display='block';
document.getElementById('progressLabel').textContent='Auswertung abgeschlossen';
document.getElementById('progressText').textContent='86 von 86 Fragen';
document.getElementById('progressFill').style.width='100%';
window.scrollTo({top:document.getElementById('testArea').offsetTop-70,behavior:'smooth'});
}
function restartTest(){
answers={}; current=0; started=false;
document.getElementById('results').style.display='none';
document.getElementById('questionArea').style.display='block';
document.getElementById('testIntro').style.display='block';
document.getElementById('consentBox').checked=false;
document.getElementById('progressLabel').textContent='Vorbereitung';
document.getElementById('progressText').textContent='0 von 86 Fragen';
document.getElementById('progressFill').style.width='0%';
document.getElementById('testArea').scrollIntoView({behavior:'smooth'});
}
</script>
</body>
</html>
Jetzt unverbindlich anfragen!
