Umbau code structure mit neuen dirs und vibecoding
This commit is contained in:
parent
fc9965326f
commit
c787616b9b
304
Geschichte.html
304
Geschichte.html
@ -1,304 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Geschichte | Feuerwehr Stadt Wehlen</title>
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="nav.css">
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--fw-rot: #900000;
|
||||
--fw-grau: #616161;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f8f9fa;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
/* Header mit dem Logo im Hintergrund */
|
||||
.history-page-header {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 60px 0;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.header-bg-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
height: 120%;
|
||||
opacity: 0.07;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.history-page-header h1, .history-page-header p {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.history-page-header h1 {
|
||||
color: var(--fw-rot);
|
||||
font-weight: 800;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* Container & Accordion */
|
||||
.history-container {
|
||||
max-width: 900px;
|
||||
margin: 40px auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.accordion-item {
|
||||
border: none !important;
|
||||
margin-bottom: 1.5rem;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
||||
border-radius: 8px !important;
|
||||
overflow: hidden;
|
||||
border-left: 5px solid var(--fw-rot) !important;
|
||||
}
|
||||
|
||||
.accordion-button {
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
color: #333;
|
||||
background-color: #fff !important;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed) {
|
||||
color: var(--fw-rot);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.accordion-button:focus { box-shadow: none; }
|
||||
|
||||
.accordion-body {
|
||||
background-color: #fff;
|
||||
padding: 2.5rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
section h2 {
|
||||
color: var(--fw-rot);
|
||||
font-weight: 700;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
border-left: 4px solid var(--fw-rot) !important;
|
||||
padding: 15px 20px;
|
||||
background-color: #f9f9f9;
|
||||
margin: 25px 0;
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
|
||||
.btn-custom {
|
||||
background-color: var(--fw-grau);
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px 25px;
|
||||
border-radius: 8px;
|
||||
transition: 0.3s;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.btn-custom:hover {
|
||||
background-color: var(--fw-rot) !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer { background-color: #fff; border-top: 1px solid #dee2e6; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-custom">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center" href="index.html">
|
||||
<img src="ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;">
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="#">Aktuelles</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-bs-toggle="dropdown">Über uns</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item" href="technik.html">Technik</a></li>
|
||||
<li><a class="dropdown-item" href="#">Mitglieder</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Kontakt/Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="history-page-header">
|
||||
<img src="ffw_transp_72.gif" class="header-bg-icon" alt="BG-Icon">
|
||||
<h1>Unsere Geschichte</h1>
|
||||
<p class="lead text-muted">Chronik der FFw Stadt Wehlen seit 1865</p>
|
||||
</div>
|
||||
|
||||
<div class="history-container">
|
||||
<div class="accordion accordion-flush" id="fireHistoryAccordion">
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
|
||||
1865 - 1900
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<section style="max-width: 800px; margin: auto; text-align: justify;">
|
||||
<h2>Die Anfänge der Feuerwehr in Stadt Wehlen</h2>
|
||||
<p>Die Feuerwehr unseres Wehlstädtchens wird in den Berichten, die heute noch im Archiv lagern, um <strong>1865</strong> zum ersten Mal erwähnt. Damals war es eine <strong>Pflichtfeuerwehr</strong>, d. h. alle Männer von <strong>18 bis 50 Jahren</strong> wurden erfasst und nach einem strengen Gesetz verpflichtet.</p>
|
||||
<p>Im Jahr <strong>1899</strong> versuchte man erstmals, die Männer der Pflichtfeuerwehr zu überzeugen, eine <strong>Freiwillige Feuerwehr</strong> aufzubauen. Der Vorschlag kam von der <strong>Feuerwehr Pirna</strong>. Doch der damalige Stadtgemeinderat von Stadt Wehlen lehnte ab:</p>
|
||||
<blockquote style="font-style: italic; border-left: 4px solid #900000; padding-left: 10px;">
|
||||
„... es wäre nicht nötig und außerdem zu kostspielig.“
|
||||
</blockquote>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
|
||||
1901 - 1945
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<section style="max-width: 800px; margin: auto; text-align: justify;">
|
||||
<h2>Die Gründung der Freiwilligen Feuerwehr Stadt Wehlen</h2>
|
||||
<p>Am <strong>27. Januar 1901</strong> wurde der Wehlener Gemeinderat durch Herrn Branddirektor Jäger angeschrieben und darauf hingewiesen, dass Stadt Wehlen im Bezirk die letzte Stadt sei, die keine freiwillige Feuerwehr besitze.</p>
|
||||
<p>Am <strong>8. Februar 1901</strong> wurde die noch bestehende Pflichtfeuerwehr in die <strong>"Elbterrasse"</strong> gerufen und zur Generalversammlung geladen. Von den 44 anwesenden Herren erklärten sich 30 bereit, einzutreten.</p>
|
||||
<h3>Die offizielle Gründung</h3>
|
||||
<p>Am <strong>12. März 1901</strong> wurde die Freiwillige Feuerwehr Stadt Wehlen offiziell gegründet. Das Grundgesetz der Feuerwehr beinhaltete in 14 Paragraphen die Pflichten und Rechte.</p>
|
||||
<h3>Ausrüstung der Feuerwehr</h3>
|
||||
<ul>
|
||||
<li>1 vierrädrige Abprotzspritze</li>
|
||||
<li>430 Meter Hanf-Schlauch</li>
|
||||
<li>18 Schöpeimer</li>
|
||||
<li>1 Steigleiter (8,80 m)</li>
|
||||
<li>1 Leiterwagen, 3 Hakenleitern, 2 Anlegeleitern, 5 Feuerhaken</li>
|
||||
</ul>
|
||||
<h3>Technische Entwicklung</h3>
|
||||
<p>In den Jahren <strong>1903 bis 1904</strong> erhielt Stadt Wehlen eine zentrale Wasserleitung mit 31 Unterflurhydranten. 1935 erhielt die Feuerwehr eine Motorspritze sowie einen Mannschaftswagen vom Typ <strong>Mercedes</strong>.</p>
|
||||
<button type="button" class="btn btn-custom mt-3" data-bs-toggle="modal" data-bs-target="#imageModal">
|
||||
Öffne Zeitungsartikel von 1921
|
||||
</button>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree">
|
||||
1946 - 1989
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<section style="max-width: 800px; margin: auto; text-align: justify;">
|
||||
<h2>Wiederaufbau nach 1949</h2>
|
||||
<p>Große Anstrengungen unternahmen die Kameraden nach <strong>1949</strong>, um wieder eine arbeitsfähige Wehr aufzubauen. Zur Gründung eines Fanfarenzuges wurden Gelder gespendet, und nach einem Jahr konnten wir das erste Mal öffentlich auftreten.</p>
|
||||
<h3>Die Löschgruppe Stadt Wehlen II</h3>
|
||||
<p>Am <strong>1. April 1956</strong> wurde im Ortsteil Pötzscha eine Löschgruppe gegründet, da die Brände an der Bahnlinie zunahmen.</p>
|
||||
<h3>Einsätze und Katastrophen</h3>
|
||||
<p>1957 leisteten wir Hilfe bei der Unwetterkatastrophe in Pirna. Im <strong>Juli 1958</strong> folgte ein schweres Unwetter in Stadt Wehlen (Waldidylle). Ein weiterer Meilenstein war der Großbrand der Sparkasse am Markt am <strong>24. Dezember 1963</strong> bei -20°C.</p>
|
||||
<p>1967 erhielten wir unser erstes Kleinlöschfahrzeug <strong>B 1000</strong>, und 1971 das Löschfahrzeug <strong>LO 1800</strong>.</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour">
|
||||
1990 - 1994
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<section style="max-width: 800px; margin: auto; text-align: justify;">
|
||||
<h2>Nach der Wiedervereinigung 1990</h2>
|
||||
<p>Nach der Wiedervereinigung konnten wir preisgünstig Technik erwerben, darunter ein B 1000 für Pötzscha. 1991 feierte die Wehr ihr <strong>90-jähriges Jubiläum</strong>.</p>
|
||||
<p>Im November 1991 erhielten wir ein Löschfahrzeug vom Typ Opel als Geschenk unserer Partnerfeuerwehr aus <strong>Deuschelried/Wangen</strong>. 1993/94 wurde das Gerätehaus in Pötzscha vergrößert.</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive">
|
||||
1995 - heute
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<section style="max-width: 800px; margin: auto; text-align: justify;">
|
||||
<h2>Hochwasser 2002</h2>
|
||||
<p>Am <strong>13.08.2002</strong> wurden wir zum Hochwasser nach Pirna gerufen. In den folgenden Tagen erreichte die Elbe in Stadt Wehlen einen historischen Höchststand von <strong>12,04 m</strong>.</p>
|
||||
<p>Wir erhielten massive Unterstützung durch die Feuerwehren aus <strong>Trochtelfingen, Wangen und Forst</strong>. Die Kameraden waren vom 13.08. bis 31.08. im Dauereinsatz, oft 16-18 Stunden täglich.</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="imageModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Originalausschnitt von 1921</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body text-center">
|
||||
<img src="ffw_wehlen_1921.jpeg" alt="Zeitung 1921" class="img-fluid rounded shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="container-fluid py-4">
|
||||
<div class="row justify-content-center align-items-center">
|
||||
<div class="col-lg-4 col-md-5 text-lg-end text-center mb-3 mb-lg-0">
|
||||
<h6 class="fw-bold text-decoration-underline">Letzte Aktualisierung</h6>
|
||||
<p class="mb-0">17. März 2026</p>
|
||||
<small class="text-muted">(Version 1.2)</small>
|
||||
</div>
|
||||
<div class="col-lg-1 d-none d-lg-block"></div>
|
||||
<div class="col-lg-4 col-md-5 text-lg-start text-center">
|
||||
<h6 class="fw-bold text-decoration-underline">Statistik der FFw Stadt Wehlen</h6>
|
||||
<p class="mb-0 small"><strong>Aktive:</strong> 27 | <strong>Jugend:</strong> 23 | <strong>Passive:</strong> 9 | <strong>Förderverein:</strong> 172</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 7.9 KiB |
@ -1,7 +1,7 @@
|
||||
/* ======================================================
|
||||
1. Grundlegende Einstellungen
|
||||
====================================================== */
|
||||
html, body {
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
@ -10,47 +10,54 @@ html, body {
|
||||
}
|
||||
|
||||
/* ======================================================
|
||||
2. NAVBAR-DESIGN
|
||||
2. NAVBAR-DESIGN (Mit ffw_transp_72.gif Pattern)
|
||||
====================================================== */
|
||||
.navbar-custom {
|
||||
background-color: #b30000;
|
||||
background-image: url('logo2.jpeg');
|
||||
/* Der Pfad geht eine Ebene hoch aus /css/ raus und dann in /bilder/ */
|
||||
background-image: url('../bilder/ffw_transp_72.gif');
|
||||
background-size: 7em;
|
||||
background-repeat: repeat;
|
||||
padding: 1rem 0;
|
||||
color: #900000;
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand,
|
||||
.navbar-custom .nav-link {
|
||||
color: #ffffff;
|
||||
color: #ffffff !important;
|
||||
font-weight: 600;
|
||||
/* Kleiner Schatten für bessere Lesbarkeit auf dem Pattern */
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.navbar-custom .nav-link:hover {
|
||||
color: #000000;
|
||||
color: #000000 !important;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-menu {
|
||||
background-color: #900000;
|
||||
background-image: url('logo2.jpeg');
|
||||
/* Auch hier das Pattern für das Dropdown */
|
||||
background-image: url('../bilder/ffw_transp_72.gif');
|
||||
background-size: 9em;
|
||||
border: 1px solid rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-item {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-item:hover {
|
||||
background-color: transparent;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
a.dropdown-item {
|
||||
color: #ffffff;
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/* Brand/Logo Zentrierung & Styling */
|
||||
.navbar-brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.75rem;
|
||||
margin: 0 auto;
|
||||
margin-right: 1rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@ -76,9 +83,6 @@ a.dropdown-item {
|
||||
.navbar-brand img {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.navbar-brand span {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 520px) {
|
||||
@ -94,12 +98,12 @@ a.dropdown-item {
|
||||
width: 100%;
|
||||
padding: 2rem 0;
|
||||
background-color: #f8f9fa;
|
||||
text-align: center; /* wichtig für das inline-block Verhalten */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fb-align-center {
|
||||
display: inline-block;
|
||||
text-align: left; /* Inhalt innen linksbündig, Box selbst zentriert */
|
||||
text-align: left;
|
||||
max-width: 700px;
|
||||
width: 100%;
|
||||
}
|
||||
@ -114,7 +118,6 @@ a.dropdown-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Facebook-spezifische Elemente */
|
||||
.fb-page,
|
||||
.fb-page > span,
|
||||
.fb-page > span > iframe {
|
||||
333
geschichte/Geschichte.html
Executable file
333
geschichte/Geschichte.html
Executable file
@ -0,0 +1,333 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Geschichte - Feuerwehr Stadt Wehlen</title>
|
||||
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
<link rel="stylesheet" href="../css/nav.css" />
|
||||
<link rel="stylesheet" href="../css/footer.css" />
|
||||
|
||||
<style>
|
||||
/* Exaktes Startseiten-Styling für Nav & Footer */
|
||||
.navbar-custom {
|
||||
background-color: #b30000 !important;
|
||||
background-image: url('../bilder/logo2.jpeg') !important;
|
||||
background-size: 7em !important;
|
||||
background-repeat: repeat !important;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand,
|
||||
.navbar-custom .nav-link {
|
||||
color: #ffffff !important;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-menu {
|
||||
background-color: #900000 !important;
|
||||
background-image: url('../bilder/logo2.jpeg') !important;
|
||||
background-size: 9em !important;
|
||||
}
|
||||
|
||||
.dropdown-item { color: white !important; }
|
||||
.dropdown-item:hover { background-color: rgba(255,255,255,0.2) !important; }
|
||||
|
||||
/* Page-Header mit Logo-Wasserzeichen */
|
||||
.page-header {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 70px 0;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.header-bg-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
height: 140%;
|
||||
opacity: 0.08;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.page-header h1 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: #900000;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Accordion & Content Styling */
|
||||
.history-container {
|
||||
max-width: 950px;
|
||||
margin: 40px auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.accordion-item {
|
||||
border-left: 6px solid #b30000 !important;
|
||||
margin-bottom: 15px;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.accordion-button {
|
||||
font-weight: 700;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.accordion-button:not(.collapsed) {
|
||||
background-color: #fdfdfd !important;
|
||||
color: #b30000 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.accordion-body {
|
||||
line-height: 1.8;
|
||||
text-align: justify;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.accordion-body h2, .accordion-body h3 {
|
||||
color: #900000;
|
||||
font-weight: bold;
|
||||
margin-top: 20px;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
border-left: 4px solid #b30000;
|
||||
padding: 10px 20px;
|
||||
margin: 25px 0;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.btn-custom-gray {
|
||||
background-color: #616161;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 4px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.btn-custom-gray:hover {
|
||||
background-color: #b30000;
|
||||
color: white;
|
||||
}
|
||||
|
||||
ul li { margin-bottom: 5px; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center" href="../index.html">
|
||||
<img src="../bilder/ffw_transp_72.gif" alt="Logo" style="height: 3em; width: auto; margin-right: 0.5rem;">
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="#">Aktuelles</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown">Über uns</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item" href="../technik/technik.html">Technik</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="../mitglieder/Organigramm.html">Organigramm</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Kontakt / Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="page-header">
|
||||
<img src="../bilder/ffw_transp_72.gif" class="header-bg-icon" alt="">
|
||||
<h1>Unsere Geschichte</h1>
|
||||
</div>
|
||||
|
||||
<div class="history-container">
|
||||
<div class="accordion accordion-flush" id="fireHistoryAccordion">
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
|
||||
1865 - 1900
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<h2>Die Anfänge der Feuerwehr in Stadt Wehlen</h2>
|
||||
<p>Die Feuerwehr unseres Wehlstädtchens wird in den Berichten, die heute noch im Archiv lagern, um <strong>1865</strong> zum ersten Mal erwähnt. Damals war es eine <strong>Pflichtfeuerwehr</strong>, d. h. alle Männer von <strong>18 bis 50 Jahren</strong> wurden erfasst und nach einem strengen Gesetz verpflichtet.</p>
|
||||
<p>Im Jahr <strong>1899</strong> versuchte man erstmals, die Männer der Pflichtfeuerwehr zu überzeugen, eine <strong>Freiwillige Feuerwehr</strong> aufzubauen. Der Vorschlag kam von der <strong>Feuerwehr Pirna</strong>. Doch der damalige Stadtgemeinderat von Stadt Wehlen lehnte ab:</p>
|
||||
<blockquote>„... es wäre nicht nötig und außerdem zu kostspielig.“</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
|
||||
1901 - 1945
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<h2>Die Gründung der Freiwilligen Feuerwehr Stadt Wehlen</h2>
|
||||
<p>Am <strong>27. Januar 1901</strong> wurde der Wehlener Gemeinderat durch Herrn Branddirektor Jäger angeschrieben und darauf hingewiesen, dass Stadt Wehlen im Bezirk die letzte Stadt sei, die keine freiwillige Feuerwehr besitze. Er bat um Unterstützung und um die Gründung einer Freiwilligen Feuerwehr.</p>
|
||||
<p>Am <strong>8. Februar 1901</strong> wurde die noch bestehende Pflichtfeuerwehr in die <strong>"Elbterrasse"</strong> gerufen und zur Generalversammlung geladen. Bei unentschuldigtem Fehlen wurde Strafe angedroht. Der Abend wurde durch Herrn Branddirektor Jäger genutzt, um über die Vorteile einer Freiwilligen Feuerwehr zu sprechen. Zu diesem Vortrag waren alle Stadträte und Stadtverordneten anwesend, und Herr Bürgermeister Schaale unterstrich die Worte von Herrn Jäger und setzte sich stark für die Gründung einer Freiwilligen Feuerwehr ein.</p>
|
||||
<p>Von den 44 anwesenden Herren der Pflichtfeuerwehr erklärten sich 30 bereit, in die Freiwillige Feuerwehr einzutreten. So meldete der Bürgermeister die Mitgliedschaft zum Bezirksverband Sächsischer Feuerwehren an.</p>
|
||||
<p>Im Februar 1901 konnte Bürgermeister Schaale den Gemeinden <strong>Hohnstein, Gottleuba, Berggießhübel, Neundorf, Rabenau</strong> und <strong>Siebenlehn</strong> vom Entschluss zur Gründung einer Freiwilligen Feuerwehr Mitteilung machen. Er rief die Gemeinden und Städte zur Unterstützung auf.</p>
|
||||
|
||||
<h3>Die offizielle Gründung</h3>
|
||||
<p>Am <strong>9. März 1901</strong> fand im Hotel <strong>"Elbterrasse"</strong> die Konstituierung der Freiwilligen Feuerwehr Stadt Wehlen statt. Am <strong>12. März 1901</strong> wurde die Freiwillige Feuerwehr Stadt Wehlen offiziell gegründet.</p>
|
||||
<p>Das Grundgesetz der Feuerwehr wurde bekannt gegeben, welches in 14 Paragraphen die Pflichten und Rechte des Feuerwehrmannes beinhaltete. So hieß es in §1:</p>
|
||||
<blockquote>"Zweck der Freiwilligen Feuerwehr ist, bei ausbrechenden Bränden im Gemeindebezirk in geordneter Weise rettend und schützend Beistand zu leisten. Bei entstehenden Bränden in den benachbarten Orten und zwar bis 2 Stunden entfernt, leistet die Feuerwehr mit einem Teil der Mannschaft gleichfalls Hilfe."</blockquote>
|
||||
|
||||
<h3>Ausrüstung der Feuerwehr</h3>
|
||||
<ul>
|
||||
<li>1 vierrädrige Abprotzspritze</li>
|
||||
<li>430 Meter Hanf-Schlauch</li>
|
||||
<li>18 Schöpeimer</li>
|
||||
<li>1 Steigleiter (8,80 m)</li>
|
||||
<li>1 Leiterwagen</li>
|
||||
<li>3 Hakenleitern</li>
|
||||
<li>2 Anlegeleitern</li>
|
||||
<li>5 Feuerhaken</li>
|
||||
</ul>
|
||||
|
||||
<h3>Technische Entwicklung</h3>
|
||||
<p>In den Jahren <strong>1903 bis 1904</strong> ließ Herr Ingenieur Mennicke als Geschenk für Stadt Wehlen eine zentrale Wasserleitung errichten. Dies war ein großer Vorteil für die Feuerwehr, denn nun konnten alle Punkte der Stadt mit Löschwasser aus dem zentralen Rohrnetz über <strong>31 Unterflurhydranten</strong> und <strong>1 Oberflurhydrant</strong> erreicht werden.</p>
|
||||
<p>Am <strong>23. Oktober 1921</strong> fand in Stadt Wehlen der <strong>20. Bezirkstag der Feuerwehren</strong> statt. Um 10 Uhr trafen 57 Feuerwehren ein, und in der "Elbterrasse" wurde eine Festsitzung abgehalten. Anschließend wurde eine Großübung am Hotel <strong>"Sächsische Schweiz"</strong> vor über 500 Gästen und Einwohnern durchgeführt. Am Nachmittag folgte ein großer Umzug mit <strong>vier Blaskapellen</strong> und <strong>zwei Spielmannszügen</strong>.</p>
|
||||
|
||||
<h3>Weitere Meilensteine</h3>
|
||||
<p>Am <strong>24. Mai 1925</strong> wurde das Feuerwehrdepot auf der Pirnaer Straße festlich eingeweiht. Hier stand die Feuerwehr unter der Leitung von Dachdeckermeister Otto Israel.</p>
|
||||
<p>1934 begann der Kampf um eine Motorspritze. Am <strong>12. Februar 1935</strong> wurde schließlich angeordnet, dass Stadt Wehlen eine Motorspritze beschaffen muss. Im gleichen Jahr erhielt die Feuerwehr eine Motorspritze sowie einen Mannschaftswagen vom Typ <strong>Mercedes</strong>.</p>
|
||||
|
||||
<h3>Die Feuerwehr im Zweiten Weltkrieg</h3>
|
||||
<p>Während des <strong>Zweiten Weltkriegs (1939–1945)</strong> übernahm die Wehr gemeinsam mit einer verpflichteten Frauengruppe den Schutz der Stadt. Unter dem Kommando von Hauptmann Fröde wurde ein straffer Dienst verlangt. Jede Woche wurden ein Dienstappell mit Überprüfung der Uniformen und Gerätschaften sowie zweistündige Übungen durchgeführt.</p>
|
||||
|
||||
<button type="button" class="btn btn-custom-gray mt-3" data-bs-toggle="modal" data-bs-target="#imageModal">
|
||||
Öffne Zeitungsartikel von 1921
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree">
|
||||
1946 - 1989
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<h2>Wiederaufbau der Freiwilligen Feuerwehr nach 1949</h2>
|
||||
<p>Große Anstrengungen unternahmen die Kameraden nach <strong>1949</strong>. Kamerad Weber war damals der Jüngste, der die Wehr als Leiter übernahm. Wir wurden zum Beispiel zur Abholzung von Wäldern aufgerufen, damit die Bürger Feuerholz bekamen. Zur Erneuerung des Sportplatzes leisteten die Kameraden freiwillige Stunden.</p>
|
||||
<p>So wurden zur Gründung eines <strong>Fanfarenzuges</strong> von Bürgern der Stadt Gelder gespendet. Nach einem Jahr konnten wir das erste Mal öffentlich auftreten und marschierten bei Veranstaltungen wie dem 1. Mai an der Spitze mit.</p>
|
||||
|
||||
<h3>Der LKW und die Gründung der Löschgruppe Stadt Wehlen II</h3>
|
||||
<p>1956 kaufte der Rat der Stadt einen LKW, den die Kameraden als Zugkraftwagen ausbauten. Am <strong>1. April 1956</strong> wurde in Stadt Wehlen II (Pötzscha), unter Führung des Kameraden Böhme, eine Löschgruppe gegründet, da die Brände an der Bahnlinie zunahmen.</p>
|
||||
|
||||
<h3>Unwetterkatastrophen und die "Reinigungswasser-Suppe"</h3>
|
||||
<p>1957 wurden die Kameraden zur Unwetterkatastrophe nach Pirna alarmiert. Dort pumpten wir Wasser aus Kellern und retteten Margarinewürfel. Da wir hungrig waren, schöpften wir aus unbewachten Feldküchen vermeintliche Suppe. Am Morgen stellte sich heraus: Es war <strong>heißes Reinigungswasser</strong>! Eine Geschichte, die heute noch erzählt wird.</p>
|
||||
|
||||
<h3>Der Sparkassenbrand 1963</h3>
|
||||
<p>Am <strong>24. Dezember 1963</strong> brannte die Sparkasse am Markt. Bei <strong>-20°C</strong> und Orkanböen waren die Kameraden auf der Leiter teilweise angefroren. Trotzdem gelang es, die Kirche und die Nachbarhäuser zu retten. 1967 erhielten wir dafür unser erstes typenmäßiges Fahrzeug - das Kleinlöschfahrzeug <strong>B 1000</strong>.</p>
|
||||
|
||||
<h3>Entwicklungen der 70er und 80er</h3>
|
||||
<p>1971 bekamen wir das Löschfahrzeug <strong>LO 1800</strong>. In 20 Abenden wurde dafür eine Fahrzeughalle errichtet. <strong>1980</strong> wurde der erste Bauabschnitt des Gerätehauses an der Kirchstraße abgeschlossen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFour">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour">
|
||||
1990 - 1994
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<h2>Nach der Wiedervereinigung 1990</h2>
|
||||
<p>Wir konnten preisgünstig Technik erwerben, darunter ein B 1000 für Pötzscha. 1991 feierte die Feuerwehr ihr <strong>90-jähriges Jubiläum</strong> mit einem großen Feuerwehrball im Cafe Richter.</p>
|
||||
<p>Vom <strong>22. - 23. November 1991</strong> erhielten wir von den Kameraden aus Deuschelried/Wangen ein Löschfahrzeug vom Typ <strong>Opel</strong> als Geschenk. Die Freundschaft wurde mit einer Dampferfahrt gefestigt. 1993/94 wurde das Gerätehaus in Pötzscha vergrößert.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFive">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive">
|
||||
1995 - heute
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#fireHistoryAccordion">
|
||||
<div class="accordion-body">
|
||||
<h2>Hochwasser 2002</h2>
|
||||
<p>Am <strong>13.08.2002</strong> wurden wir nach Pirna gerufen, um Bürger mit dem Schlauchboot zu evakuieren. Zurück in Wehlen begannen die Vorbereitungen gegen das Elbehochwasser. Bürger wie Eckhard, Mike Hofmann, Ronny Roll und Herr Pfeiler unterstützten mit ihren Booten.</p>
|
||||
<p>Am 15.08. kam die Schocknachricht: Es sollten noch 2-3 Meter dazu kommen. Die Leitstelle wurde in die Grundschule verlegt. Etwa 70 % der Bürger waren ohne Gas und Strom. In der Nacht zum 17.08. erreichte die Elbe den Höchststand von <strong>12,04 m</strong>.</p>
|
||||
<p>Hilfe kam von den Feuerwehren aus Trochtelfingen, Wangen und Forst sowie später durch 12 Fahrzeuge aus dem Wartburgkreis. Die Kameraden leisteten tägliche Dienste von 16-18 Stunden, um die Stadt vom Schlamm zu befreien.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="imageModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Zeitungsartikel von 1921</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body text-center">
|
||||
<img src="ffw_wehlen_1921.jpeg" alt="Zeitungsartikel 1921" class="img-fluid rounded shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="container-fluid py-4 mt-auto border-top">
|
||||
<div class="row justify-content-center align-items-center text-center">
|
||||
<div class="col-lg-4 mb-3 mb-lg-0">
|
||||
<h6 class="fw-bold text-decoration-underline">Letzte Aktualisierung</h6>
|
||||
<p class="mb-0">17. März 2026</p>
|
||||
</div>
|
||||
<div class="col-lg-1 d-none d-lg-block"></div>
|
||||
<div class="col-lg-4">
|
||||
<h6 class="fw-bold text-decoration-underline">Statistik</h6>
|
||||
<p class="mb-0 small">Aktive: 27 | Jugend: 23 | Passive: 9 | Förderverein: 172</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
228
index.html
Executable file → Normal file
228
index.html
Executable file → Normal file
@ -5,7 +5,6 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Feuerwehr Stadt Wehlen</title>
|
||||
|
||||
<!-- Bootstrap-CSS -->
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
@ -13,33 +12,80 @@
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
<!-- Navigation -->
|
||||
<link rel="stylesheet" href="nav.css" />
|
||||
<link rel="stylesheet" href="css/nav.css" />
|
||||
<link rel="stylesheet" href="css/footer.css" />
|
||||
|
||||
<style>
|
||||
/* Spezifisches Styling für das Logo2-Pattern auf der Index-Seite */
|
||||
.navbar-custom {
|
||||
background-color: #b30000 !important;
|
||||
/* Pfad angepasst für die index.html (Bilder liegen im Ordner bilder/) */
|
||||
background-image: url('bilder/logo2.jpeg') !important;
|
||||
background-size: 7em !important;
|
||||
background-repeat: repeat !important;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand,
|
||||
.navbar-custom .nav-link {
|
||||
color: #ffffff !important;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-menu {
|
||||
background-color: #900000 !important;
|
||||
background-image: url('bilder/logo2.jpeg') !important;
|
||||
background-size: 9em !important;
|
||||
}
|
||||
|
||||
/* Standard-Styling für Mobile */
|
||||
.main-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
/* Desktop-Optimierung */
|
||||
@media (min-width: 992px) {
|
||||
.sticky-sidebar {
|
||||
position: sticky;
|
||||
top: 20px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.main-image {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Info-Boxen Styling */
|
||||
.info-box {
|
||||
background-color: #fff;
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
border-left: 5px solid #e60000;
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- NAVBAR -->
|
||||
<nav class="navbar navbar-expand-lg navbar-custom">
|
||||
<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center" href="#">
|
||||
<a class="navbar-brand d-flex align-items-center" href="index.html">
|
||||
<img
|
||||
src="ffw_transp_72.gif"
|
||||
src="bilder/ffw_transp_72.gif"
|
||||
alt="Feuerwehr Stadt Wehlen"
|
||||
style="height: 3em; width: auto; margin-right: 0.5rem;"
|
||||
/>
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
@ -48,20 +94,14 @@
|
||||
<li class="nav-item"><a class="nav-link" href="#">Aktuelles</a></li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a
|
||||
class="nav-link dropdown-toggle"
|
||||
href="#"
|
||||
id="navbarDropdown"
|
||||
role="button"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Über uns
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<li><a class="dropdown-item" href="Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item" href="technik.html">Technik</a></li>
|
||||
<li><a class="dropdown-item" href="#">Mitglieder</a></li>
|
||||
<li><a class="dropdown-item" href="geschichte/Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item" href="technik/technik.html">Technik</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="mitglieder/Organigramm.html">Organigramm</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
@ -72,105 +112,63 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ====== CONTENT ====== -->
|
||||
<div class="container py-4">
|
||||
<div class="container-fluid px-lg-5 py-4">
|
||||
<div class="row g-4 align-items-start">
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
<!-- NÄCHSTER DIENST -->
|
||||
<div class="col-lg-6 col-md-6 col-sm-12">
|
||||
<div class="info-box h-100">
|
||||
<h3>Nächster Dienst</h3>
|
||||
<div class="col-lg-3 col-md-4 order-2 order-lg-1">
|
||||
<div class="sticky-sidebar">
|
||||
<div class="info-box">
|
||||
<h3 class="h5 fw-bold text-danger">Nächster Dienst</h3>
|
||||
<div id="nextDienst">
|
||||
<small class="text-muted">Wird geladen…</small>
|
||||
<p class="small text-muted">Lade nächsten Dienst...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-box">
|
||||
<h3 class="h5 fw-bold text-danger">Veranstaltung</h3>
|
||||
<div id="nextEvent">
|
||||
<p class="small text-muted">Lade nächste Veranstaltung...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- VERANSTALTUNG -->
|
||||
<div class="col-lg-6 col-md-6 col-sm-12">
|
||||
<div class="info-box h-100">
|
||||
<h3>Veranstaltung</h3>
|
||||
<p>
|
||||
<strong>Sonnenwendfeier</strong><br>
|
||||
Datum: Sa, 21.06.<br>
|
||||
Beginn: ab 11:00 Uhr<br>
|
||||
Wo: Elbwiesen
|
||||
<div class="col-lg-6 col-md-8 order-1 order-lg-2 text-center">
|
||||
<picture>
|
||||
<source srcset="bilder/geraetehaus.webp" type="image/webp">
|
||||
<img
|
||||
src="bilder/geraetehaus.png"
|
||||
alt="Gerätehaus der Feuerwehr Stadt Wehlen"
|
||||
class="main-image mx-auto d-block"
|
||||
loading="lazy"
|
||||
>
|
||||
</picture>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 d-none d-lg-block order-lg-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="container-fluid py-4 mt-auto border-top">
|
||||
<div class="row justify-content-center align-items-center">
|
||||
<div class="col-lg-4 col-md-5 text-lg-end text-center mb-3 mb-lg-0">
|
||||
<h6 class="fw-bold text-decoration-underline">Letzte Aktualisierung</h6>
|
||||
<p class="mb-0">17. März 2026</p>
|
||||
<small class="text-muted">(Version 1.2)</small>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-1 d-none d-lg-block"></div>
|
||||
|
||||
<div class="col-lg-4 col-md-5 text-lg-start text-center">
|
||||
<h6 class="fw-bold text-decoration-underline">Kleine Statistik der FFw Stadt Wehlen</h6>
|
||||
<p class="mb-0 small">
|
||||
<strong>Aktive:</strong> 27 | <strong>Jugend:</strong> 23 | <strong>Passive:</strong> 9 | <strong>Förderverein:</strong> 172
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--
|
||||
==================================================
|
||||
FACEBOOK WURDE BEWUSST AUSKOMMENTIERT
|
||||
(kommt später auf eigene Unterseite)
|
||||
==================================================
|
||||
|
||||
<div class="row justify-content-center mt-5">
|
||||
<div class="col-lg-8 col-md-10">
|
||||
<div class="fb-page"
|
||||
data-href="https://www.facebook.com/ffw.stadtwehlen/?locale=de_DE"
|
||||
data-tabs="timeline"
|
||||
data-height="700">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
==================================================
|
||||
-->
|
||||
|
||||
</div>
|
||||
<!-- ====== ENDE CONTENT ====== -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="container-fluid py-4">
|
||||
<div class="row text-center text-md-start">
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<h6><strong><u>Datum der letzten Aktualisierung</u></strong></h6>
|
||||
<p class="mb-0">13. Juni 2025</p>
|
||||
<small>(Version 1.0)</small>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<h6><strong><u>Kleine Statistik der FFw Stadt Wehlen</u></strong></h6>
|
||||
<table class="table table-borderless text-warning mb-0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Aktive Kameraden/innen:</strong></td>
|
||||
<td>27</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Jugendfeuerwehr:</strong></td>
|
||||
<td>23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Passive Kameraden:</strong></td>
|
||||
<td>9</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Mitglieder Förderverein:</strong></td>
|
||||
<td>172</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="footer.css" />
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap-JS -->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
|
||||
<!-- Dienstplan -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="dienstplan/dienstplan.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
177
index_old.html
Executable file
177
index_old.html
Executable file
@ -0,0 +1,177 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Feuerwehr Stadt Wehlen</title>
|
||||
|
||||
<!-- Bootstrap-CSS -->
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
<!-- Navigation -->
|
||||
<link rel="stylesheet" href="nav.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- NAVBAR -->
|
||||
<nav class="navbar navbar-expand-lg navbar-custom">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center" href="#">
|
||||
<img
|
||||
src="ffw_transp_72.gif"
|
||||
alt="Feuerwehr Stadt Wehlen"
|
||||
style="height: 3em; width: auto; margin-right: 0.5rem;"
|
||||
/>
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="#">Aktuelles</a></li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a
|
||||
class="nav-link dropdown-toggle"
|
||||
href="#"
|
||||
id="navbarDropdown"
|
||||
role="button"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"
|
||||
>
|
||||
Über uns
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<li><a class="dropdown-item" href="Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item" href="technik.html">Technik</a></li>
|
||||
<li><a class="dropdown-item" href="#">Mitglieder</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Kontakt / Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ====== CONTENT ====== -->
|
||||
<div class="container py-4">
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
<!-- NÄCHSTER DIENST -->
|
||||
<div class="col-lg-6 col-md-6 col-sm-12">
|
||||
<div class="info-box h-100">
|
||||
<h3>Nächster Dienst</h3>
|
||||
<div id="nextDienst">
|
||||
<small class="text-muted">Wird geladen…</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- VERANSTALTUNG -->
|
||||
<div class="col-lg-6 col-md-6 col-sm-12">
|
||||
<div class="info-box h-100">
|
||||
<h3>Veranstaltung</h3>
|
||||
<p>
|
||||
<strong>Sonnenwendfeier</strong><br>
|
||||
Datum: Sa, 21.06.<br>
|
||||
Beginn: ab 11:00 Uhr<br>
|
||||
Wo: Elbwiesen
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--
|
||||
==================================================
|
||||
FACEBOOK WURDE BEWUSST AUSKOMMENTIERT
|
||||
(kommt später auf eigene Unterseite)
|
||||
==================================================
|
||||
|
||||
<div class="row justify-content-center mt-5">
|
||||
<div class="col-lg-8 col-md-10">
|
||||
<div class="fb-page"
|
||||
data-href="https://www.facebook.com/ffw.stadtwehlen/?locale=de_DE"
|
||||
data-tabs="timeline"
|
||||
data-height="700">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
==================================================
|
||||
-->
|
||||
|
||||
</div>
|
||||
<!-- ====== ENDE CONTENT ====== -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="container-fluid py-4">
|
||||
<div class="row text-center text-md-start">
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<h6><strong><u>Datum der letzten Aktualisierung</u></strong></h6>
|
||||
<p class="mb-0">13. Juni 2025</p>
|
||||
<small>(Version 1.0)</small>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<h6><strong><u>Kleine Statistik der FFw Stadt Wehlen</u></strong></h6>
|
||||
<table class="table table-borderless text-warning mb-0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Aktive Kameraden/innen:</strong></td>
|
||||
<td>27</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Jugendfeuerwehr:</strong></td>
|
||||
<td>23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Passive Kameraden:</strong></td>
|
||||
<td>9</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Mitglieder Förderverein:</strong></td>
|
||||
<td>172</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="footer.css" />
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap-JS -->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
|
||||
<!-- Dienstplan -->
|
||||
<script src="dienstplan/dienstplan.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
152
index_test.html
152
index_test.html
@ -1,152 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Feuerwehr Stadt Wehlen</title>
|
||||
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
<link rel="stylesheet" href="nav.css" />
|
||||
<link rel="stylesheet" href="footer.css" />
|
||||
|
||||
<style>
|
||||
/* Standard-Styling für Mobile */
|
||||
.main-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
/* Desktop-Optimierung */
|
||||
@media (min-width: 992px) {
|
||||
.sticky-sidebar {
|
||||
position: sticky;
|
||||
top: 20px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.main-image {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Info-Boxen Styling */
|
||||
.info-box {
|
||||
background-color: #fff;
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
border-left: 5px solid #e60000;
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center" href="#">
|
||||
<img
|
||||
src="ffw_transp_72.gif"
|
||||
alt="Feuerwehr Stadt Wehlen"
|
||||
style="height: 3em; width: auto; margin-right: 0.5rem;"
|
||||
/>
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="#">Aktuelles</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Über uns</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item" href="technik.html">Technik</a></li>
|
||||
<li><a class="dropdown-item" href="#">Mitglieder</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Kontakt / Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container-fluid px-lg-5 py-4">
|
||||
<div class="row g-4 align-items-start">
|
||||
|
||||
<div class="col-lg-3 col-md-4 order-2 order-lg-1">
|
||||
<div class="sticky-sidebar">
|
||||
|
||||
<div class="info-box">
|
||||
<h3 class="h5 fw-bold text-danger">Nächster Dienst</h3>
|
||||
<div id="nextDienst">
|
||||
<p class="small text-muted">Lade nächsten Dienst...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-box">
|
||||
<h3 class="h5 fw-bold text-danger">Veranstaltung</h3>
|
||||
<div id="nextEvent">
|
||||
<p class="small text-muted">Lade nächste Veranstaltung...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-8 order-1 order-lg-2 text-center">
|
||||
<picture>
|
||||
<source srcset="bilder/geraetehaus.webp" type="image/webp">
|
||||
<img
|
||||
src="bilder/geraetehaus.png"
|
||||
alt="Gerätehaus der Feuerwehr Stadt Wehlen"
|
||||
class="main-image mx-auto d-block"
|
||||
loading="lazy"
|
||||
>
|
||||
</picture>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 d-none d-lg-block order-lg-3"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="container-fluid py-4 mt-auto border-top">
|
||||
<div class="row justify-content-center align-items-center">
|
||||
|
||||
<div class="col-lg-4 col-md-5 text-lg-end text-center mb-3 mb-lg-0">
|
||||
<h6 class="fw-bold text-decoration-underline">Letzte Aktualisierung</h6>
|
||||
<p class="mb-0">17. März 2026</p>
|
||||
<small class="text-muted">(Version 1.2)</small>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-1 d-none d-lg-block"></div>
|
||||
|
||||
<div class="col-lg-4 col-md-5 text-lg-start text-center">
|
||||
<h6 class="fw-bold text-decoration-underline">Kleine Statistik der FFw Stadt Wehlen</h6>
|
||||
<p class="mb-0 small">
|
||||
<strong>Aktive:</strong> 27 | <strong>Jugend:</strong> 23 | <strong>Passive:</strong> 9 | <strong>Förderverein:</strong> 172
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="dienstplan/dienstplan.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
239
mitglieder/Organigramm.html
Normal file
239
mitglieder/Organigramm.html
Normal file
@ -0,0 +1,239 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Mitglieder & Struktur | FFw Stadt Wehlen</title>
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--fw-rot: #900000;
|
||||
--fw-rot-hell: #b30000;
|
||||
--text-dunkelrot: #3d0000;
|
||||
--bg-light: #f8f9fa;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg-light);
|
||||
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* NAVBAR (mit logo2 Pattern) */
|
||||
.navbar-custom {
|
||||
background-color: var(--fw-rot-hell) !important;
|
||||
background-image: url('../bilder/logo2.jpeg') !important;
|
||||
background-size: 7em !important;
|
||||
background-repeat: repeat !important;
|
||||
padding: 1rem 0;
|
||||
border-bottom: 2px solid var(--text-dunkelrot);
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand,
|
||||
.navbar-custom .nav-link {
|
||||
color: #ffffff !important;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navbar-custom .nav-link:hover,
|
||||
.navbar-custom .dropdown-item:hover,
|
||||
.navbar-custom .nav-link.active,
|
||||
.navbar-custom .dropdown-item.active {
|
||||
color: #ffffff !important;
|
||||
background-color: var(--text-dunkelrot) !important;
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-menu {
|
||||
background-color: var(--fw-rot) !important;
|
||||
background-image: url('../bilder/logo2.jpeg') !important;
|
||||
background-size: 9em !important;
|
||||
border: 1px solid var(--text-dunkelrot);
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-item { color: #ffffff !important; }
|
||||
|
||||
/* PAGE-HEADER */
|
||||
.page-header {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 60px 0;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.header-bg-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
height: 120%;
|
||||
opacity: 0.07;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.page-header h1 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: var(--fw-rot);
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0.5rem;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.page-header p {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
font-size: 1.1rem;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
/* Organigramm Styling */
|
||||
.detail-card {
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
||||
border-left: 5px solid var(--fw-rot);
|
||||
padding: 40px 20px;
|
||||
margin: 40px auto 60px auto;
|
||||
max-width: 1100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 2px solid var(--fw-rot);
|
||||
background: #fff;
|
||||
padding: 12px;
|
||||
width: 220px;
|
||||
display: inline-block;
|
||||
border-radius: 4px;
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.role { display: block; font-size: 0.75rem; color: var(--text-dunkelrot); font-weight: bold; text-transform: uppercase; margin-bottom: 3px; }
|
||||
.name { font-weight: bold; font-size: 1.05rem; color: #111; }
|
||||
.vline { width: 2px; background-color: var(--fw-rot); height: 30px; margin: 0 auto; }
|
||||
|
||||
.stab-wrapper { position: relative; width: 540px; margin: 0 auto; display: flex; justify-content: space-between; }
|
||||
.line-h-stab { position: absolute; top: 50%; left: 110px; right: 110px; height: 2px; background: var(--fw-rot); z-index: 1; }
|
||||
.line-v-stab { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: var(--fw-rot); margin-left: -1px; }
|
||||
|
||||
.fachwart-wrapper { position: relative; width: 100%; max-width: 930px; margin: 0 auto; }
|
||||
.line-h-fach { position: absolute; top: 0; left: 110px; right: 110px; height: 2px; background: var(--fw-rot); }
|
||||
.fachwart-grid { display: flex; justify-content: space-between; flex-wrap: wrap; }
|
||||
.fach-col { display: flex; flex-direction: column; align-items: center; }
|
||||
.stich { width: 2px; height: 20px; background-color: var(--fw-rot); }
|
||||
|
||||
.footer-lists { margin-top: 60px; border-top: 2px solid var(--fw-rot); padding-top: 40px; text-align: center; }
|
||||
.l-head { color: var(--text-dunkelrot); font-weight: bold; margin-bottom: 15px; display: block; font-size: 1.1rem; border-bottom: 1px solid #eee; padding-bottom: 5px; }
|
||||
.name-list { text-align: left; display: inline-block; font-size: 0.9rem; line-height: 1.7; color: #444; }
|
||||
strong { color: var(--fw-rot); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-custom">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center" href="../index.html">
|
||||
<img src="../bilder/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="#">Aktuelles</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown">Über uns</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="../geschichte/Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item" href="../technik/technik.html">Technik</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item active" href="Organigramm.html">Organigramm</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Kontakt/Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="page-header">
|
||||
<img src="../bilder/ffw_transp_72.gif" class="header-bg-icon" alt="BG-Icon">
|
||||
<h1>Unsere Mitglieder</h1>
|
||||
<p class="lead">Struktur und Einsatzabteilung der Stadt Wehlen</p>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="detail-card shadow-lg">
|
||||
|
||||
<div class="box"><span class="role">Wehrleiter</span><span class="name">Herzog, André</span></div>
|
||||
<div class="vline"></div>
|
||||
<div class="box"><span class="role">Stellvertreter</span><span class="name">Flössel, Markus<br>Drechsel, Manuel</span></div>
|
||||
<div class="vline"></div>
|
||||
|
||||
<div class="stab-wrapper">
|
||||
<div class="line-h-stab"></div><div class="line-v-stab"></div>
|
||||
<div class="box"><span class="role">Schriftführer</span><span class="name">Flössel, Markus</span></div>
|
||||
<div class="box"><span class="role">Kassenwart</span><span class="name">Marder, Uwe</span></div>
|
||||
</div>
|
||||
|
||||
<div class="vline"></div>
|
||||
|
||||
<div class="fachwart-wrapper">
|
||||
<div class="line-h-fach"></div>
|
||||
<div class="fachwart-grid">
|
||||
<div class="fach-col"><div class="stich"></div><div class="box"><span class="role">Atemschutz-Gerätewart</span><span class="name">Reißig, Kersten</span></div></div>
|
||||
<div class="fach-col"><div class="stich"></div><div class="box"><span class="role">Gerätewart</span><span class="name">Blümel, Dirk</span></div></div>
|
||||
<div class="fach-col"><div class="stich"></div><div class="box"><span class="role">Jugendwart</span><span class="name">Hübsch, Sebastian</span></div></div>
|
||||
<div class="fach-col"><div class="stich"></div><div class="box"><span class="role">Altersabteilung</span><span class="name">Dittmann, Frank</span></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-lists">
|
||||
<div class="row">
|
||||
<div class="col-md-3 mb-4">
|
||||
<span class="l-head">Atemschutzträger</span>
|
||||
<div class="name-list">
|
||||
Blümel, Dirk<br>Flössel, Markus<br>Gottlöber, Heiko<br>Herzog, Nico<br>Hübsch, Alexander<br>Hübsch, Sebastian<br>John, Marko<br>Kurze, Steffen
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-4">
|
||||
<span class="l-head">Maschinisten</span>
|
||||
<div class="name-list">
|
||||
Blümel, Dirk<br>Drechsel, Manuel<br>Flössel, Markus<br>Herzog, André<br>Hübsch, Alexander<br>Hübsch, Sebastian<br>John, Marko<br>Marder, Uwe
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-4">
|
||||
<span class="l-head">Führung</span>
|
||||
<div class="name-list">
|
||||
<strong>Zugführer:</strong><br>Kurze, Steffen<br><br>
|
||||
<strong>Verbandsführer:</strong><br>Mathe, Thomas<br><br>
|
||||
<strong>Gruppenführer:</strong><br>Blümel, Dirk<br>Drechsel, Manuel<br>Flössel, Markus<br>Herzog, André
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-4">
|
||||
<span class="l-head">Mannschaft</span>
|
||||
<div class="name-list">
|
||||
<strong>Truppführer:</strong><br>Gottlöber, Heiko<br>Hübsch, Alexander<br>Hübsch, Sebastian<br>John, Marko<br>Marder, Uwe<br><br>
|
||||
<strong>Truppmann:</strong><br>Caspari, Patrick<br>Herzog, Nico<br>Marder, Lukas<br>Mathe, Albert<br>Pohl, Michael<br>Riedel, Pascal
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -20,10 +20,50 @@
|
||||
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
/* Nav-Korrektur */
|
||||
.navbar { margin-bottom: 0; }
|
||||
.navbar-custom {
|
||||
background-color: #b30000 !important;
|
||||
background-image: url('../../../bilder/logo2.jpeg') !important;
|
||||
background-size: 7em !important;
|
||||
background-repeat: repeat !important;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand,
|
||||
.navbar-custom .nav-link {
|
||||
color: #ffffff !important;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 60px 0;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.header-bg-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
height: 140%;
|
||||
opacity: 0.08;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.page-header h1 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: var(--fw-rot);
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Zurück-Button Bereich */
|
||||
.top-bar {
|
||||
background: #fff;
|
||||
padding: 15px 0;
|
||||
@ -48,7 +88,6 @@
|
||||
transform: translateX(-5px);
|
||||
}
|
||||
|
||||
/* Detail-Container */
|
||||
.detail-card {
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
@ -59,14 +98,6 @@
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--fw-rot);
|
||||
font-weight: 800;
|
||||
margin-bottom: 25px;
|
||||
border-bottom: 2px solid #eee;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-label {
|
||||
font-weight: 700;
|
||||
color: var(--fw-grau);
|
||||
@ -84,26 +115,16 @@
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
/* Beladungs-Liste */
|
||||
.beladung-title {
|
||||
.section-title {
|
||||
margin-top: 30px;
|
||||
color: var(--fw-rot);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.beladung-list {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.beladung-list li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Carousel Styling */
|
||||
.carousel-item img {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||
max-height: 500px;
|
||||
max-height: 450px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
@ -112,33 +133,32 @@
|
||||
border-radius: 50%;
|
||||
background-size: 50%;
|
||||
}
|
||||
|
||||
/* Mobile Anpassung */
|
||||
@media (max-width: 768px) {
|
||||
.info-label { width: 100%; display: block; margin-bottom: 2px; }
|
||||
.detail-card { padding: 20px; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-custom">
|
||||
<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center" href="../../../index.html">
|
||||
<img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="../../../technik.html">Technik</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../technik.html">Technik</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="page-header">
|
||||
<img src="../../../ffw_transp_72.gif" class="header-bg-icon" alt="">
|
||||
<h1>Hydrantenwagen Modell H.I.</h1>
|
||||
</div>
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -146,30 +166,29 @@
|
||||
<div class="detail-card">
|
||||
<div class="row">
|
||||
<div class="col-lg-7">
|
||||
<h1>Hydrantenwagen Modell H.I.</h1>
|
||||
<h2 class="mb-4" style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
|
||||
|
||||
<ul class="spec-list">
|
||||
<li><span class="info-label">Bezeichnung:</span> Hydrantenwagen Modell H.I.</li>
|
||||
<li><span class="info-label">Stationierung:</span> Stadt Wehlen</li>
|
||||
<li><span class="info-label">Hersteller:</span> C.A. Schöne Fabrik Dresden</li>
|
||||
<li><span class="info-label">Baujahr:</span> 1905</li>
|
||||
<li><span class="info-label">Funkrufname:</span> -</li>
|
||||
<li><span class="info-label">Fahrzeugdaten:</span> -</li>
|
||||
<li><span class="info-label">Typ:</span> Historisches Handzug-Gerät</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="beladung-title">Feuerwehrtechnische Beladung:</h3>
|
||||
<ul class="beladung-list">
|
||||
<li>Kupferner Hydrantenaufsatz mit 2 Auslässen</li>
|
||||
<h4 class="section-title">Feuerwehrtechnische Beladung</h4>
|
||||
<ul class="spec-list">
|
||||
<li>Kupferner Hydrantenaufsatz (2 Auslässe)</li>
|
||||
<li>Sächsisches Normalgewinde, Spindelventile</li>
|
||||
<li>Kupferne Normalstrahlrohre in Leine geflochten</li>
|
||||
<li>17 Satz zu je 15 m - insgesamt 255 m Flachsschlauch</li>
|
||||
<li>Kupferne Normalstrahlrohre (in Leine geflochten)</li>
|
||||
<li>255 m Flachsschlauch (17 Satz à 15 m)</li>
|
||||
<li>17 Paar Patent-Honigkupplungen</li>
|
||||
<li>4 Übersetzungsstücke auf sächsisches Normalgewinde</li>
|
||||
<li>4 Übersetzungsstücke (Sächs. Normalgewinde)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||
<div id="hydrantenwagenCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||
<div id="hydrantenCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="t_hydrantenwagen_1.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 1">
|
||||
@ -178,16 +197,14 @@
|
||||
<img src="t_hydrantenwagen_2.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 2">
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#hydrantenwagenCarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Zurück</span>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#hydrantenCarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#hydrantenwagenCarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Weiter</span>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#hydrantenCarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
<p class="text-center text-muted mt-2 small"><em>Klicken zum Blättern</em></p>
|
||||
<p class="text-center text-muted mt-3 small"><em>Klicken zum Blättern</em></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 8.1 KiB |
@ -114,7 +114,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -171,4 +171,4 @@
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>!
|
||||
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
@ -106,7 +106,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
@ -116,7 +116,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 90 KiB After Width: | Height: | Size: 90 KiB |
@ -20,7 +20,6 @@
|
||||
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
/* Top Bar mit Zurück-Link */
|
||||
.top-bar {
|
||||
background: #fff;
|
||||
padding: 15px 0;
|
||||
@ -45,7 +44,6 @@
|
||||
transform: translateX(-5px);
|
||||
}
|
||||
|
||||
/* Detail-Container */
|
||||
.detail-card {
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
@ -67,7 +65,7 @@
|
||||
.info-label {
|
||||
font-weight: 700;
|
||||
color: var(--fw-grau);
|
||||
width: 180px;
|
||||
width: 160px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@ -81,21 +79,16 @@
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
.beladung-title {
|
||||
.section-title {
|
||||
margin-top: 30px;
|
||||
color: var(--fw-rot);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.beladung-list {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
/* Carousel Styling */
|
||||
.carousel-item img {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||
max-height: 500px;
|
||||
max-height: 450px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
@ -104,10 +97,6 @@
|
||||
border-radius: 50%;
|
||||
background-size: 50%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.info-label { width: 100%; display: block; margin-bottom: 2px; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -118,22 +107,12 @@
|
||||
<img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="../../../Geschichte.html">Geschichte</a></li>
|
||||
<li class="nav-item"><a class="nav-link active" href="../../../technik.html">Technik</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Kontakt/Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -146,41 +125,39 @@
|
||||
<ul class="spec-list">
|
||||
<li><span class="info-label">Bezeichnung:</span> Löschfahrzeug LF 1</li>
|
||||
<li><span class="info-label">Stationierung:</span> Stadt Wehlen</li>
|
||||
<li><span class="info-label">Typ:</span> umgebautes Postfahrrad</li>
|
||||
<li><span class="info-label">Typ:</span> Umgebautes Postfahrrad</li>
|
||||
<li><span class="info-label">Baujahr:</span> Mai 2003</li>
|
||||
<li><span class="info-label">Funkrufname:</span> -</li>
|
||||
<li><span class="info-label">Fahrzeugdaten:</span> 26er Herrenfahrrad</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="beladung-title">Feuerwehrtechnische Beladung:</h3>
|
||||
<ul class="beladung-list">
|
||||
<h4 class="section-title">Feuerwehrtechnische Beladung</h4>
|
||||
<ul class="spec-list">
|
||||
<li>Sirene mit Handkurbel</li>
|
||||
<li>Blitzleuchte</li>
|
||||
<li>Kübelspritze als Spendenkübel</li>
|
||||
<li>C-Schlauch + Strahlrohr für Schnellangriff</li>
|
||||
</ul>
|
||||
|
||||
<h4 class="section-title">Besonderheiten</h4>
|
||||
<p>Das LF 1 ist ein besonderes Traditions- und Werbefahrzeug unserer Wehr. Auf Basis eines klassischen Postrades wurde hier ein voll einsatzbereites "Einsatzmittel" für festliche Anlässe und zur Spendensammlung geschaffen. Mit seiner Handkurbel-Sirene ist es bei jedem Umzug ein akustisches Highlight.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||
<div id="lf1Carousel" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="../technikpage/t_lf1_1.jpg" class="d-block w-100" alt="LF 1 Bild 1">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Bild 2">
|
||||
<img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Fahrrad Bild 1">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#lf1Carousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Zurück</span>
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#lf1Carousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Weiter</span>
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
<p class="text-center text-muted mt-2 small"><em>Unser historisches Sammlerrad</em></p>
|
||||
<p class="text-center text-muted mt-3 small"><em>Traditionsfahrzeug der Feuerwehr Stadt Wehlen</em></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 7.2 KiB |
@ -125,7 +125,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 8.2 KiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
@ -112,7 +112,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
@ -106,7 +106,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
@ -112,7 +112,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
@ -114,7 +114,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 8.7 KiB |
@ -6,20 +6,65 @@
|
||||
<title>Technik | Feuerwehr Stadt Wehlen</title>
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="nav.css">
|
||||
<link rel="stylesheet" href="../css/nav.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--fw-rot: #900000;
|
||||
--fw-grau: #616161;
|
||||
--bg-light: #f8f9fa;
|
||||
/* Grundfarben */
|
||||
--fw-rot: #900000; /* Dunkles Rot für Titel/Akzente */
|
||||
--fw-rot-hell: #b30000; /* Helleres Rot für Kachel-Hintergrund */
|
||||
--fw-grau: #616161; /* Standard-Grau */
|
||||
--bg-light: #f8f9fa; /* Seiten-Hintergrund */
|
||||
|
||||
/* NEU: Das dunkle Weinrot für Kontraste (statt Schwarz/Blau) */
|
||||
--text-dunkelrot: #3d0000;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg-light);
|
||||
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||
color: #333; /* Standard-Text etwas weicher als tiefschwarz */
|
||||
}
|
||||
|
||||
/* NAVBAR-DESIGN (Mit logo2.jpeg Pattern) */
|
||||
.navbar-custom {
|
||||
background-color: var(--fw-rot-hell) !important;
|
||||
background-image: url('../bilder/logo2.jpeg') !important;
|
||||
background-size: 7em !important;
|
||||
background-repeat: repeat !important;
|
||||
padding: 1rem 0;
|
||||
border-bottom: 2px solid var(--text-dunkelrot);
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand,
|
||||
.navbar-custom .nav-link {
|
||||
color: #ffffff !important;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Hover & Aktiv: Dunkles Weinrot statt Schwarz/Blau */
|
||||
.navbar-custom .nav-link:hover,
|
||||
.navbar-custom .dropdown-item:hover,
|
||||
.navbar-custom .nav-link.active,
|
||||
.navbar-custom .dropdown-item.active {
|
||||
color: #ffffff !important;
|
||||
background-color: var(--text-dunkelrot) !important;
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-menu {
|
||||
background-color: var(--fw-rot) !important;
|
||||
background-image: url('../bilder/logo2.jpeg') !important;
|
||||
background-size: 9em !important;
|
||||
border: 1px solid var(--text-dunkelrot);
|
||||
}
|
||||
|
||||
.navbar-custom .dropdown-item {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/* PAGE HEADER */
|
||||
.page-header {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
@ -48,6 +93,7 @@
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* TECHNIK CONTAINER & CARDS */
|
||||
.technik-container {
|
||||
max-width: 1100px;
|
||||
margin: 40px auto;
|
||||
@ -73,7 +119,8 @@
|
||||
.technik-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
|
||||
color: inherit;
|
||||
/* Hover-Akzent: Dunkles Weinrot */
|
||||
border-left-color: var(--text-dunkelrot);
|
||||
}
|
||||
|
||||
.card-img-wrapper {
|
||||
@ -103,15 +150,21 @@
|
||||
color: #333;
|
||||
}
|
||||
|
||||
footer { background-color: #fff; border-top: 1px solid #dee2e6; }
|
||||
/* FOOTER */
|
||||
footer {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #dee2e6;
|
||||
color: #555;
|
||||
}
|
||||
footer h6 { color: var(--text-dunkelrot); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-custom">
|
||||
<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center" href="index.html">
|
||||
<img src="ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
|
||||
<a class="navbar-brand d-flex align-items-center" href="../index.html">
|
||||
<img src="../bilder/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
|
||||
<span>Feuerwehr Stadt Wehlen</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
@ -123,9 +176,9 @@
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-bs-toggle="dropdown">Über uns</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item" href="technik.html">Technik</a></li>
|
||||
<li><a class="dropdown-item" href="#">Mitglieder</a></li>
|
||||
<li><a class="dropdown-item" href="../geschichte/Geschichte.html">Geschichte</a></li>
|
||||
<li><a class="dropdown-item active" href="technik.html">Technik</a></li>
|
||||
<li><a class="dropdown-item" href="../mitglieder/Organigramm.html">Mitglieder/Organigramm</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li>
|
||||
@ -136,18 +189,18 @@
|
||||
</nav>
|
||||
|
||||
<div class="page-header">
|
||||
<img src="ffw_transp_72.gif" class="header-bg-icon" alt="BG-Icon">
|
||||
<img src="../bilder/ffw_transp_72.gif" class="header-bg-icon" alt="BG-Icon">
|
||||
<h1>Unsere Technik</h1>
|
||||
<p class="lead text-muted">Einsatzfahrzeuge und Ausrüstung der Stadt Wehlen</p>
|
||||
</div>
|
||||
|
||||
<div class="technik-container">
|
||||
<div class="row">
|
||||
<div class="row g-4">
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/lf10/lf10.html" class="technik-card">
|
||||
<a href="lf10/lf10.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_lf10_6_1.jpg" alt="LF 10/6">
|
||||
<img src="technikpage/t_lf10_6_1.jpg" alt="LF 10/6">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>LF 10/6</h5>
|
||||
@ -156,9 +209,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/tsf/tsf.html" class="technik-card">
|
||||
<a href="tsf/tsf.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_tsf_01.jpg" alt="TSF-W">
|
||||
<img src="technikpage/t_tsf_01.jpg" alt="TSF-W">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>TSF-W</h5>
|
||||
@ -167,9 +220,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/VRW-Quad/VRW.html" class="technik-card">
|
||||
<a href="VRW-Quad/VRW.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_vrw_1.jpg" alt="VRW Quad">
|
||||
<img src="technikpage/t_vrw_1.jpg" alt="VRW Quad">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>VRW Quad</h5>
|
||||
@ -178,9 +231,20 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/rtb1/rtb1.html" class="technik-card">
|
||||
<a href="elw1/elw1.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_aluboot_rtb1_1.jpg" alt="Aluboot RTB 1">
|
||||
<img src="technikpage/t_elw1_1.jpg" alt="ELW 1">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>ELW 1</h5>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="rtb1/rtb1.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="technikpage/t_aluboot_rtb1_1.jpg" alt="Aluboot RTB 1">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>Aluboot RTB 1</h5>
|
||||
@ -189,9 +253,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/rtb2/rtb2.html" class="technik-card">
|
||||
<a href="rtb2/rtb2.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_rtb2_1.jpg" alt="RTB 2">
|
||||
<img src="technikpage/t_rtb2_1.jpg" alt="RTB 2">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>Rettungsboot RTB 2</h5>
|
||||
@ -200,9 +264,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/rtb1schlauchboot/rtb1_Schlauchboot.html" class="technik-card">
|
||||
<a href="rtb1schlauchboot/rtb1_Schlauchboot.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_schlauchboot.jpg" alt="Schlauchboot">
|
||||
<img src="technikpage/t_schlauchboot.jpg" alt="Schlauchboot">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>RTB 1 Schlauchboot</h5>
|
||||
@ -211,9 +275,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/sta/sta.html" class="technik-card">
|
||||
<a href="sta/sta.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_sta_1.jpg" alt="STA">
|
||||
<img src="technikpage/t_sta_1.jpg" alt="STA">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>STA Anhänger</h5>
|
||||
@ -222,9 +286,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/TSA-Anhaenger/TSA.html" class="technik-card">
|
||||
<a href="TSA-Anhaenger/TSA.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_tsa_1.jpg" alt="TSA">
|
||||
<img src="technikpage/t_tsa_1.jpg" alt="TSA">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>TSA Anhänger</h5>
|
||||
@ -233,9 +297,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/Hydrantenwagen/Hydrantenwagen.html" class="technik-card">
|
||||
<a href="Hydrantenwagen/Hydrantenwagen.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_hydrantenwagen_1.jpg" alt="Hydrantenwagen">
|
||||
<img src="technikpage/t_hydrantenwagen_1.jpg" alt="Hydrantenwagen">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>Hydrantenwagen (1905)</h5>
|
||||
@ -244,9 +308,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/lf1/lf1.html" class="technik-card">
|
||||
<a href="lf1/lf1.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_lf1_1.jpg" alt="LF 1">
|
||||
<img src="technikpage/t_lf1_1.jpg" alt="LF 1">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>Postfahrrad LF 1</h5>
|
||||
@ -255,9 +319,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<a href="Technik33/Transporthaenger/Transporthaenger.html" class="technik-card">
|
||||
<a href="Transporthaenger/Transporthaenger.html" class="technik-card">
|
||||
<div class="card-img-wrapper">
|
||||
<img src="Technik33/technikpage/t_transportanhaenger.jpg" alt="Transportanhänger">
|
||||
<img src="technikpage/t_transportanhaenger.jpg" alt="Transportanhänger">
|
||||
</div>
|
||||
<div class="card-body-custom">
|
||||
<h5>Transportanhänger</h5>
|
||||
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 90 KiB After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@ -118,7 +118,7 @@
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container">
|
||||
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
<a href="../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user