Wie humanistisch bin ich?

:root { font-family: system-ui, -apple-system, „Segoe UI“, Roboto, Helvetica, Arial, „Noto Sans“, sans-serif; line-height: 1.45; } body { padding: 24px; max-width: 100%; /* volle Breite */ margin: 0; /* keine Zentrierung */ color: #111; box-sizing: border-box; /* wichtig, damit Padding nicht die Breite sprengt */ } header { margin-bottom: 18px; } h5 { font-size: 1.05rem; margin: 0 0 8px 0; } p.lead { margin: 6px 0 18px 0; color: #333; } .card { border: 1px solid rgba(0,0,0,0.08); padding: 18px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.03); width: 100%; /* volle Breite der Karte */ box-sizing: border-box; } ol { padding-left: 20px; } .question { margin-bottom: 16px; } .choices { list-style: none; padding: 0; margin: 8px 0 0 0; } .choices li { margin: 6px 0; } label.choice { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 8px; } input[type=radio] { width: 18px; height: 18px; vertical-align: middle; /* zentriert zum Text */ margin-top: 0; /* optional: überschreibt Browser-Standard */ } .controls { display: flex; gap: 10px; align-items: center; margin-top: 14px; } button { padding: 8px 12px; border: 1px solid rgba(0,0,0,0.08); background: #fff; cursor: pointer; } button.primary { background: linear-gradient(180deg, rgba(0,0,0,0.03), #fff); font-weight: 600; } .result { margin-top: 14px; font-weight: 700; } .feedback { margin-top: 10px; padding: 10px; } .correct { background: rgba(40,167,69,0.08); border: 1px solid rgba(40,167,69,0.12); color: #155724; } .wrong { background: rgba(220,53,69,0.06); border: 1px solid rgba(220,53,69,0.1); color: #721c24; } .hidden { display: none; } .small { font-size: 0.92rem; } footer { margin-top: 18px; color: #444; font-size: 0.92rem; }

10 kurze Fragen, je 4 Antworten. Wähle und klicke auf „Antwort prüfen“.

1. Was ist die zentrale Grundlage des Humanismus?
   Offenbarung durch heilige Schriften Vernunft, Wissenschaft und Mitgefühl Autorität religiöser Institutionen Tradition und Gehorsam
2. Humanist:innen glauben …
   dass es ein Leben nach dem Tod gibt dass Moral auf göttlichen Geboten beruht dass Menschen selbst Sinn im Leben schaffen dass Astrologie zuverlässige Antworten gibt
3. Welche Erklärung beschreibt Humanismus am besten?
   Ein politisches System Eine wissenschaftliche Theorie Eine nichtreligiöse Lebenseinstellung Ein Kunststil
4. Was lehnen Humanist:innen ab?
   Kritisches Denken Übernatürliche Mächte Demokratie Mitgefühl
5. Worauf stützen Humanist:innen ihre moralischen Entscheidungen?
   Auf heilige Gebote Auf Traditionen Auf Mitgefühl und Folgen für das Wohlergehen Auf Autoritätspersonen
6. Welche historische Epoche war besonders prägend für den modernen Humanismus?
   Mittelalter Renaissance Steinzeit Industrialisierung
7. Wer gilt als bedeutender humanistischer Denker des 20. Jahrhunderts?
   Bertrand Russell Thomas von Aquin Martin Luther Nostradamus
8. Humanist:innen setzen sich ein für …
   Zensur Wissenschaft, Menschenrechte und Demokratie Gehorsam gegenüber Autoritäten Festhalten an Dogmen
9. Wie sehen Humanist:innen das Leben?
   Als eine Prüfung für das Jenseits Als Geschenk von Göttern Als einzigartig und wertvoll hier und jetzt Als Illusion
10. Was bedeutet „Humanismus im Alltag“?
    Sich zurückziehen und nur an sich denken Andere missionieren Menschenrechte verteidigen und solidarisch handeln Dogmen unkritisch übernehmen

Antwort prüfen Lösungen anzeigen Neu starten

(function(){ const answers = {q1:’b‘,q2:’c‘,q3:’c‘,q4:’b‘,q5:’c‘,q6:’b‘,q7:’a‘,q8:’b‘,q9:’c‘,q10:’c‘}; const form = document.getElementById(‚quizForm‘); const checkBtn = document.getElementById(‚checkBtn‘); const revealBtn = document.getElementById(‚revealBtn‘); const resetBtn = document.getElementById(‚resetBtn‘); const scoreEl = document.getElementById(’score‘); const feedbackArea = document.getElementById(‚feedbackArea‘); function getSelected(name){ const el = form.querySelector(‚input[name=“‚+name+'“]:checked‘); return el ? el.value : null; } function evaluate(showFeedback){ let correct = 0; let total=10; feedbackArea.innerHTML=“; for(let i=1;i{l.classList.remove(‚correct‘,’wrong‘)}); if(sel===answers[key]){ correct++; if(showFeedback){ const label = form.querySelector(‚input[name=“‚+key+'“][value=“‚+sel+'“]‘).closest(‚label‘); label.classList.add(‚correct‘); }} else { if(showFeedback){ if(sel){ const chosen = form.querySelector(‚input[name=“‚+key+'“][value=“‚+sel+'“]‘).closest(‚label‘); chosen.classList.add(‚wrong‘); } // highlight correct const correctLabel = form.querySelector(‚input[name=“‚+key+'“][value=“‚+answers[key]+'“]‘).closest(‚label‘); correctLabel.classList.add(‚correct‘); } } } scoreEl.textContent = `Erreichte Punkte: ${correct} / ${total}`; if(showFeedback){ feedbackArea.classList.remove(‚hidden‘); feedbackArea.innerHTML = ``; } return correct; } checkBtn.addEventListener(‚click‘,function(){ evaluate(true); // focus score for accessibility scoreEl.focus && scoreEl.focus(); }); revealBtn.addEventListener(‚click‘,function(){ // reveal correct answers without marking user’s choices feedbackArea.classList.remove(‚hidden‘); let list = ‚

‚; for(let i=1;i<=10;i++){ list += `
1. Frage ${i}: richtige Antwort ${answers[‚q’+i].toUpperCase()}
`; } list += ‚

‚; feedbackArea.innerHTML = ``; scoreEl.textContent = “; }); resetBtn.addEventListener(‚click‘,function(){ form.reset(); scoreEl.textContent=“; feedbackArea.classList.add(‚hidden‘); // remove classes form.querySelectorAll(‚label.choice‘).forEach(l=>{l.classList.remove(‚correct‘,’wrong‘)}); }); // allow pressing Enter to check when focused on a radio form.addEventListener(‚keypress‘,function(e){ if(e.key === ‚Enter‘){ e.preventDefault(); evaluate(true); } }); })();