Files
intranet/web/intranet_repo/projects/brandschutz/brandschutz.php
T

1378 lines
77 KiB
PHP

<?php
/* Name: brandschutz.php
Beschreibung: Interaktive Brandschutzunterweisung, 5 Säulen des Brandschutzes */
require_once $_SERVER['DOCUMENT_ROOT'] . '/intranet_repo/general_files/initialise.php';
require_once __DIR__ . '/util/brandschutz_helpers.php';
$csrfToken = brandschutz_csrf_token();
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
try {
brandschutz_verify_csrf($_POST['csrf_token'] ?? null);
} catch (InvalidArgumentException $exception) {
http_response_code(400);
exit($exception->getMessage());
}
if (($_POST['action'] ?? '') !== 'complete_training') {
http_response_code(400);
exit('Ungültige Aktion.');
}
if ((int) ($groups['Brandschutz'] ?? 0) !== 1) {
http_response_code(403);
exit('Keine Berechtigung für diese Aktion.');
}
$userId = (int) $_SESSION['user_id'];
$today = brandschutz_today();
$trainingDate = $today->format('Y-m-d');
$trainingDateDisplay = $today->format('d.m.Y');
$dueDateDisplay = $today->modify('+' . BRANDSCHUTZ_VALIDITY_DAYS . ' days')->format('d.m.Y');
$userName = brandschutz_display_name(is_array($user) ? $user : []);
$senderMail = trim((string) ($user['mail'] ?? ''));
$pdo->beginTransaction();
try {
brandschutz_store_training_date($pdo, $userId, $trainingDate, true);
brandschutz_log_admin_message(
$pdo,
$userName,
$senderMail,
'Brandschutzschulung absolviert: ' . $userName,
$userName . ' hat die Brandschutzunterweisung am ' . $trainingDateDisplay . ' erfolgreich absolviert.'
);
$pdo->commit();
} catch (Throwable $exception) {
if ($pdo->inTransaction()) {
$pdo->rollBack();
}
throw $exception;
}
if ($senderMail !== '') {
require_once $_SERVER['DOCUMENT_ROOT'] . '/intranet_repo/general_files/ini/send_mail.php';
$mailSubject = 'Brandschutzunterweisung erfolgreich absolviert';
$mailMessage = brandschutz_greeting(is_array($user) ? $user : [])
. ",\n\nSie haben die Brandschutzunterweisung am {$trainingDateDisplay} erfolgreich absolviert."
. "\n\nIhre nächste Unterweisung ist bis zum {$dueDateDisplay} fällig."
. "\n\nVielen Dank für Ihre Teilnahme!";
if (!send_intranet_mail($senderMail, $mailSubject, $mailMessage)) {
error_log('Brandschutz: Bestätigungsmail an ' . $senderMail . ' konnte nicht gesendet werden.');
}
}
header('Location: /intranet_repo/projects/intranet/index.php?message=8', true, 303);
exit();
}
?>
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<?php require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/html_head.php'; ?>
<link rel="stylesheet" href="/intranet_repo/projects/_central/layouts/brandschutz.css">
<script src="/intranet_repo/projects/_central/scripts/brandschutz.js" defer></script>
<title>Brandschutzunterweisung</title>
</head>
<body class="theme-orange">
<?php require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/header.php'; ?>
<?php include $g_phpSnippetsPath.'overlay_message.php'; ?>
<div class="header_title ht_orange" id="header_title">
<span class="header_title_text">Brandschutzunterweisung</span>
</div>
<form id="bsCompleteForm" method="post" action="/intranet_repo/projects/brandschutz/brandschutz.php" hidden>
<input type="hidden" name="action" value="complete_training">
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($csrfToken, ENT_QUOTES, 'UTF-8') ?>">
</form>
<div class="bs-page-wrapper">
<div class="bs-wizard">
<!-- ═══════════════════════════════════════════
MAIN PROGRESS BAR
═══════════════════════════════════════════ -->
<div class="bs-progress" id="bsMainProgress">
<div class="bs-progress-step active" data-section="0">
<div class="bs-progress-circle">0</div>
<span class="bs-progress-label">Einleitung</span>
</div>
<div class="bs-progress-line"></div>
<div class="bs-progress-step" data-section="1">
<div class="bs-progress-circle">1</div>
<span class="bs-progress-label">Brandverhütung</span>
</div>
<div class="bs-progress-line"></div>
<div class="bs-progress-step" data-section="2">
<div class="bs-progress-circle">2</div>
<span class="bs-progress-label">Brandfall</span>
</div>
<div class="bs-progress-line"></div>
<div class="bs-progress-step" data-section="3">
<div class="bs-progress-circle">3</div>
<span class="bs-progress-label">vBsU</span>
</div>
<div class="bs-progress-line"></div>
<div class="bs-progress-step" data-section="4">
<div class="bs-progress-circle">4</div>
<span class="bs-progress-label">Feuerlöscher</span>
</div>
<div class="bs-progress-line"></div>
<div class="bs-progress-step" data-section="5">
<div class="bs-progress-circle">5</div>
<span class="bs-progress-label">Gemeinde</span>
</div>
</div>
<div class="bs-section" id="bsSection0">
<div class="bs-body">
<div class="bs-chapter-title">Willkommen zur Brandschutzunterweisung</div>
<div class="bs-text">
Brandschutz geht uns alle an. Diese Unterweisung vermittelt Ihnen das notwendige Wissen, um Brände zu vermeiden,
im Ernstfall richtig zu handeln und Ihre Aufgaben im Rahmen des Brandschutzes wahrzunehmen.
Die Schulung vermittelt die Inhalte der für uns geltenden <strong><a href="/intranet_repo/projects/brandschutz/Brandschutzordnung.pdf" target="_blank">Brandschutzordnung</a> nach DIN 14096</strong> und ist in fünf Säulen gegliedert.
Die Schulung dauert nur etwa <strong>20 Minuten</strong> und kann bequem vom Handy oder PC aus durchgeführt werden.
</div>
<div class="bs-intro-hero">
<div class="bs-intro-card">
<p class="bs-intro-lead">
Unser Brandschutz steht auf <strong>fünf Säulen</strong>: Brände vermeiden, im Brandfall richtig handeln,
sicherheitsrelevante Aufgaben pflichtbewusst erledigen, Feuerlöscher sicher einsetzen und die besonderen Gegebenheiten
unserer Kirchengemeinde kennen. Jede Säule trägt dazu bei, Menschen zu schützen, Sachschäden zu verhindern
und im Ernstfall klare Orientierung zu geben.
</p>
<div class="bs-intro-pillars" aria-label="Übersicht der fünf Säulen des Brandschutzes">
<div class="bs-intro-pillar">
<span class="bs-intro-pillar-number">1</span>
<span class="bs-intro-pillar-title">Brände vermeiden</span>
</div>
<div class="bs-intro-pillar">
<span class="bs-intro-pillar-number">2</span>
<span class="bs-intro-pillar-title">Im Brandfall richtig handeln</span>
</div>
<div class="bs-intro-pillar">
<span class="bs-intro-pillar-number">3</span>
<span class="bs-intro-pillar-title">Aufgaben des vBsU</span>
</div>
<div class="bs-intro-pillar">
<span class="bs-intro-pillar-number">4</span>
<span class="bs-intro-pillar-title">Feuerlöscher nutzen</span>
</div>
<div class="bs-intro-pillar">
<span class="bs-intro-pillar-number">5</span>
<span class="bs-intro-pillar-title">Unsere Kircheneinrichtung kennen</span>
</div>
</div>
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left"></div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsGoToSection(1)">Schulung starten ></button>
</div>
</div>
</div>
<div class="bs-section" id="bsSection1" style="display:none;">
<div class="bs-section-header">Säule 1: Maßnahmen zur Vermeidung von Bränden</div>
<div class="bs-substep" id="bsSub1_1">
<div class="bs-body">
<div class="bs-chapter-title">Grundlagen der Brandverhütung</div>
<div class="bs-text">
Die beste Brandbekämpfung ist die Brandverhütung. Durch Ordnung, Sauberkeit und umsichtiges Verhalten lassen sich die meisten Brände vermeiden.
Die folgenden Regeln gelten für <strong>alle Räumlichkeiten</strong> unserer Kirchengemeinde.
</div>
<div class="bs-warnbox">
<div class="bs-warnbox-title">Grundregel</div>
Es besteht <strong>Rauchverbot</strong> in allen Gebäudeteilen. Brennbare Abfälle dürfen nicht in Gebäuden gelagert werden.
</div>
<ul class="bs-list">
<li><strong>Ordnung und Sauberkeit</strong>: Fluchtwege, Treppen und Verkehrsflächen müssen stets freigehalten werden.</li>
<li><strong>Brennbare Abfälle</strong> müssen regelmäßig und ordnungsgemäß entsorgt werden. Keine Lagerung in Gebäuden.</li>
<li><strong>Brandbekämpfungseinrichtungen</strong>: Feuerlöscher, Brandmeldeeinrichtungen, Notausgänge, Hauptschalter und Absperrschieber müssen ständig freizugänglich und gekennzeichnet sein. Bei Mängeln sofort den Gemeindevorsteher informieren.</li>
<li><strong>Flucht- und Rettungswege</strong> dürfen niemals zugestellt oder versperrt werden. Sicherheitsschilder und Fluchtpläne dürfen nicht entfernt, verdeckt oder zugestellt werden.</li>
<li><strong>Brennbare Flüssigkeiten und Gase</strong> müssen getrennt und sicher gelagert werden (nur in zugelassenen Behältern).</li>
</ul>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsGoToSection(0)">< Einleitung</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(1,2)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub1_2" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Sichere Nutzung elektrischer Geräte</div>
<div class="bs-text">
Elektrische Defekte zählen zu den häufigsten Brandursachen. Die folgenden Regeln sind strikt einzuhalten:
</div>
<ul class="bs-list">
<li><strong>Geräte abschalten</strong>: Alle elektrischen Geräte müssen nach Gebrauch abgeschaltet oder vom Netz getrennt werden.</li>
<li><strong>Stand-by-Betrieb</strong>: Geräte dürfen nur im Stand-by laufen, wenn sie unter Aufsicht stehen.</li>
<li><strong>Defekte Geräte</strong>: Beschädigte Kabel, Stecker oder Geräte sofort außer Betrieb nehmen und melden.</li>
<li><strong>Mehrfachsteckdosen</strong> nicht hintereinanderschalten. Maximale Belastung beachten.</li>
<li><strong>Private Elektrogeräte</strong> nur nach Genehmigung verwenden.</li>
</ul>
<div class="bs-infobox">
<div class="bs-infobox-title">Tipp</div>
Beim Verlassen eines Raumes immer prüfen: Sind alle Geräte ausgeschaltet? Sind Kaffeemaschine, Wasserkocher und Heizlüfter vom Netz getrennt?
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(1,1)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(1,3)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub1_3" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Kerzen und Dekoration</div>
<div class="bs-text">
Offenes Feuer ist eine der häufigsten Brandursachen in Versammlungsräumen. Für unsere Kirchengemeinde gelten besondere Regeln:
</div>
<ul class="bs-list">
<li><strong>Adventskränze und -gestecke</strong> nur mit elektrischen Kerzen erlaubt.</li>
<li><strong>Kerzen am Altar</strong> dürfen nur unter ständiger Aufsicht brennen. Löschgerät in Griffweite bereithalten.</li>
<li><strong>Dekoration</strong> nur aus schwerentflammbarem Material. Abstand zu Wärmequellen einhalten.</li>
<li><strong>Schweiß- und Trennschleifarbeiten</strong> nur mit schriftlicher Genehmigung und festgelegten Brandschutzmaßnahmen.</li>
</ul>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(1,2)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(1,4)">Weiter zum Quiz ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub1_4" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Testen Sie Ihr Wissen</div>
<div class="bs-quiz" id="quiz1_1">
<div class="bs-quiz-question">1. Welche Aussage zur Lagerung brennbarer Materialien ist korrekt?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Brennbare Abfälle dürfen kurzzeitig im Flur gelagert werden.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Brennbare Flüssigkeiten und Gase müssen getrennt und in zugelassenen Behältern gelagert werden.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Brennbare Materialien dürfen neben Feuerlöschern abgestellt werden.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="quiz1_1_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_quiz1_1" onclick="bsCheckIndividualQuiz('quiz1_1')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="quiz1_2">
<div class="bs-quiz-question">2. Was gilt für Adventskränze in unseren Kirchenräumen?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Echte Kerzen sind erlaubt, wenn jemand daneben steht.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Nur elektrische Kerzen sind auf Adventskränzen und -gestecken erlaubt.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Kerzen auf Adventskränzen sind generell verboten, auch elektrische.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="quiz1_2_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_quiz1_2" onclick="bsCheckIndividualQuiz('quiz1_2')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="quiz1_3">
<div class="bs-quiz-question">3. Wann dürfen Schweiß- und Trennschleifarbeiten durchgeführt werden?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Jederzeit, wenn ein Feuerlöscher in der Nähe steht.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Nur mit schriftlicher Genehmigung und festgelegten Brandschutzmaßnahmen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Nur am Wochenende, wenn niemand im Gebäude ist.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="quiz1_3_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_quiz1_3" onclick="bsCheckIndividualQuiz('quiz1_3')">Antwort prüfen</button>
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(1,3)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary bs-btn-locked" id="bsNextS1Q" onclick="bsShowSectionScore(1, function(){ bsGoToSection(2); })">Weiter zu Säule 2 ></button>
</div>
</div>
</div>
</div>
<div class="bs-section" id="bsSection2" style="display:none;">
<div class="bs-section-header">Säule 2: Verhalten im Brandfall</div>
<div class="bs-substep" id="bsSub2_1">
<div class="bs-body">
<div class="bs-chapter-title">Sofortmaßnahmen bei Brandentdeckung</div>
<div class="bs-text">
Wird ein Brand entdeckt, ist <strong>schnelles, aber besonnenes Handeln</strong> entscheidend.
Panik ist der größte Feind, bleiben Sie ruhig und handeln Sie systematisch.
</div>
<div class="bs-warnbox">
<div class="bs-warnbox-title">Oberste Regel</div>
<strong>Ruhe bewahren!</strong> Überlegtes Handeln rettet Leben. Panik führt zu Fehlentscheidungen und gefährdet Sie und andere.
</div>
<div class="bs-text">
Folgende Sofortmaßnahmen sind bei Brandentdeckung zu ergreifen und sollten bei Möglichkeit an mehrere Personen delegiert werden.
</div>
<ol class="bs-list-numbered">
<li><strong>A Alarmieren</strong>: Feuerwehr über Notruf <strong>112</strong> alarmieren.</li>
<li><strong>L Leute warnen</strong>: Alle Anwesenden informieren, laut und deutlich warnen.</li>
<li><strong>A Assistieren</strong>: Gefährdete und hilfebedürftige Personen unterstützen.</li>
<li><strong>R Räumen</strong>: Gebäude über die gekennzeichneten Fluchtwege verlassen, Aufzug nicht benutzen und Sammelstelle aufsuchen.</li>
<li><strong>M Möglichst löschen</strong>: Entstehungsbrand nur bekämpfen, wenn dies gefahrlos möglich ist; Feuerlöscher einsetzen.</li>
</ol>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsGoToSection(1)">< Säule 1</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(2,2)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub2_2" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Der Notruf und die 5 W-Fragen</div>
<div class="bs-text">
Die Feuerwehr benötigt bei jedem Notruf klare Informationen. Merken Sie sich die <strong>5 W-Fragen</strong>:
</div>
<ol class="bs-list-numbered">
<li><strong>Wo</strong> brennt es? (Adresse, Gebäudeteil, Stockwerk)</li>
<li><strong>Was</strong> brennt? (Art und Umfang des Brandes)</li>
<li><strong>Wie viele</strong> Personen sind betroffen/verletzt?</li>
<li><strong>Welche</strong> Verletzungen liegen vor?</li>
<li><strong>Warten</strong> auf Rückfragen der Leitstelle!</li>
</ol>
<div class="bs-infobox">
<div class="bs-infobox-title">Unsere Adresse für den Notruf</div>
<strong>Klixstraße 17, 13403 Berlin</strong><br>
Diese Adresse findest du innen an der rechten Tür des Haupteingangs (Fluchttür).
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(2,1)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(2,3)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub2_3" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Evakuierung und Flucht</div>
<div class="bs-text">
Im Brandfall ist die geordnete Evakuierung aller Personen oberstes Ziel.
</div>
<ul class="bs-list">
<li><strong>Fluchtweg nutzen</strong>: Immer die gekennzeichneten Fluchtwege verwenden. Aufzüge nicht benutzen!</li>
<li><strong>Türen schließen</strong>: Brandabschnittstüren und Rauchschutztüren schließen (nicht abschließen!).</li>
<li><strong>Sammelplatz aufsuchen</strong>: Am vereinbarten Sammelplatz einfinden und auf Vollzähligkeitsprüfung warten.</li>
<li><strong>Verrauchte Bereiche meiden</strong>: Bei Rauch: Gebückt gehen, Rauch steigt nach oben.</li>
<li><strong>Einweiser für Feuerwehr</strong>: Wenn möglich, eine Person zur Einweisung der Feuerwehr abstellen.</li>
</ul>
<div class="bs-infobox">
<div class="bs-infobox-title">Warum Türen schließen?</div>
<strong>Geschlossene Türen bremsen Feuer und Rauch und halten Fluchtwege länger nutzbar.</strong>
Türen sollten deshalb geschlossen gehalten werden, aber nicht verkeilt oder blockiert werden!
</div>
<div class="bs-infobox">
<div class="bs-infobox-title">Was tun, wenn der Fluchtweg versperrt ist?
</div>
Wenn ein Fluchtweg durch Rauch oder Feuer versperrt ist: Gehen Sie in einen rauchfreien Raum,
schließen Sie die Tür, dichten Sie Ritzen mit nassen Tüchern ab und machen Sie sich am Fenster
bemerkbar. Warten Sie auf die Feuerwehr. Springen Sie niemals aus oberen Stockwerken!
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(2,2)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(2,4)">Weiter zu den Übungen ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub2_4" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Szenario-Übung</div>
<div class="bs-scenario">
<div class="bs-scenario-header">Rauch im Treppenhaus</div>
<div class="bs-scenario-body">
<div class="bs-scenario-text">
<strong>Szenario:</strong> Sie bemerken nach dem Gottesdienst Rauch im Treppenhaus. Mehrere Gemeindemitglieder,
darunter zwei ältere Personen mit Gehilfe, befinden sich noch im ersten Stock. Was tun Sie?
</div>
<div class="bs-quiz" id="scenario2_1">
<div class="bs-quiz-question">
Welche Verhaltensweisen sind hier <u>falsch</u>? Wählen Sie alle Antworten aus, die man <u>nicht</u> tun sollte.
</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" name="sc2_1" value="a" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Schnell durch das verrauchte Treppenhaus laufen, um die älteren Personen herunterzubringen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" name="sc2_1" value="b" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Ruhe bewahren, 112 anrufen, alle warnen, mit den älteren Personen in einem rauchfreien Raum warten und sich am Fenster bemerkbar machen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" name="sc2_1" value="c" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Durch das verrauchte Treppenhaus gehen und versuchen, den Brand selbst zu löschen.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="scenario2_1_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_scenario2_1" onclick="bsCheckIndividualQuiz('scenario2_1')">Antwort prüfen</button>
</div>
</div>
</div>
</div>
<div class="bs-quiz" id="fill2" style="margin-top: 20px;">
<div class="bs-quiz-question">Ergänzen Sie die Lücken:</div>
<div class="bs-text" style="line-height: 2.2;">
Die Notrufnummer lautet <input type="text" class="bs-fill-input" data-answer="112" id="fill2_1" style="width:60px;"> .
Die Adresse unserer Kirchengemeinde lautet <input type="text" class="bs-fill-input" data-answer="Klixstraße 17" id="fill2_2" style="width:150px;">
mit Postleitzahl <input type="text" class="bs-fill-input" data-answer="13403" id="fill2_3" style="width:100px;">.
</div>
<div class="bs-quiz-feedback" id="fill2_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_fill2" onclick="bsCheckIndividualQuiz('fill2')">Antwort prüfen</button>
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(2,3)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary bs-btn-locked" id="bsNextS2Q" onclick="bsShowSectionScore(2, function(){ bsGoToSection(3); })">Weiter zu Säule 3 ></button>
</div>
</div>
</div>
</div>
<div class="bs-section" id="bsSection3" style="display:none;">
<div class="bs-section-header">Säule 3: Aufgaben des/der vBsU</div>
<div class="bs-substep" id="bsSub3_1">
<div class="bs-body">
<div class="bs-chapter-title">Wer ist der/die vBsU?</div>
<div class="bs-text">
Der/die <strong>verantwortliche Brandschutzunterwiesene (vBsU)</strong> ist die Person, die bei einer Veranstaltung
in der Kirchengemeinde die Verantwortung für den Brandschutz übernimmt. Diese Rolle ist essenziell für die
Sicherheit aller Anwesenden.
</div>
<div class="bs-infobox">
<div class="bs-infobox-title">Kernaufgabe</div>
Der/die vBsU ist <strong>30 Minuten vor Veranstaltungsbeginn</strong> anwesend und führt vor Ort eine Reihe von
Prüfungen und Vorbereitungen durch, um die Sicherheit zu gewährleisten.
</div>
<div class="bs-accordion">
<div class="bs-accordion-header" onclick="this.closest('.bs-accordion').classList.toggle('open')">
<span>Wer kann vBsU werden?</span>
<span class="bs-accordion-arrow">&#9660;</span>
</div>
<div class="bs-accordion-content">
Jedes volljährige Gemeindemitglied, das diese Brandschutzunterweisung erfolgreich absolviert hat und bereit ist,
die Verantwortung zu übernehmen. Eine Liste der aktuellen vBsU liegt beim Gemeindevorsteher aus.
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsGoToSection(2)">< Säule 2</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(3,2)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub3_2" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Vor der Veranstaltung</div>
<div class="bs-text">
Der/die vBsU führt 30 Minuten vor Beginn folgende Prüfungen durch:
</div>
<ul class="bs-checklist" id="bsChecklist3_2">
<li onclick="this.classList.toggle('checked'); bsUpdateChecklistNext('bsChecklist3_2', 'bsNextSub3_2')">
<span class="bs-check-box">&#x25CF;</span>
<span>Fluchtwege und Notausgänge frei und benutzbar?</span>
</li>
<li onclick="this.classList.toggle('checked'); bsUpdateChecklistNext('bsChecklist3_2', 'bsNextSub3_2')">
<span class="bs-check-box">&#x25CF;</span>
<span>Feuerlöscher vorhanden und zugänglich?</span>
</li>
<li onclick="this.classList.toggle('checked'); bsUpdateChecklistNext('bsChecklist3_2', 'bsNextSub3_2')">
<span class="bs-check-box">&#x25CF;</span>
<span>Notbeleuchtung funktionsfähig?</span>
</li>
<li onclick="this.classList.toggle('checked'); bsUpdateChecklistNext('bsChecklist3_2', 'bsNextSub3_2')">
<span class="bs-check-box">&#x25CF;</span>
<span>Sammelplatz (Bürgersteig, Parkplatz) bekannt und zugänglich?</span>
</li>
<li onclick="this.classList.toggle('checked'); bsUpdateChecklistNext('bsChecklist3_2', 'bsNextSub3_2')">
<span class="bs-check-box">&#x25CF;</span>
<span>Hilfebedürftige Personen identifiziert?</span>
</li>
<li onclick="this.classList.toggle('checked'); bsUpdateChecklistNext('bsChecklist3_2', 'bsNextSub3_2')">
<span class="bs-check-box">&#x25CF;</span>
<span>Helfer eingeteilt (Evakuierung, Notruf, Einweisung)?</span>
</li>
<li onclick="this.classList.toggle('checked'); bsUpdateChecklistNext('bsChecklist3_2', 'bsNextSub3_2')">
<span class="bs-check-box">&#x25CF;</span>
<span>Durchsagetext und Notrufadressen griffbereit?</span>
</li>
</ul>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(3,1)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary bs-btn-locked" id="bsNextSub3_2" onclick="bsSubStep(3,3)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub3_3" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Im Notfall</div>
<div class="bs-text">
Im Brandfall übernimmt der/die vBsU die Koordination aller Maßnahmen:
</div>
<ol class="bs-list-numbered">
<li><strong>Evakuierung einleiten</strong>: Durchsage vom Pult verlesen (rotes, laminiertes DIN-A4-Blatt).</li>
<li><strong>Notruf veranlassen</strong>: 112 anrufen oder delegieren.</li>
<li><strong>Helfer koordinieren</strong>: Aufgaben an vorher eingeteilte Helfer vergeben.</li>
<li><strong>Gebäude kontrollieren</strong>: Sicherstellen, dass alle Räume geräumt sind.</li>
<li><strong>Vollzähligkeitsprüfung</strong>: Am Sammelplatz die Anwesenheit prüfen.</li>
<li><strong>Feuerwehr einweisen</strong>: Informationen zu Brandort, vermissten Personen und Gefahren geben.</li>
</ol>
<div class="bs-warnbox">
<div class="bs-warnbox-title">Durchsage im Notfall</div>
Der vorbereitete Text zur Räumung des Gebäudes wird vom Pult aus verlesen. So hören alle Anwesenden
gleichzeitig die gleiche, klare Ansage. Der Text liegt als rotes, laminiertes DIN-A4-Blatt bereit.
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(3,2)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(3,4)">Weiter zu den Übungen ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub3_4" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Zuordnungsübung und Quiz</div>
<div class="bs-text"><strong>Übung:</strong> Ordnen Sie jede Aufgabe der richtigen Phase zu.</div>
<div class="bs-dropdown-match" id="match3">
<div class="bs-dropdown-match-row">
<span class="bs-dropdown-match-label">Fluchtwege prüfen</span>
<select class="bs-dropdown-match-select" data-correct="vor">
<option value="">-- Bitte wählen --</option>
<option value="vor">Vor der Veranstaltung</option>
<option value="notfall">Im Notfall</option>
</select>
</div>
<div class="bs-dropdown-match-row">
<span class="bs-dropdown-match-label">Evakuierungsdurchsage</span>
<select class="bs-dropdown-match-select" data-correct="notfall">
<option value="">-- Bitte wählen --</option>
<option value="vor">Vor der Veranstaltung</option>
<option value="notfall">Im Notfall</option>
</select>
</div>
<div class="bs-dropdown-match-row">
<span class="bs-dropdown-match-label">Hilfebedürftige identifizieren</span>
<select class="bs-dropdown-match-select" data-correct="vor">
<option value="">-- Bitte wählen --</option>
<option value="vor">Vor der Veranstaltung</option>
<option value="notfall">Im Notfall</option>
</select>
</div>
<div class="bs-dropdown-match-row">
<span class="bs-dropdown-match-label">Vollzähligkeitsprüfung</span>
<select class="bs-dropdown-match-select" data-correct="notfall">
<option value="">-- Bitte wählen --</option>
<option value="vor">Vor der Veranstaltung</option>
<option value="notfall">Im Notfall</option>
</select>
</div>
</div>
<div class="bs-quiz-feedback" id="match3_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_match3" onclick="bsCheckIndividualQuiz('match3')">Antwort prüfen</button>
</div>
<div class="bs-quiz" id="quiz3_1" style="margin-top: 24px;">
<div class="bs-quiz-question">Wie lange vor Veranstaltungsbeginn muss der/die vBsU anwesend sein?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>15 Minuten vorher</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>30 Minuten vorher</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>60 Minuten vorher</span>
</label>
</div>
<div class="bs-quiz-feedback" id="quiz3_1_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_quiz3_1" onclick="bsCheckIndividualQuiz('quiz3_1')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="quiz3_2">
<div class="bs-quiz-question">Was ist die erste Handlung des/der vBsU im Brandfall?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Den Brand selbst löschen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Die Evakuierung einleiten und per Durchsage alle Anwesenden warnen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Warten, bis die Feuerwehr eintrifft.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="quiz3_2_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_quiz3_2" onclick="bsCheckIndividualQuiz('quiz3_2')">Antwort prüfen</button>
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(3,3)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary bs-btn-locked" id="bsNextS3Q" onclick="bsShowSectionScore(3, function(){ bsGoToSection(4); })">Weiter zu Säule 4 ></button>
</div>
</div>
</div>
</div>
<div class="bs-section" id="bsSection4" style="display:none;">
<div class="bs-section-header">Säule 4: Hinweise zur Nutzung von Feuerlöschern</div>
<div class="bs-substep" id="bsSub4_1">
<div class="bs-body">
<div class="bs-chapter-title">Grundsätze der Brandbekämpfung</div>
<div class="bs-text">
Feuerlöscher sind für die <strong>Bekämpfung von Entstehungsbränden</strong> gedacht, also für kleine,
gerade entstandene Brände. Bei einem ausgedehnten Brand ist sofortige Evakuierung Pflicht!
</div>
<div class="bs-warnbox">
<div class="bs-warnbox-title">Wichtigster Grundsatz</div>
<strong>Personenrettung geht IMMER vor Brandbekämpfung!</strong><br>
Bringen Sie zuerst alle Personen in Sicherheit, bevor Sie versuchen, einen Brand zu löschen.
</div>
<ul class="bs-list">
<li><strong>Rückzugsweg freihalten</strong>: Löschen Sie immer mit dem Rücken zum Ausgang, damit Sie jederzeit fliehen können.</li>
<li><strong>Feuerlöscher erst am Brandherd aktivieren</strong>: Nicht schon auf dem Weg zum Brand auslösen (begrenzte Löschdauer: ca. 10-15 Sekunden).</li>
<li><strong>Windrichtung beachten</strong>: Immer mit dem Wind löschen, nicht gegen den Wind.</li>
<li><strong>Stoßweise löschen</strong>: Kurze, gezielte Stöße sind effektiver als Dauerbetrieb.</li>
<li><strong>Nicht in Flammen spritzen</strong>: An der Basis des Feuers ansetzen, von vorne nach hinten und von unten nach oben.</li>
</ul>
<div class="bs-infobox">
<div class="bs-infobox-title">Wussten Sie?</div>
Ein handelsüblicher 6-kg-Pulverlöscher hat nur ca. 10-15 Sekunden Löschdauer. Daher: Erst am Brand aktivieren und gezielt einsetzen!
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsGoToSection(3)">< Säule 3</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(4,2)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub4_2" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Richtige Löschtechnik</div>
<div class="bs-text">Die richtige Anwendung entscheidet über den Löscherfolg:</div>
<div class="bs-accordion">
<div class="bs-accordion-header" onclick="this.closest('.bs-accordion').classList.toggle('open')">
<span>Mehrere Löscher einsetzen</span>
<span class="bs-accordion-arrow">&#9660;</span>
</div>
<div class="bs-accordion-content">
Wenn verfügbar, mehrere Feuerlöscher gleichzeitig (nicht nacheinander!) einsetzen.
Die Löschwirkung vervielfacht sich dadurch.
</div>
</div>
<div class="bs-accordion">
<div class="bs-accordion-header" onclick="this.closest('.bs-accordion').classList.toggle('open')">
<span>Flächenbrände (z.B. ausgelaufene Flüssigkeit)</span>
<span class="bs-accordion-arrow">&#9660;</span>
</div>
<div class="bs-accordion-content">
Von vorne nach hinten löschen. An der vorderen Kante des Feuers beginnen und
das Löschmittel gleichmäßig über die Fläche verteilen.
</div>
</div>
<div class="bs-accordion">
<div class="bs-accordion-header" onclick="this.closest('.bs-accordion').classList.toggle('open')">
<span>Tropf- und Fließbrände</span>
<span class="bs-accordion-arrow">&#9660;</span>
</div>
<div class="bs-accordion-content">
Von oben nach unten löschen. Der Schwerkraft folgen.
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(4,1)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(4,3)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub4_3" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Besonderheiten und Gefahren</div>
<ul class="bs-list">
<li><strong>Elektrobrände</strong>: Niemals mit Wasser löschen! CO2-Löscher oder Pulverlöscher verwenden. Gerät wenn möglich vom Netz trennen.</li>
<li><strong>Fettbrände</strong>: Niemals mit Wasser löschen (Fettexplosion)! Deckel drauf, Löschdecke oder speziellen Fettbrandlöscher verwenden.</li>
<li><strong>Nach dem Löschen</strong>: Brandstelle nicht verlassen, Rückzündung möglich. Feuerwehr informieren. Benutzten Feuerlöscher nicht wieder aufhängen, sondern sofort zur Neubefüllung melden.</li>
</ul>
<div class="bs-infobox">
<div class="bs-infobox-title">Nach dem Löschen</div>
Einen benutzten Feuerlöscher immer sofort als benutzt kennzeichnen und die Neubefüllung veranlassen, auch wenn er nur kurz ausgelöst wurde.
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(4,2)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(4,4)">Weiter zum Quiz ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub4_4" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Testen Sie Ihr Wissen</div>
<div class="bs-quiz" id="tf4">
<div class="bs-quiz-question">Welche der folgenden Aussagen sind richtig? (Mehrere Antworten möglich)</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Personenrettung hat immer Vorrang vor der Brandbekämpfung.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Bei einem Elektrobrand kann man bedenkenlos Wasser zum Löschen verwenden.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Einen benutzten Feuerlöscher kann man einfach wieder aufhängen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Mehrere Feuerlöscher sollten gleichzeitig, nicht nacheinander eingesetzt werden.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Brennendes Fett in der Pfanne kann sicher mit Wasser gelöscht werden.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="tf4_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_tf4" onclick="bsCheckIndividualQuiz('tf4')">Antwort prüfen</button>
</div>
</div>
<div class="bs-scenario" style="margin-top: 24px;">
<div class="bs-scenario-header">Brand im Gemeindesaal</div>
<div class="bs-scenario-body">
<div class="bs-scenario-text">
<strong>Szenario:</strong> Sie entdecken einen kleinen Brand an einer Steckdosenleiste im Gemeindesaal.
Die Steckdosenleiste steht unter Strom. In der Nähe befinden sich ein CO2-Löscher
und ein Eimer Wasser. Was tun Sie?
</div>
<div class="bs-quiz" id="scenario4_1">
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Den Eimer Wasser über die Steckdosenleiste schütten, Wasser löscht am besten.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Einen CO2-Löscher verwenden, da bei Elektrobränden kein Wasser eingesetzt werden darf.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Den Raum sofort verlassen und nichts unternehmen.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="scenario4_1_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_scenario4_1" onclick="bsCheckIndividualQuiz('scenario4_1')">Antwort prüfen</button>
</div>
</div>
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(4,3)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary bs-btn-locked" id="bsNextS4Q" onclick="bsShowSectionScore(4, function(){ bsGoToSection(5); })">Weiter zu Säule 5 ></button>
</div>
</div>
</div>
</div>
<div class="bs-section" id="bsSection5" style="display:none;">
<div class="bs-section-header">Säule 5: Brandschutz in unserer Kirchengemeinde</div>
<div class="bs-substep" id="bsSub5_1">
<div class="bs-body">
<div class="bs-chapter-title">Unsere Räumlichkeiten und Ausstattung</div>
<div class="bs-text">
In den vorangegangenen Säulen hast du die allgemeinen Grundlagen des Brandschutzes kennengelernt.
Jetzt wird es konkret: Wir schauen uns an, wie der Brandschutz <strong>in unserer Kirchengemeinde</strong>
organisiert ist, wo sich Feuerlöscher und Notleuchten befinden, wie die Räumung abläuft und
welche Besonderheiten unsere Rettungswege haben.
</div>
<div class="bs-infobox">
<strong>Unsere Gemeinde auf einen Blick:</strong><br>
Unsere Kirchengemeinde fasst <strong>180 bis 200 Personen</strong>. Wir verfügen über
<strong>keine Brandmeldeanlage</strong>, umso wichtiger ist es, dass jeder die Abläufe
im Brandfall kennt und weiß, wo sich die wichtigsten Hilfsmittel befinden.
</div>
<div class="bs-text" style="margin-top: 16px;">
<strong>Standorte der Feuerlöscher:</strong>
</div>
<ul class="bs-list">
<li>Vorraum am seitlichen Ausgang</li>
<li>Treppenhaus 1. OG</li>
<li>Hinterer Kirchenanbau neben der Toilette</li>
</ul>
<div class="bs-text" style="margin-top: 16px;">
<strong>Wichtig:</strong> Die Adresse unserer Kirchengemeinde (für den Notruf) findest du
innen an der rechten Tür des Haupteingangs (Fluchttür): <strong>Klixstraße 17, 13403 Berlin</strong>.
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsGoToSection(4)">< Säule 4</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(5,2)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub5_2" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Rettungswege und Gefahrenstellen</div>
<div class="bs-text">
<strong>Ausgänge aus dem Kirchenschiff:</strong>
</div>
<ul class="bs-list">
<li><strong>Haupteingang</strong> (Achtung: Stufen!)</li>
<li><strong>Hinterer Kirchenanbau</strong> (Achtung: Stufen!)</li>
<li><strong>Seitlicher Eingang</strong> (Achtung: Gegenverkehr von der Empore!)</li>
</ul>
<div class="bs-text" style="margin-top: 16px;">
<strong>Potenzielle Gefahrenstellen auf den Rettungswegen:</strong>
</div>
<ul class="bs-list">
<li>Stufen zwischen Kirchenschiff und Anbau</li>
<li>Stufen vor dem Haupteingang</li>
<li>Treppenhaus an der Empore (Gegenverkehr)</li>
</ul>
<div class="bs-text" style="margin-top: 16px;">
<strong>Koordination im Brandfall:</strong> Die unmittelbaren Aktionen werden
ausschließlich durch die zuständige vBsU koordiniert. Eine klare Zuständigkeit
verhindert Chaos und widersprüchliche Anweisungen. An den potenziellen Gefahrendstellen sollte im Brandfall bei Möglichkeit eine BsU positioniert werden.
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(5,1)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary" onclick="bsSubStep(5,3)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub5_3" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Quiz Teil 1</div>
<div class="bs-quiz" id="bs5q1">
<div class="bs-quiz-question">Wo befinden sich die Feuerlöscher in unserer Kirchengemeinde? (Mehrere Antworten möglich)</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Vorraum am seitlichen Ausgang</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Treppenhaus 1. OG</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Auf der Empore</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Hinterer Kirchenanbau neben der Toilette</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>In der Sakristei</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q1_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q1" onclick="bsCheckIndividualQuiz('bs5q1')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="bs5q2">
<div class="bs-quiz-question">Welche Rettungswege stehen aus dem Kirchenschiff zur Verfügung? (Mehrere Antworten möglich)</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Haupteingang</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Hinterer Kirchenanbau</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Seitlicher Eingang</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Fenster im Kirchenschiff</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q2_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q2" onclick="bsCheckIndividualQuiz('bs5q2')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="bs5q3">
<div class="bs-quiz-question">Verfügt unsere Kirchengemeinde über eine Brandmeldeanlage?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Nein, wir haben keine Brandmeldeanlage.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Ja, in jedem Raum sind Rauchmelder installiert.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Ja, aber nur im Kirchenschiff.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q3_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q3" onclick="bsCheckIndividualQuiz('bs5q3')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="bs5q4">
<div class="bs-quiz-question">Wo findest du die Adresse der Kirchengemeinde für den Notruf?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Innen an der Haupteingangstür.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Auf dem Altar.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Im Treppenhaus 1. OG.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q4_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q4" onclick="bsCheckIndividualQuiz('bs5q4')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="bs5q5">
<div class="bs-quiz-question">Wie viele Personen fasst unser Kirchenschiff?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>180 bis 200 Personen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>200 bis 230 Personen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>150 bis 180 Personen.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q5_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q5" onclick="bsCheckIndividualQuiz('bs5q5')">Antwort prüfen</button>
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(5,2)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary bs-btn-locked" id="bsNextS5P1" onclick="bsSubStep(5,4)">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub5_4" style="display:none;">
<div class="bs-body">
<div class="bs-chapter-title">Quiz Teil 2</div>
<div class="bs-quiz" id="bs5q6">
<div class="bs-quiz-question">Welche Gefahrenstellen gibt es auf den Rettungswegen? (Mehrere Antworten möglich)</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Stufen zwischen Kirchenschiff und Anbau</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Stufen vor dem Haupteingang</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Treppenhaus an der Empore (Gegenverkehr)</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Rampe am Seiteneingang</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q6_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q6" onclick="bsCheckIndividualQuiz('bs5q6')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="bs5q7">
<div class="bs-quiz-question">Wer koordiniert im Brandfall die Aktionen?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Die zuständige vBsU.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Der Gemeindevorsteher.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Anwesende BsU gemeinsam.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q7_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q7" onclick="bsCheckIndividualQuiz('bs5q7')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="bs5q8">
<div class="bs-quiz-question">Wo befinden sich die Notleuchten? (Mehrere Antworten möglich)</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Sakristei</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Unterm Altar</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Letzte seitliche Klappen im Kirchenschiff</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Empore (Tisch)</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Eltern-Kind-Raum (Schrank unter TV)</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Vorraum ("Diakonie-Schrank")</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Toiletten</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q8_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q8" onclick="bsCheckIndividualQuiz('bs5q8')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="bs5q9">
<div class="bs-quiz-question">Wie wird die Räumung eingeleitet?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Der vorbereitete Text wird vom Pult aus verlesen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Es gibt eine Alarmsirene.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Die anwesenden BsU koordinieren die Räumung in ihrem erreichbaren Umfeld.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q9_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q9" onclick="bsCheckIndividualQuiz('bs5q9')">Antwort prüfen</button>
</div>
</div>
<div class="bs-quiz" id="bs5q10">
<div class="bs-quiz-question">Wer übernimmt die weitere Erste Hilfe im Brandfall?</div>
<div class="bs-quiz-options">
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="true">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Anwesende Ersthelfer*innen.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Die vBsU.</span>
</label>
<label class="bs-quiz-option" onclick="bsToggleCheckbox(this)">
<input type="checkbox" data-correct="false">
<span class="bs-quiz-indicator">&#x25CF;</span>
<span>Niemand, wir warten auf den Rettungsdienst.</span>
</label>
</div>
<div class="bs-quiz-feedback" id="bs5q10_fb"></div>
<div class="bs-quiz-btn-group">
<button type="button" class="bs-btn bs-btn-primary" id="bsCheck_bs5q10" onclick="bsCheckIndividualQuiz('bs5q10')">Antwort prüfen</button>
</div>
</div>
</div>
<div class="bs-actions">
<div class="bs-actions-left">
<button type="button" class="bs-btn" onclick="bsSubStep(5,3)">< Zurück</button>
</div>
<div class="bs-actions-right">
<button type="button" class="bs-btn bs-btn-primary bs-btn-locked" id="bsNextS5P2" onclick="bsFinalResultAction()">Weiter ></button>
</div>
</div>
</div>
<div class="bs-substep" id="bsSub5_5" style="display:none;">
<div class="bs-body"></div>
</div>
</div>
<div class="bs-section" id="bsSectionScore" style="display:none;">
<div class="bs-section-header">Zwischenstand</div>
<div class="bs-body"></div>
<div class="bs-actions">
<div class="bs-actions-left"></div>
<div class="bs-actions-right"></div>
</div>
</div>
</div><!-- end .bs-wizard -->
</div><!-- end .bs-page-wrapper -->
</div><!-- end .content#base -->
<?php require_once $_SERVER['DOCUMENT_ROOT'].'/intranet_repo/projects/_central/php/footer.php'; ?>
</body>
</html>