Pascal/Feuerwehr-webseite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: Pascal:main
Branches Tags
Pascal:main
Pascal:feature/structure-v2
...
pull from: Pascal:feature/structure-v2
Branches Tags
Pascal:feature/structure-v2
Pascal:main

3 Commits
main ... feature/st

Author SHA1 Message Date
Pascal
7c56bbbc5e Hinzufügen ffw transp im root dir da pfad in technik subpages broken ist D: und ich zu faul für fix bin 2026-03-17 16:21:54 +01:00
Pascal
5f56fa0194 Korrektur für mobile capability 2026-03-17 16:14:54 +01:00
Pascal
c787616b9b Umbau code structure mit neuen dirs und vibecoding 2026-03-17 15:31:05 +01:00
62 changed files with 1918 additions and 1056 deletions
Show Stats Expand all files Collapse all files

304
Geschichte.html
View File

@ -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>

BIN
bilder/ffw_transp_72.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

0
logo2.jpeg → bilder/logo2.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

0
acc.css → css/acc.css
View File

0
carousel.css → css/carousel.css
View File

0
footer.css → css/footer.css
View File

45
nav.css → css/nav.css
View File

@ -1,7 +1,7 @@
/* ====================================================== /* ======================================================
1. Grundlegende Einstellungen 1. Grundlegende Einstellungen
====================================================== */ ====================================================== */
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
@ -10,47 +10,54 @@ html, body {
} }
/* ====================================================== /* ======================================================
2. NAVBAR-DESIGN 2. NAVBAR-DESIGN (Mit ffw_transp_72.gif Pattern)
====================================================== */ ====================================================== */
.navbar-custom { .navbar-custom {
background-color: #b30000; 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-size: 7em;
background-repeat: repeat; background-repeat: repeat;
padding: 1rem 0; padding: 1rem 0;
color: #900000;
} }
.navbar-custom .navbar-brand, .navbar-custom .navbar-brand,
.navbar-custom .nav-link { .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 { .navbar-custom .nav-link:hover {
color: #000000; color: #000000 !important;
text-shadow: none;
} }
.navbar-custom .dropdown-menu { .navbar-custom .dropdown-menu {
background-color: #900000; 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; background-size: 9em;
border: 1px solid rgba(255,255,255,0.2);
}
.navbar-custom .dropdown-item {
color: #ffffff !important;
} }
.navbar-custom .dropdown-item:hover { .navbar-custom .dropdown-item:hover {
background-color: transparent; background-color: rgba(0,0,0,0.2);
color: #000000; color: #ffffff !important;
}
a.dropdown-item {
color: #ffffff;
} }
/* Brand/Logo Zentrierung & Styling */
.navbar-brand { .navbar-brand {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 0.75rem; gap: 0.75rem;
margin: 0 auto; margin-right: 1rem;
white-space: nowrap; white-space: nowrap;
} }
@ -76,9 +83,6 @@ a.dropdown-item {
.navbar-brand img { .navbar-brand img {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.navbar-brand span {
text-align: center;
}
} }
@media (min-width: 520px) { @media (min-width: 520px) {
@ -94,12 +98,12 @@ a.dropdown-item {
width: 100%; width: 100%;
padding: 2rem 0; padding: 2rem 0;
background-color: #f8f9fa; background-color: #f8f9fa;
text-align: center; /* wichtig für das inline-block Verhalten */ text-align: center;
} }
.fb-align-center { .fb-align-center {
display: inline-block; display: inline-block;
text-align: left; /* Inhalt innen linksbündig, Box selbst zentriert */ text-align: left;
max-width: 700px; max-width: 700px;
width: 100%; width: 100%;
} }
@ -114,7 +118,6 @@ a.dropdown-item {
width: 100%; width: 100%;
} }
/* Facebook-spezifische Elemente */
.fb-page, .fb-page,
.fb-page > span, .fb-page > span,
.fb-page > span > iframe { .fb-page > span > iframe {
@ -122,4 +125,4 @@ a.dropdown-item {
display: block !important; display: block !important;
margin: 0 auto !important; margin: 0 auto !important;
max-width: 100% !important; max-width: 100% !important;
} }

333
geschichte/Geschichte.html Executable file
View 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>

0
ffw_wehlen_1921.jpeg → geschichte/ffw_wehlen_1921.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB

352
index.html Executable file → Normal file
View File

@ -1,177 +1,175 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="de"> <html lang="de">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Feuerwehr Stadt Wehlen</title> <title>Feuerwehr Stadt Wehlen</title>
<!-- Bootstrap-CSS --> <link
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"
crossorigin="anonymous" />
/>
<link rel="stylesheet" href="css/nav.css" />
<!-- Navigation --> <link rel="stylesheet" href="css/footer.css" />
<link rel="stylesheet" href="nav.css" />
</head> <style>
/* Spezifisches Styling für das Logo2-Pattern auf der Index-Seite */
<body> .navbar-custom {
background-color: #b30000 !important;
<!-- NAVBAR --> /* Pfad angepasst für die index.html (Bilder liegen im Ordner bilder/) */
<nav class="navbar navbar-expand-lg navbar-custom"> background-image: url('bilder/logo2.jpeg') !important;
<div class="container-fluid"> background-size: 7em !important;
<a class="navbar-brand d-flex align-items-center" href="#"> background-repeat: repeat !important;
<img padding: 1rem 0;
src="ffw_transp_72.gif" }
alt="Feuerwehr Stadt Wehlen"
style="height: 3em; width: auto; margin-right: 0.5rem;" .navbar-custom .navbar-brand,
/> .navbar-custom .nav-link {
<span>Feuerwehr Stadt Wehlen</span> color: #ffffff !important;
</a> text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
<button }
class="navbar-toggler"
type="button" .navbar-custom .dropdown-menu {
data-bs-toggle="collapse" background-color: #900000 !important;
data-bs-target="#navbarNav" background-image: url('bilder/logo2.jpeg') !important;
aria-controls="navbarNav" background-size: 9em !important;
aria-expanded="false" }
aria-label="Toggle navigation"
> /* Standard-Styling für Mobile */
<span class="navbar-toggler-icon"></span> .main-image {
</button> width: 100%;
height: auto;
<div class="collapse navbar-collapse" id="navbarNav"> border-radius: 0.5rem;
<ul class="navbar-nav ms-auto"> box-shadow: 0 4px 12px rgba(0,0,0,0.15);
<li class="nav-item"><a class="nav-link" href="#">Aktuelles</a></li> }
<li class="nav-item dropdown"> /* Desktop-Optimierung */
<a @media (min-width: 992px) {
class="nav-link dropdown-toggle" .sticky-sidebar {
href="#" position: sticky;
id="navbarDropdown" top: 20px;
role="button" z-index: 10;
data-bs-toggle="dropdown" }
aria-expanded="false"
> .main-image {
Über uns width: 60%;
</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> /* Info-Boxen Styling */
<li><a class="dropdown-item" href="#">Mitglieder</a></li> .info-box {
</ul> background-color: #fff;
</li> padding: 1.5rem;
border-radius: 0.5rem;
<li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li> border-left: 5px solid #e60000;
<li class="nav-item"><a class="nav-link" href="#">Kontakt / Impressum</a></li> box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
</ul> margin-bottom: 1.5rem;
</div> }
</div> </style>
</nav> </head>
<!-- ====== CONTENT ====== --> <body>
<div class="container py-4">
<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="row g-4"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<!-- NÄCHSTER DIENST --> <img
<div class="col-lg-6 col-md-6 col-sm-12"> src="bilder/ffw_transp_72.gif"
<div class="info-box h-100"> alt="Feuerwehr Stadt Wehlen"
<h3>Nächster Dienst</h3> style="height: 3em; width: auto; margin-right: 0.5rem;"
<div id="nextDienst"> />
<small class="text-muted">Wird geladen…</small> <span>Feuerwehr Stadt Wehlen</span>
</div> </a>
</div>
</div> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
<!-- VERANSTALTUNG --> </button>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="info-box h-100"> <div class="collapse navbar-collapse" id="navbarNav">
<h3>Veranstaltung</h3> <ul class="navbar-nav ms-auto">
<p> <li class="nav-item"><a class="nav-link" href="#">Aktuelles</a></li>
<strong>Sonnenwendfeier</strong><br>
Datum: Sa, 21.06.<br> <li class="nav-item dropdown">
Beginn: ab 11:00 Uhr<br> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Wo: Elbwiesen Über uns
</p> </a>
</div> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
</div> <li><a class="dropdown-item" href="geschichte/Geschichte.html">Geschichte</a></li>
<li><a class="dropdown-item" href="technik/technik.html">Technik</a></li>
</div> <li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="mitglieder/Organigramm.html">Organigramm</a></li>
<!-- </ul>
================================================== </li>
FACEBOOK WURDE BEWUSST AUSKOMMENTIERT
(kommt später auf eigene Unterseite) <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 class="row justify-content-center mt-5"> </div>
<div class="col-lg-8 col-md-10"> </div>
<div class="fb-page" </nav>
data-href="https://www.facebook.com/ffw.stadtwehlen/?locale=de_DE"
data-tabs="timeline" <div class="container-fluid px-lg-5 py-4">
data-height="700"> <div class="row g-4 align-items-start">
</div>
</div> <div class="col-lg-3 col-md-4 order-2 order-lg-1">
</div> <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>
<!-- ====== ENDE CONTENT ====== --> </div>
<!-- FOOTER --> <div class="info-box">
<footer class="container-fluid py-4"> <h3 class="h5 fw-bold text-danger">Veranstaltung</h3>
<div class="row text-center text-md-start"> <div id="nextEvent">
<p class="small text-muted">Lade nächste Veranstaltung...</p>
<div class="col-md-6 mb-3"> </div>
<h6><strong><u>Datum der letzten Aktualisierung</u></strong></h6> </div>
<p class="mb-0">13. Juni 2025</p> </div>
<small>(Version 1.0)</small> </div>
</div>
<div class="col-lg-6 col-md-8 order-1 order-lg-2 text-center">
<div class="col-md-6"> <picture>
<h6><strong><u>Kleine Statistik der FFw Stadt Wehlen</u></strong></h6> <source srcset="bilder/geraetehaus.webp" type="image/webp">
<table class="table table-borderless text-warning mb-0"> <img
<tbody> src="bilder/geraetehaus.png"
<tr> alt="Gerätehaus der Feuerwehr Stadt Wehlen"
<td><strong>Aktive Kameraden/innen:</strong></td> class="main-image mx-auto d-block"
<td>27</td> loading="lazy"
</tr> >
<tr> </picture>
<td><strong>Jugendfeuerwehr:</strong></td> </div>
<td>23</td>
</tr> <div class="col-lg-3 d-none d-lg-block order-lg-3"></div>
<tr> </div>
<td><strong>Passive Kameraden:</strong></td> </div>
<td>9</td>
</tr> <footer class="container-fluid py-4 mt-auto border-top">
<tr> <div class="row justify-content-center align-items-center">
<td><strong>Mitglieder Förderverein:</strong></td> <div class="col-lg-4 col-md-5 text-lg-end text-center mb-3 mb-lg-0">
<td>172</td> <h6 class="fw-bold text-decoration-underline">Letzte Aktualisierung</h6>
</tr> <p class="mb-0">17. März 2026</p>
</tbody> <small class="text-muted">(Version 1.2)</small>
</table> </div>
</div>
<div class="col-lg-1 d-none d-lg-block"></div>
</div>
<div class="col-lg-4 col-md-5 text-lg-start text-center">
<link rel="stylesheet" href="footer.css" /> <h6 class="fw-bold text-decoration-underline">Kleine Statistik der FFw Stadt Wehlen</h6>
</footer> <p class="mb-0 small">
<strong>Aktive:</strong> 27 | <strong>Jugend:</strong> 23 | <strong>Passive:</strong> 9 | <strong>Förderverein:</strong> 172
<!-- Bootstrap-JS --> </p>
<script </div>
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" </div>
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" </footer>
crossorigin="anonymous"
></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="dienstplan/dienstplan.js"></script>
<!-- Dienstplan -->
<script src="dienstplan/dienstplan.js"></script> </body>
</html>
</body>
</html>

177
index_old.html Executable file
View 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
View File

@ -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
View 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>

126
Technik33/Hydrantenwagen/Hydrantenwagen.html → technik/Hydrantenwagen/Hydrantenwagen.html
View File

@ -6,7 +6,7 @@
<title>Hydrantenwagen Modell H.I. | FFw Stadt Wehlen</title> <title>Hydrantenwagen Modell H.I. | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,10 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Nav-Korrektur */ .navbar-custom {
.navbar { margin-bottom: 0; } background-color: #b30000 !important;
/* Pfad vom Hauptverzeichnis aus */
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 { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -48,7 +89,6 @@
transform: translateX(-5px); transform: translateX(-5px);
} }
/* Detail-Container */
.detail-card { .detail-card {
background: #fff; background: #fff;
border-radius: 8px; border-radius: 8px;
@ -59,14 +99,6 @@
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -84,26 +116,16 @@
border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;
} }
/* Beladungs-Liste */ .section-title {
.beladung-title {
margin-top: 30px; margin-top: 30px;
color: var(--fw-rot); color: var(--fw-rot);
font-weight: 700; font-weight: 700;
} }
.beladung-list {
padding-left: 20px;
}
.beladung-list li {
margin-bottom: 5px;
}
/* Carousel Styling */
.carousel-item img { .carousel-item img {
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15); box-shadow: 0 4px 10px rgba(0,0,0,0.15);
max-height: 500px; max-height: 450px;
object-fit: cover; object-fit: cover;
} }
@ -113,32 +135,37 @@
background-size: 50%; background-size: 50%;
} }
/* Mobile Anpassung */ /* Fix für Mobile: Spaltenbreite anpassen */
@media (max-width: 768px) { @media (max-width: 768px) {
.info-label { width: 100%; display: block; margin-bottom: 2px; } .info-label { width: 100%; margin-bottom: 5px; }
.detail-card { padding: 20px; } .page-header h1 { font-size: 1.5rem; }
} }
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse">
<ul class="navbar-nav ms-auto"> <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/technik.html">Technik</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </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="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -146,30 +173,29 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <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"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> Hydrantenwagen Modell H.I.</li> <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">Stationierung:</span> Stadt Wehlen</li>
<li><span class="info-label">Hersteller:</span> C.A. Schöne Fabrik Dresden</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">Baujahr:</span> 1905</li>
<li><span class="info-label">Funkrufname:</span> -</li> <li><span class="info-label">Typ:</span> Historisches Handzug-Gerät</li>
<li><span class="info-label">Fahrzeugdaten:</span> -</li>
</ul> </ul>
<h3 class="beladung-title">Feuerwehrtechnische Beladung:</h3> <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
<ul class="beladung-list"> <ul class="spec-list">
<li>Kupferner Hydrantenaufsatz mit 2 Auslässen</li> <li>Kupferner Hydrantenaufsatz (2 Auslässe)</li>
<li>Sächsisches Normalgewinde, Spindelventile</li> <li>Sächsisches Normalgewinde, Spindelventile</li>
<li>Kupferne Normalstrahlrohre in Leine geflochten</li> <li>Kupferne Normalstrahlrohre (in Leine geflochten)</li>
<li>17 Satz zu je 15 m - insgesamt 255 m Flachsschlauch</li> <li>255 m Flachsschlauch (17 Satz à 15 m)</li>
<li>17 Paar Patent-Honigkupplungen</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> </ul>
</div> </div>
<div class="col-lg-5 mt-4 mt-lg-0"> <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-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<img src="t_hydrantenwagen_1.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 1"> <img src="t_hydrantenwagen_1.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 1">
@ -178,16 +204,14 @@
<img src="t_hydrantenwagen_2.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 2"> <img src="t_hydrantenwagen_2.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 2">
</div> </div>
</div> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#hydrantenwagenCarousel" data-bs-slide="prev"> <button class="carousel-control-prev" type="button" data-bs-target="#hydrantenCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="carousel-control-prev-icon"></span>
<span class="visually-hidden">Zurück</span>
</button> </button>
<button class="carousel-control-next" type="button" data-bs-target="#hydrantenwagenCarousel" data-bs-slide="next"> <button class="carousel-control-next" type="button" data-bs-target="#hydrantenCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="carousel-control-next-icon"></span>
<span class="visually-hidden">Weiter</span>
</button> </button>
</div> </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> </div>
</div> </div>

0
Technik33/Hydrantenwagen/t_hydrantenwagen_1.jpg → technik/Hydrantenwagen/t_hydrantenwagen_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

0
Technik33/Hydrantenwagen/t_hydrantenwagen_2.jpg → technik/Hydrantenwagen/t_hydrantenwagen_2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

110
Technik33/TSA-Anhaenger/TSA.html → technik/TSA-Anhaenger/TSA.html
View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TSA Tragkraftspritzenanhänger | FFw Stadt Wehlen</title> <title>Tragkraftspritzenanhänger TSA | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Branding Navbar */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Page-Header mit Wasserzeichen */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -83,6 +120,8 @@
margin-top: 30px; margin-top: 30px;
color: var(--fw-rot); color: var(--fw-rot);
font-weight: 700; font-weight: 700;
border-left: 3px solid var(--fw-rot);
padding-left: 10px;
} }
.carousel-item img { .carousel-item img {
@ -95,26 +134,44 @@
.pump-highlight { .pump-highlight {
background-color: #fdf2f2; background-color: #fdf2f2;
border: 1px dashed var(--fw-rot); border: 1px dashed var(--fw-rot);
padding: 15px; padding: 20px;
border-radius: 8px; border-radius: 8px;
margin-top: 20px; margin-top: 20px;
display: flex;
align-items: center;
}
.pump-highlight i {
font-size: 1.5rem;
margin-right: 15px;
color: var(--fw-rot);
}
@media (max-width: 768px) {
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
} }
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Tragkraftspritzenanhänger (TSA)</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -122,10 +179,10 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Tragkraftspritzenanhänger (TSA)</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Anhängerdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> TSA Tragkraftspritzenanhänger</li> <li><span class="info-label">Bezeichnung:</span> Tragkraftspritzenanhänger (TSA)</li>
<li><span class="info-label">Standort:</span> Stadt Wehlen</li> <li><span class="info-label">Standort:</span> Stadt Wehlen</li>
<li><span class="info-label">Typ:</span> Ziegler TSA SDAH</li> <li><span class="info-label">Typ:</span> Ziegler TSA SDAH</li>
<li><span class="info-label">Baujahr:</span> Februar 2004</li> <li><span class="info-label">Baujahr:</span> Februar 2004</li>
@ -135,15 +192,24 @@
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Maße:</span> L 4,00m | B 1,80m | H 2,00m</li> <li><span class="info-label">Maße:</span> L 4,00m | B 1,80m | H 2,00m</li>
<li><span class="info-label">Gesamtgewicht:</span> 1.200 kg</li> <li><span class="info-label">Gesamtgewicht:</span> 1.200 kg</li>
<li><span class="info-label">Ausstattung:</span> Verstellbare Zugdeichsel, Stützrad & Heckstützen</li> <li><span class="info-label">Details:</span> Verstellbare Zugdeichsel, Heckstützen</li>
</ul> </ul>
<h4 class="section-title">Feuerwehrtechnische Beladung</h4> <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
<p>Der Anhänger verfügt über eine komplette DIN-Beladung für eine Löschgruppe.</p> <p>Der TSA bildet eine eigenständige taktische Einheit für eine Löschgruppe (1/8). Er führt alles mit, was für einen klassischen Löschangriff benötigt wird.</p>
<div class="pump-highlight"> <div class="pump-highlight">
<p class="mb-0"><strong>Hauptausrüstung:</strong> Tragkraftspritze Magirus 4-Takt</p> <div>
<strong>Herzstück:</strong> Tragkraftspritze Magirus (4-Takt-Motor)<br>
<small class="text-muted">Zuverlässige Wasserförderung auch bei langen Einsatzstellen.</small>
</div>
</div> </div>
<ul class="spec-list mt-3">
<li><span class="info-label">Ausrüstung:</span> 4 Saugschläuche (A), Saugkorb</li>
<li><span class="info-label">Löschmittel:</span> B- und C-Schläuche nach DIN</li>
<li><span class="info-label">Armaturen:</span> Strahlrohre, Verteiler, Standrohr</li>
</ul>
</div> </div>
<div class="col-lg-5 mt-4 mt-lg-0"> <div class="col-lg-5 mt-4 mt-lg-0">
@ -163,7 +229,7 @@
<span class="carousel-control-next-icon"></span> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
<p class="text-center text-muted mt-3 small"><em>Effektive Wasserförderung durch moderne Magirus-Technik</em></p> <p class="text-center text-muted mt-3 small"><em>Die mobile Pumpeneinheit für die Wasserversorgung</em></p>
</div> </div>
</div> </div>
</div> </div>

0
Technik33/TSA-Anhaenger/t_tsa_1.jpg → technik/TSA-Anhaenger/t_tsa_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

0
Technik33/TSA-Anhaenger/t_tsa_2.jpg → technik/TSA-Anhaenger/t_tsa_2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

100
Technik33/Transporthaenger/Transporthaenger.html → technik/Transporthaenger/Transporthaenger.html
View File

@ -6,7 +6,7 @@
<title>Transportanhänger | FFw Stadt Wehlen</title> <title>Transportanhänger | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Branding Navbar */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Einheitlicher Page-Header */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -83,6 +120,8 @@
margin-top: 30px; margin-top: 30px;
color: var(--fw-rot); color: var(--fw-rot);
font-weight: 700; font-weight: 700;
border-left: 3px solid var(--fw-rot);
padding-left: 10px;
} }
.vehicle-img { .vehicle-img {
@ -90,23 +129,38 @@
box-shadow: 0 4px 10px rgba(0,0,0,0.15); box-shadow: 0 4px 10px rgba(0,0,0,0.15);
width: 100%; width: 100%;
height: auto; height: auto;
transition: transform 0.3s ease;
}
.vehicle-img:hover {
transform: scale(1.02);
}
@media (max-width: 768px) {
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
} }
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Transportanhänger</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -114,7 +168,7 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Transportanhänger</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> Transportanhänger</li> <li><span class="info-label">Bezeichnung:</span> Transportanhänger</li>
@ -132,15 +186,17 @@
</ul> </ul>
<h4 class="section-title">Nutzung & Beladung</h4> <h4 class="section-title">Nutzung & Beladung</h4>
<p>Dieser Anhänger ist ein flexibler Allrounder für die Logistik der Feuerwehr Stadt Wehlen. Er wird unter anderem für folgende Zwecke genutzt:</p> <p>Dieser Anhänger ist unser flexibler Allrounder für Logistikaufgaben. Ob Ausbildung oder Einsatz – der Anhänger passt sich an:</p>
<ul> <div class="bg-light p-3 border-start border-3 border-danger rounded">
<li>Transport der Ausstattung für die <strong>Jugendfeuerwehr</strong></li> <ul class="mb-0">
<li>Mitführung eines TSA-Einschubs mit <strong>Tragkraftspritze TS 3</strong></li> <li><strong>Jugendfeuerwehr:</strong> Transport der Übungsausstattung</li>
<li>Allgemeine Materialtransporte bei Einsätzen und Übungen</li> <li><strong>Löschwasser:</strong> Mitführung eines TSA-Einschubs mit <strong>Tragkraftspritze TS 3</strong></li>
</ul> <li><strong>Logistik:</strong> Transport von Sandsäcken, Ölbindemittel oder verschmutztem Material</li>
</ul>
</div>
</div> </div>
<div class="col-lg-5 mt-4 mt-lg-0"> <div class="col-lg-5 mt-4 mt-lg-0 text-center">
<img src="t_transportanhaenger.jpg" class="vehicle-img" alt="Transportanhänger FFw Wehlen"> <img src="t_transportanhaenger.jpg" class="vehicle-img" alt="Transportanhänger FFw Wehlen">
<p class="text-center text-muted mt-3 small"><em>Vielseitiges Logistikfahrzeug für Ausbildung und Einsatz</em></p> <p class="text-center text-muted mt-3 small"><em>Vielseitiges Logistikfahrzeug für Ausbildung und Einsatz</em></p>
</div> </div>

0
Technik33/Transporthaenger/t_transportanhaenger.jpg → technik/Transporthaenger/t_transportanhaenger.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

115
Technik33/VRW-Quad/VRW.html → technik/VRW-Quad/VRW.html
View File

@ -6,7 +6,7 @@
<title>VRW Vorausrüstwagen | FFw Stadt Wehlen</title> <title>VRW Vorausrüstwagen | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Branding Navbar */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Einheitlicher Page-Header mit Wasserzeichen */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -91,32 +128,43 @@
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15); box-shadow: 0 4px 10px rgba(0,0,0,0.15);
width: 100%; width: 100%;
height: auto;
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
.tech-box { .tech-box {
background: #fdf2f2; background: #fdf2f2;
padding: 15px; padding: 20px;
border-radius: 8px; border-radius: 8px;
border: 1px solid #f5dada; border: 1px dashed var(--fw-rot);
margin-top: 15px; margin-top: 15px;
} }
@media (max-width: 768px) {
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
}
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Vorausrüstwagen (VRW)</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -124,52 +172,51 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Vorausrüstwagen (VRW)</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Stammdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> VRW (Quad)</li> <li><span class="info-label">Bezeichnung:</span> VRW (Quad)</li>
<li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 53-1</li> <li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 53-1</li>
<li><span class="info-label">Typ:</span> Suzuki KingQuad</li> <li><span class="info-label">Fahrgestell:</span> Suzuki KingQuad</li>
<li><span class="info-label">Baujahr:</span> Mai 2006</li> <li><span class="info-label">Baujahr:</span> Mai 2006</li>
<li><span class="info-label">Gewicht:</span> 470 kg</li> <li><span class="info-label">Einsatzgewicht:</span> 470 kg</li>
</ul> </ul>
<h4 class="section-title">Fahrzeugdaten & Sondersignalanlage</h4> <h4 class="section-title">Technische Daten</h4>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Antrieb:</span> Allrad mit Differentialsperre</li> <li><span class="info-label">Antrieb:</span> 4x4 Allrad / Differentialsperre</li>
<li><span class="info-label">Signale:</span> Blitzkennleuchte (Dach + Front), Martins-Horn</li> <li><span class="info-label">Sondersignal:</span> Blitzkennleuchte & Martins-Horn</li>
<li><span class="info-label">Beleuchtung:</span> Arbeitsscheinwerfer vorn & hinten</li> <li><span class="info-label">Zusatzausstattung:</span> Arbeitsscheinwerfer LED</li>
<li><span class="info-label">Maße:</span> L 2,20m | B 1,25m | H 2,00m</li> <li><span class="info-label">Maße:</span> L 2,20m | B 1,25m | H 2,00m</li>
</ul> </ul>
<h4 class="section-title">Schwerpunkt: Technische Hilfeleistung</h4> <h4 class="section-title">Spezialausrüstung: TH-Rettung</h4>
<div class="tech-box"> <div class="tech-box">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<ul class="spec-list small border-0"> <ul class="spec-list small mb-0">
<li class="border-0"><strong>Rettungssatz:</strong> Lukas SC 350 Kombigerät</li> <li class="border-0"><strong>Hydraulik:</strong> Lukas SC 350 Kombigerät</li>
<li class="border-0">Lukas Kompaktaggregat P 610 OG</li> <li class="border-0">Lukas Kompaktaggregat P 610 OG</li>
<li class="border-0">Lukas Rettungszylinder</li> <li class="border-0">Lukas Rettungszylinder</li>
<li class="border-0">MicroCAFS-Löscher (10 Liter)</li>
</ul> </ul>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<ul class="spec-list small border-0"> <ul class="spec-list small mb-0">
<li class="border-0"><strong>Medizin:</strong> Defibrillator & Sanitätsrucksack</li> <li class="border-0"><strong>Medizin:</strong> Defibrillator (AED)</li>
<li class="border-0">Stabilisations- & Unterbausystem</li> <li class="border-0">Sanitätsrucksack & Sauerstoff</li>
<li class="border-0">Glas-Ex & Werkzeug VU / Elektro</li> <li class="border-0">Löschtechnik: 10L MicroCAFS</li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-5 mt-4 mt-lg-0"> <div class="col-lg-5 mt-4 mt-lg-0 text-center">
<img src="t_vrw_1.jpg" class="vehicle-img" alt="VRW Suzuki KingQuad"> <img src="t_vrw_1.jpg" class="vehicle-img" alt="VRW Suzuki KingQuad">
<p class="text-center text-muted mt-3 small"><em>Extrem geländegängig für schnelle Hilfe in unwegsamem Gelände</em></p> <p class="text-center text-muted mt-3 small"><em>Extrem geländegängig für schnelle Hilfe in unwegsamem Gelände</em></p>
<div class="alert alert-secondary mt-4 small"> <div class="alert alert-warning mt-4 small border-0 shadow-sm" style="background-color: #fff3cd; color: #856404;">
<strong>Hinweis:</strong> Dieses Fahrzeug ermöglicht durch seine kompakten Maße einen Erstzugriff bei Verkehrsunfällen oder in engen Gassen, bevor schwerere Fahrzeuge eintreffen können. <strong>Einsatztaktik:</strong> Das Fahrzeug ermöglicht durch seine kompakten Maße einen schnellen Erstzugriff bei Verkehrsunfällen oder im Waldgelände, noch bevor die Großfahrzeuge eintreffen.
</div> </div>
</div> </div>
</div> </div>

0
Technik33/VRW-Quad/t_vrw_1.jpg → technik/VRW-Quad/t_vrw_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 90 KiB

0
Technik33/bildertechnik.css → technik/bildertechnik.css
View File

135
Technik33/lf1/lf1.html → technik/lf1/lf1.html
View File

@ -6,7 +6,7 @@
<title>Löschfahrzeug LF 1 | FFw Stadt Wehlen</title> <title>Löschfahrzeug LF 1 | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,7 +20,49 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Top Bar mit Zurück-Link */ /* Falls nav.css blockiert wird, hier das Backup-Styling */
.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 {
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: 40px 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;
margin: 0;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -45,29 +87,20 @@
transform: translateX(-5px); transform: translateX(-5px);
} }
/* Detail-Container */
.detail-card { .detail-card {
background: #fff; background: #fff;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
width: 180px; width: 160px;
display: inline-block; display: inline-block;
} }
@ -81,32 +114,24 @@
border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;
} }
.beladung-title { .section-title {
margin-top: 30px; margin-top: 30px;
color: var(--fw-rot); color: var(--fw-rot);
font-weight: 700; font-weight: 700;
border-left: 3px solid var(--fw-rot);
padding-left: 10px;
} }
.beladung-list {
padding-left: 20px;
}
/* Carousel Styling */
.carousel-item img { .carousel-item img {
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15); box-shadow: 0 4px 10px rgba(0,0,0,0.15);
max-height: 500px; max-height: 450px;
object-fit: cover; object-fit: cover;
} }
.carousel-control-prev-icon, .carousel-control-next-icon {
background-color: var(--fw-rot);
border-radius: 50%;
background-size: 50%;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.info-label { width: 100%; display: block; margin-bottom: 2px; } .info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
} }
</style> </style>
</head> </head>
@ -114,26 +139,21 @@
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </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> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Löschfahrzeug LF 1</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -141,46 +161,37 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Löschfahrzeug LF 1</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> Löschfahrzeug LF 1</li> <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">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">Baujahr:</span> Mai 2003</li>
<li><span class="info-label">Funkrufname:</span> -</li>
<li><span class="info-label">Fahrzeugdaten:</span> 26er Herrenfahrrad</li> <li><span class="info-label">Fahrzeugdaten:</span> 26er Herrenfahrrad</li>
</ul> </ul>
<h3 class="beladung-title">Feuerwehrtechnische Beladung:</h3> <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
<ul class="beladung-list"> <ul class="spec-list">
<li>Sirene mit Handkurbel</li> <li>Sirene mit Handkurbel (akustisches Signal)</li>
<li>Blitzleuchte</li> <li>Blitzleuchte (optisches Signal)</li>
<li>Kübelspritze als Spendenkübel</li> <li>Kübelspritze (als Spendenkübel umfunktioniert)</li>
<li>C-Schlauch + Strahlrohr für Schnellangriff</li> <li>C-Schlauch + Strahlrohr (Schnellangriff-Attrappe)</li>
</ul> </ul>
<h4 class="section-title">Besonderheiten</h4>
<p>Das LF 1 ist unser ganzer Stolz bei Festumzügen. Das ehemalige Postrad wurde in liebevoller Kleinarbeit zum "kleinsten Löschfahrzeug der Welt" umgebaut. Es dient primär der Traditionspflege und der Spendensammlung bei Veranstaltungen.</p>
</div> </div>
<div class="col-lg-5 mt-4 mt-lg-0"> <div class="col-lg-5 mt-4 mt-lg-0">
<div id="lf1Carousel" class="carousel slide" data-bs-ride="carousel"> <div id="lf1Carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<img src="../technikpage/t_lf1_1.jpg" class="d-block w-100" alt="LF 1 Bild 1"> <img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Fahrrad">
</div>
<div class="carousel-item">
<img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Bild 2">
</div> </div>
</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>
</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>
</button>
</div> </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> </div>
</div> </div>

0
Technik33/lf1/t_lf1_2.jpg → technik/lf1/t_lf1_2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

113
Technik33/lf10/lf10.html → technik/lf10/lf10.html
View File

@ -6,7 +6,7 @@
<title>LF 10/6 | FFw Stadt Wehlen</title> <title>LF 10/6 | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Branding für die Navbar (falls nav.css extern geladen wird) */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Schicker Header wie bei den anderen Seiten */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -88,12 +125,11 @@
} }
.beladung-grid { .beladung-grid {
column-count: 2; /* Teilt die lange Liste in zwei Spalten */ column-count: 2;
column-gap: 30px; column-gap: 30px;
padding-left: 20px; padding-left: 20px;
} }
/* Carousel Styling */
.carousel-item img { .carousel-item img {
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15); box-shadow: 0 4px 10px rgba(0,0,0,0.15);
@ -109,6 +145,8 @@
@media (max-width: 992px) { @media (max-width: 992px) {
.beladung-grid { column-count: 1; } .beladung-grid { column-count: 1; }
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
} }
</style> </style>
</head> </head>
@ -116,16 +154,21 @@
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Löschgruppenfahrzeug LF 10/6</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -133,12 +176,12 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Löschgruppenfahrzeug LF 10/6</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> LF 10/6</li> <li><span class="info-label">Bezeichnung:</span> LF 10/6</li>
<li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 42-1</li> <li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 42-1</li>
<li><span class="info-label">Fahrgestell:</span> MB Atego 818 F (Straßenfahrgestell)</li> <li><span class="info-label">Fahrgestell:</span> MB Atego 818 F</li>
<li><span class="info-label">Baujahr:</span> Juli 2007</li> <li><span class="info-label">Baujahr:</span> Juli 2007</li>
<li><span class="info-label">Motorleistung:</span> 180 PS</li> <li><span class="info-label">Motorleistung:</span> 180 PS</li>
<li><span class="info-label">Gesamtgewicht:</span> 8.600 kg</li> <li><span class="info-label">Gesamtgewicht:</span> 8.600 kg</li>
@ -146,9 +189,9 @@
<h4 class="section-title">Technische Daten & Ausstattung</h4> <h4 class="section-title">Technische Daten & Ausstattung</h4>
<ul class="spec-list small"> <ul class="spec-list small">
<li><strong>Maße:</strong> L 6,39m | B 2,32m | H 3,00m (Radstand 3,32m)</li> <li><strong>Maße:</strong> L 6,39m | B 2,32m | H 3,00m</li>
<li><strong>Sicherheit:</strong> ABS, Differentialsperre hinten</li> <li><strong>Sicherheit:</strong> ABS, Differentialsperre hinten</li>
<li><strong>Licht/Warn:</strong> Top-Integro Kabinendachmodul, Martin-Horn (4 Becher), Umfeldbeleuchtung, Pneumatik-Lichtmast (2x 1000W)</li> <li><strong>Licht/Warn:</strong> Martin-Horn (4 Becher), Pneumatik-Lichtmast (2x 1000W)</li>
</ul> </ul>
<h4 class="section-title">Feuerwehrtechnische Beladung</h4> <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
@ -160,14 +203,10 @@
<li>Stromerzeuger 6,5 kW (Eisemann)</li> <li>Stromerzeuger 6,5 kW (Eisemann)</li>
<li>3-teilige Schiebeleiter</li> <li>3-teilige Schiebeleiter</li>
<li>Lukas Schere/Spreizer Kombi SC 350</li> <li>Lukas Schere/Spreizer Kombi SC 350</li>
<li>Lukas Kompaktaggregat</li>
<li>Wärmebildkamera Bullard Eclipse</li> <li>Wärmebildkamera Bullard Eclipse</li>
<li>Defibrillator (AED) "Zoll"</li> <li>Defibrillator (AED) "Zoll"</li>
<li>Sanitätsrucksack</li> <li>Sanitätsrucksack & Watthosen</li>
<li>Watthosen & Absturzsicherung</li>
<li>Ölbindemittel & Kettensäge</li> <li>Ölbindemittel & Kettensäge</li>
<li>Schornsteinfegerwerkzeug</li>
<li>Waldbrandpatschen</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -175,24 +214,12 @@
<div class="col-lg-5 mt-4 mt-lg-0"> <div class="col-lg-5 mt-4 mt-lg-0">
<div id="lf10Carousel" class="carousel slide" data-bs-ride="carousel"> <div id="lf10Carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active"><img src="t_lf10_6_1.jpg" class="d-block w-100" alt="LF 10 Bild 1"></div>
<img src="t_lf10_6_1.jpg" class="d-block w-100" alt="LF 10 Bild 1"> <div class="carousel-item"><img src="t_lf10_6_2.jpg" class="d-block w-100" alt="LF 10 Bild 2"></div>
</div> <div class="carousel-item"><img src="t_lf10_6_3.jpg" class="d-block w-100" alt="LF 10 Bild 3"></div>
<div class="carousel-item"> <div class="carousel-item"><img src="t_lf10_6_4.jpg" class="d-block w-100" alt="LF 10 Bild 4"></div>
<img src="t_lf10_6_2.jpg" class="d-block w-100" alt="LF 10 Bild 2"> <div class="carousel-item"><img src="t_lf10_6_5.jpg" class="d-block w-100" alt="LF 10 Bild 5"></div>
</div> <div class="carousel-item"><img src="t_lf10_6_6.jpg" class="d-block w-100" alt="LF 10 Bild 6"></div>
<div class="carousel-item">
<img src="t_lf10_6_3.jpg" class="d-block w-100" alt="LF 10 Bild 3">
</div>
<div class="carousel-item">
<img src="t_lf10_6_4.jpg" class="d-block w-100" alt="LF 10 Bild 4">
</div>
<div class="carousel-item">
<img src="t_lf10_6_5.jpg" class="d-block w-100" alt="LF 10 Bild 5">
</div>
<div class="carousel-item">
<img src="t_lf10_6_6.jpg" class="d-block w-100" alt="LF 10 Bild 6">
</div>
</div> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#lf10Carousel" data-bs-slide="prev"> <button class="carousel-control-prev" type="button" data-bs-target="#lf10Carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span> <span class="carousel-control-prev-icon"></span>
@ -201,7 +228,7 @@
<span class="carousel-control-next-icon"></span> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
<p class="text-center text-muted mt-3 small"><em>Unser Erstangriffsfahrzeug für Brand & Hilfeleistung</em></p> <p class="text-center text-muted mt-3 small"><em>Erstangriffsfahrzeug für Brand & Hilfeleistung</em></p>
</div> </div>
</div> </div>
</div> </div>

0
Technik33/lf10/t_lf10_6_1.jpg → technik/lf10/t_lf10_6_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

0
Technik33/lf10/t_lf10_6_2.jpg → technik/lf10/t_lf10_6_2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

0
Technik33/lf10/t_lf10_6_3.jpg → technik/lf10/t_lf10_6_3.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

0
Technik33/lf10/t_lf10_6_4.jpg → technik/lf10/t_lf10_6_4.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

0
Technik33/lf10/t_lf10_6_5.jpg → technik/lf10/t_lf10_6_5.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

0
Technik33/lf10/t_lf10_6_6.jpg → technik/lf10/t_lf10_6_6.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

126
Technik33/rtb1/rtb1.html → technik/rtb1/rtb1.html
View File

@ -6,7 +6,7 @@
<title>Feuerwehrboot RTB 1 | FFw Stadt Wehlen</title> <title>Feuerwehrboot RTB 1 | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Branding Navbar */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Page-Header mit Wasserzeichen */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -83,6 +120,8 @@
margin-top: 30px; margin-top: 30px;
color: var(--fw-rot); color: var(--fw-rot);
font-weight: 700; font-weight: 700;
border-left: 3px solid var(--fw-rot);
padding-left: 10px;
} }
.carousel-item img { .carousel-item img {
@ -92,27 +131,50 @@
object-fit: cover; object-fit: cover;
} }
.carousel-control-prev-icon, .carousel-control-next-icon { .highlight-badge {
background-color: var(--fw-rot); background-color: var(--fw-rot);
border-radius: 50%; color: white;
background-size: 50%; padding: 4px 12px;
border-radius: 20px;
font-size: 0.9rem;
margin-bottom: 15px;
display: inline-block;
font-weight: 600;
}
.info-box {
background: #fdf2f2;
border-radius: 8px;
padding: 20px;
border: 1px dashed var(--fw-rot);
margin-top: 15px;
}
@media (max-width: 768px) {
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
} }
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Feuerwehrboot (RTB 1)</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -120,35 +182,39 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Feuerwehrboot RTB 1</h1> <span class="highlight-badge">Standort: Pötzscha</span>
<h2 style="color: var(--fw-rot); font-weight: 700;">Bootsdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 1 (DIN 14961)</li> <li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 1</li>
<li><span class="info-label">Standort:</span> Stadtteil Pötzscha</li> <li><span class="info-label">Norm:</span> DIN 14961</li>
<li><span class="info-label">Typ:</span> Barru LGL 400-BKL</li> <li><span class="info-label">Typ:</span> Barru LGL 400-BKL</li>
<li><span class="info-label">Baujahr:</span> März 2014</li> <li><span class="info-label">Baujahr:</span> März 2014</li>
<li><span class="info-label">Zuladung:</span> 550 kg (max. 5 Personen)</li> <li><span class="info-label">Zuladung:</span> 550 kg (max. 5 Personen)</li>
</ul> </ul>
<h4 class="section-title">Technische Daten</h4> <h4 class="section-title">Technische Details</h4>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Maße:</span> L 4,13m | B 1,80m | T 0,18m</li> <li><span class="info-label">Maße:</span> L 4,13m | B 1,80m | T 0,18m</li>
<li><span class="info-label">Motorisierung:</span> Suzuki 25 PS (3-Zyl. 4-Takt)</li> <li><span class="info-label">Motorisierung:</span> Suzuki 25 PS (4-Takt)</li>
<li><span class="info-label">Ausstattung:</span> Bugklappe, Hochwasserräder, Tragereling</li> <li><span class="info-label">Besonderheit:</span> Absenkbare Bugklappe</li>
<li><span class="info-label">Zubehör:</span> Hochwasserräder für Landtransport</li>
</ul> </ul>
<h4 class="section-title">Ausrüstung</h4> <h4 class="section-title">Einsatzprofil</h4>
<p>Komplette Beladung nach DIN, inklusive Rettungsmittel für Wasser- und Eisnotfälle sowie Klappsitzbänke für den Mannschaftstransport.</p> <div class="info-box">
<p class="mb-0">Das RTB 1 ist ein extrem vielseitiges Arbeitsmittel. Durch die <strong>Bugklappe</strong> können Personen im Wasser ohne Kraftaufwand direkt aufgenommen werden. Zudem dient es bei Hochwasser als wichtiges Transportmittel für Sandsäcke oder zur Evakuierung in engen Gassen.</p>
</div>
</div> </div>
<div class="col-lg-5 mt-4 mt-lg-0"> <div class="col-lg-5 mt-4 mt-lg-0">
<div id="rtbCarousel" class="carousel slide" data-bs-ride="carousel"> <div id="rtbCarousel" class="carousel slide shadow-sm" data-bs-ride="carousel">
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<img src="t_aluboot_rtb1_1.jpg" class="d-block w-100" alt="RTB 1 Bild 1"> <img src="t_aluboot_rtb1_1.jpg" class="d-block w-100" alt="RTB 1 Elbe">
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img src="t_aluboot_rtb1_2.jpg" class="d-block w-100" alt="RTB 1 Bild 2"> <img src="t_aluboot_rtb1_2.jpg" class="d-block w-100" alt="RTB 1 Details">
</div> </div>
</div> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#rtbCarousel" data-bs-slide="prev"> <button class="carousel-control-prev" type="button" data-bs-target="#rtbCarousel" data-bs-slide="prev">
@ -158,7 +224,9 @@
<span class="carousel-control-next-icon"></span> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
<p class="text-center text-muted mt-3 small"><em>Einsatzbereit auf der Elbe und in Hochwassergebieten</em></p> <div class="alert alert-info mt-3 py-2 small border-0 text-center" style="background-color: #e7f1ff; color: #084298;">
<em>Speziell optimiert für Elbe-Einsätze und Hochwasserlagen</em>
</div>
</div> </div>
</div> </div>
</div> </div>

0
Technik33/rtb1/t_aluboot_rtb1_1.jpg → technik/rtb1/t_aluboot_rtb1_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

0
Technik33/rtb1/t_aluboot_rtb1_2.jpg → technik/rtb1/t_aluboot_rtb1_2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

87
Technik33/rtb1schlauchboot/rtb1_Schlauchboot.html → technik/rtb1schlauchboot/rtb1_Schlauchboot.html
View File

@ -6,7 +6,7 @@
<title>Schlauchboot RTB 1 | FFw Stadt Wehlen</title> <title>Schlauchboot RTB 1 | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Navbar Styling */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Einheitlicher Page-Header */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -83,6 +120,8 @@
margin-top: 30px; margin-top: 30px;
color: var(--fw-rot); color: var(--fw-rot);
font-weight: 700; font-weight: 700;
border-left: 3px solid var(--fw-rot);
padding-left: 10px;
} }
.carousel-item img { .carousel-item img {
@ -91,22 +130,32 @@
max-height: 450px; max-height: 450px;
object-fit: cover; object-fit: cover;
} }
@media (max-width: 768px) {
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
}
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Schlauchboot RTB 1</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -114,16 +163,16 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Feuerwehrschlauchboot RTB 1</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Technische Daten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> Rettungsschlauchboot RTB 1</li> <li><span class="info-label">Bezeichnung:</span> Rettungsschlauchboot RTB 1</li>
<li><span class="info-label">Standort:</span> Stadt Wehlen</li> <li><span class="info-label">Standort:</span> Stadt Wehlen</li>
<li><span class="info-label">Baujahr:</span> Mai 2003</li> <li><span class="info-label">Baujahr:</span> Mai 2003</li>
<li><span class="info-label">Gewicht:</span> 33 kg (extrem leicht/mobil)</li> <li><span class="info-label">Gewicht:</span> 33 kg (leicht & mobil)</li>
</ul> </ul>
<h4 class="section-title">Technische Daten</h4> <h4 class="section-title">Leistungsdaten</h4>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Maße:</span> L 3,00m | B 1,20m</li> <li><span class="info-label">Maße:</span> L 3,00m | B 1,20m</li>
<li><span class="info-label">Sicherheit:</span> 4 separate Luftkammern</li> <li><span class="info-label">Sicherheit:</span> 4 separate Luftkammern</li>
@ -131,7 +180,7 @@
</ul> </ul>
<h4 class="section-title">Einsatzzweck</h4> <h4 class="section-title">Einsatzzweck</h4>
<p>Das Schlauchboot dient primär der schnellen Menschenrettung in ufernahen Bereichen oder auf stehenden Gewässern. Aufgrund seines geringen Gewichts kann es von zwei Einsatzkräften problemlos zu schwer zugänglichen Stellen getragen werden.</p> <p>Das RTB 1 (Schlauchboot) ist unser "Flitzer" für kleine Gewässer oder schwer zugängliche Elbufer. Es ist in Sekundenschnelle einsatzbereit und kann aufgrund des geringen Gewichts von einer kleinen Truppe direkt zum Wasser getragen werden, ohne dass eine Slipstelle benötigt wird.</p>
</div> </div>
<div class="col-lg-5 mt-4 mt-lg-0"> <div class="col-lg-5 mt-4 mt-lg-0">
@ -142,7 +191,7 @@
</div> </div>
</div> </div>
</div> </div>
<p class="text-center text-muted mt-3 small"><em>Flexibel einsetzbar für die Wasserrettung</em></p> <p class="text-center text-muted mt-3 small"><em>Flexibel für die Wasserrettung</em></p>
</div> </div>
</div> </div>
</div> </div>

0
Technik33/rtb1schlauchboot/t_schlauchboot.jpg → technik/rtb1schlauchboot/t_schlauchboot.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

94
Technik33/rtb2/rtb2.html → technik/rtb2/rtb2.html
View File

@ -6,7 +6,7 @@
<title>Feuerwehrboot RTB 2 | FFw Stadt Wehlen</title> <title>Feuerwehrboot RTB 2 | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Branding Navbar */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Page-Header mit Wasserzeichen */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -83,6 +120,8 @@
margin-top: 30px; margin-top: 30px;
color: var(--fw-rot); color: var(--fw-rot);
font-weight: 700; font-weight: 700;
border-left: 3px solid var(--fw-rot);
padding-left: 10px;
} }
.carousel-item img { .carousel-item img {
@ -97,22 +136,32 @@
border-radius: 50%; border-radius: 50%;
background-size: 50%; background-size: 50%;
} }
@media (max-width: 768px) {
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
}
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Feuerwehrboot RTB 2</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -120,31 +169,28 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Feuerwehrboot RTB 2</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Bootsdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 2</li> <li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 2</li>
<li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 79-1</li> <li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 79-1</li>
<li><span class="info-label">Typ:</span> Fiskas Buster "L" Aluminium</li> <li><span class="info-label">Typ:</span> Fiskas Buster "L" Aluminium</li>
<li><span class="info-label">Baujahr:</span> Mai 2003</li>
<li><span class="info-label">Zuladung:</span> 590 kg (max. 6 Personen)</li> <li><span class="info-label">Zuladung:</span> 590 kg (max. 6 Personen)</li>
</ul> </ul>
<h4 class="section-title">Technische Daten</h4> <h4 class="section-title">Technische Daten</h4>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Maße:</span> L 4,90m | B 1,97m | T 0,29m</li> <li><span class="info-label">Maße:</span> L 4,90m | B 1,97m | T 0,29m</li>
<li><span class="info-label">Gewicht:</span> 450 kg</li>
<li><span class="info-label">Motorisierung:</span> Suzuki 40 PS (3-Zyl. 4-Takt)</li> <li><span class="info-label">Motorisierung:</span> Suzuki 40 PS (3-Zyl. 4-Takt)</li>
<li><span class="info-label">Speed:</span> max. 33 Knoten (ca. 61 km/h)</li> <li><span class="info-label">Speed:</span> max. 33 Knoten (~ 61 km/h)</li>
</ul> </ul>
<h4 class="section-title">Ausstattung & Beladung</h4> <h4 class="section-title">Ausstattung & Beladung</h4>
<ul class="spec-list small"> <ul class="spec-list small">
<li>Sondersignalanlage: Blitzkennleuchte & Martinshorn auf Bügel</li> <li><strong>Sondersignal:</strong> Blitzkennleuchte & Martinshorn auf Gerätebügel</li>
<li>Beleuchtung: Suchscheinwerfer (fest) + 2 flexible Suchscheinwerfer</li> <li><strong>Beleuchtung:</strong> 1x Fest-Suchscheinwerfer, 2x Hand-Suchscheinwerfer</li>
<li>Technik: Echolot zur Tiefenmessung</li> <li><strong>Navigation:</strong> Echolot zur Tiefen- & Hindernismessung</li>
<li>Rettung: Rettungsbrett & Rettungsmittel nach DIN</li> <li><strong>Rettungsmittel:</strong> Rettungsbrett & Notfall-Set nach DIN</li>
<li>Besonderheit: TS 3 einsetzbar</li>
</ul> </ul>
</div> </div>
@ -168,7 +214,7 @@
<span class="carousel-control-next-icon"></span> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
<p class="text-center text-muted mt-3 small"><em>Schnelleinsatzboot für Rettungseinsätze auf der Elbe</em></p> <p class="text-center text-muted mt-3 small"><em>Das schnelle "Buster" für Einsätze auf der Elbe</em></p>
</div> </div>
</div> </div>
</div> </div>

0
Technik33/rtb2/t_rtb2_1.jpg → technik/rtb2/t_rtb2_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

0
Technik33/rtb2/t_rtb2_2.jpg → technik/rtb2/t_rtb2_2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

0
Technik33/rtb2/t_rtb2_3.jpg → technik/rtb2/t_rtb2_3.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

96
Technik33/sta/sta.html → technik/sta/sta.html
View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>STA Schlauchtransportanhänger | FFw Stadt Wehlen</title> <title>Schlauchtransportanhänger STA | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Branding Navbar */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Page-Header mit Wasserzeichen */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -83,6 +120,8 @@
margin-top: 30px; margin-top: 30px;
color: var(--fw-rot); color: var(--fw-rot);
font-weight: 700; font-weight: 700;
border-left: 3px solid var(--fw-rot);
padding-left: 10px;
} }
.carousel-item img { .carousel-item img {
@ -95,26 +134,36 @@
.highlight-box { .highlight-box {
background: #fdf2f2; background: #fdf2f2;
border: 1px dashed var(--fw-rot); border: 1px dashed var(--fw-rot);
padding: 15px; padding: 20px;
border-radius: 8px; border-radius: 8px;
margin-top: 20px; margin-top: 20px;
} }
@media (max-width: 768px) {
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
}
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Schlauchtransportanhänger (STA)</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -122,10 +171,10 @@
<div class="detail-card"> <div class="detail-card">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h1>Schlauchtransportanhänger (STA)</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Fahrzeugdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> STA</li> <li><span class="info-label">Bezeichnung:</span> Schlauchtransportanhänger (STA)</li>
<li><span class="info-label">Standort:</span> Stadt Wehlen</li> <li><span class="info-label">Standort:</span> Stadt Wehlen</li>
<li><span class="info-label">Typ:</span> Humbauer HA75/100</li> <li><span class="info-label">Typ:</span> Humbauer HA75/100</li>
<li><span class="info-label">Baujahr:</span> Dezember 2004</li> <li><span class="info-label">Baujahr:</span> Dezember 2004</li>
@ -135,17 +184,18 @@
<h4 class="section-title">Technische Details</h4> <h4 class="section-title">Technische Details</h4>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Maße:</span> L 3,56m | B 1,79m | H 2,35m</li> <li><span class="info-label">Maße:</span> L 3,56m | B 1,79m | H 2,35m</li>
<li><span class="info-label">Ausstattung:</span> Hochplane, Heck-Arbeitsbeleuchtung, Stützrad & Heckstützen</li> <li><span class="info-label">Ausstattung:</span> Hochplane, Heck-Arbeitsbeleuchtung</li>
<li><span class="info-label">Besonderheit:</span> Schnellverlege-Vorrichtung</li>
</ul> </ul>
<h4 class="section-title">Feuerwehrtechnische Beladung</h4> <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
<div class="highlight-box"> <div class="highlight-box">
<p class="mb-2"><strong>Schlauchmaterial:</strong></p> <p class="mb-2"><strong>Schlauchmaterial:</strong></p>
<ul class="mb-3"> <ul class="mb-3">
<li><strong>38 B-Schläuche</strong> (à 20m) in Buchten gekoppelt</li> <li><strong>38 B-Schläuche</strong> (insgesamt 760m), in Buchten gekoppelt</li>
<li>2 Tragekörbe mit je 3 x 20m C-Schläuchen</li> <li>2 Tragekörbe mit je 3 x 20m C-Schläuchen</li>
</ul> </ul>
<p class="mb-0 small">Zusätzlich: Standrohr, Schlüssel, 2 C-Strahlrohre, Verteiler, Schlauchbrücken und Kupplungsschlüssel.</p> <p class="mb-0 small text-muted"><strong>Armaturen:</strong> Standrohr, Hydrantenschlüssel, 2 C-Strahlrohre, Verteiler, Schlauchbrücken und Kupplungsschlüssel.</p>
</div> </div>
</div> </div>
@ -166,7 +216,9 @@
<span class="carousel-control-next-icon"></span> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
<p class="text-center text-muted mt-3 small"><em>Ermöglicht das schnelle Verlegen von ca. 760m B-Leitung während der Fahrt</em></p> <div class="alert alert-danger mt-3 py-2 small shadow-sm">
<strong>Einsatzvorteil:</strong> Verlegen von ca. 760m B-Leitung direkt während der Fahrt.
</div>
</div> </div>
</div> </div>
</div> </div>

0
Technik33/sta/t_sta_1.jpg → technik/sta/t_sta_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

0
Technik33/sta/t_sta_2.jpg → technik/sta/t_sta_2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

136
technik.html → technik/technik.html
View File

@ -6,20 +6,65 @@
<title>Technik | Feuerwehr Stadt Wehlen</title> <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 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> <style>
:root { :root {
--fw-rot: #900000; /* Grundfarben */
--fw-grau: #616161; --fw-rot: #900000; /* Dunkles Rot für Titel/Akzente */
--bg-light: #f8f9fa; --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 { body {
background-color: var(--bg-light); background-color: var(--bg-light);
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 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 { .page-header {
position: relative; position: relative;
text-align: center; text-align: center;
@ -48,6 +93,7 @@
text-transform: uppercase; text-transform: uppercase;
} }
/* TECHNIK CONTAINER & CARDS */
.technik-container { .technik-container {
max-width: 1100px; max-width: 1100px;
margin: 40px auto; margin: 40px auto;
@ -73,7 +119,8 @@
.technik-card:hover { .technik-card:hover {
transform: translateY(-5px); transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.15); 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 { .card-img-wrapper {
@ -103,15 +150,21 @@
color: #333; 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> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="index.html"> <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;"> <img src="../bilder/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
@ -123,9 +176,9 @@
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-bs-toggle="dropdown">Über uns</a> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-bs-toggle="dropdown">Über uns</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a class="dropdown-item" href="Geschichte.html">Geschichte</a></li> <li><a class="dropdown-item" href="../geschichte/Geschichte.html">Geschichte</a></li>
<li><a class="dropdown-item" href="technik.html">Technik</a></li> <li><a class="dropdown-item active" href="technik.html">Technik</a></li>
<li><a class="dropdown-item" href="#">Mitglieder</a></li> <li><a class="dropdown-item" href="../mitglieder/Organigramm.html">Mitglieder/Organigramm</a></li>
</ul> </ul>
</li> </li>
<li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li> <li class="nav-item"><a class="nav-link" href="#">Veranstaltungen</a></li>
@ -136,18 +189,18 @@
</nav> </nav>
<div class="page-header"> <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> <h1>Unsere Technik</h1>
<p class="lead text-muted">Einsatzfahrzeuge und Ausrüstung der Stadt Wehlen</p> <p class="lead text-muted">Einsatzfahrzeuge und Ausrüstung der Stadt Wehlen</p>
</div> </div>
<div class="technik-container"> <div class="technik-container">
<div class="row"> <div class="row g-4">
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>LF 10/6</h5> <h5>LF 10/6</h5>
@ -156,9 +209,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>TSF-W</h5> <h5>TSF-W</h5>
@ -167,9 +220,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>VRW Quad</h5> <h5>VRW Quad</h5>
@ -178,9 +231,20 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>Aluboot RTB 1</h5> <h5>Aluboot RTB 1</h5>
@ -189,9 +253,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>Rettungsboot RTB 2</h5> <h5>Rettungsboot RTB 2</h5>
@ -200,9 +264,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <div class="card-img-wrapper">
<img src="Technik33/technikpage/t_schlauchboot.jpg" alt="Schlauchboot"> <img src="technikpage/t_schlauchboot.jpg" alt="Schlauchboot">
</div> </div>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>RTB 1 Schlauchboot</h5> <h5>RTB 1 Schlauchboot</h5>
@ -211,9 +275,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>STA Anhänger</h5> <h5>STA Anhänger</h5>
@ -222,9 +286,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>TSA Anhänger</h5> <h5>TSA Anhänger</h5>
@ -233,9 +297,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>Hydrantenwagen (1905)</h5> <h5>Hydrantenwagen (1905)</h5>
@ -244,9 +308,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>Postfahrrad LF 1</h5> <h5>Postfahrrad LF 1</h5>
@ -255,9 +319,9 @@
</div> </div>
<div class="col-md-4 col-sm-6"> <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"> <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>
<div class="card-body-custom"> <div class="card-body-custom">
<h5>Transportanhänger</h5> <h5>Transportanhänger</h5>

0
Technik33/technikpage/t_aluboot_rtb1_1.jpg → technik/technikpage/t_aluboot_rtb1_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

0
Technik33/technikpage/t_elw1_1.jpg → technik/technikpage/t_elw1_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 53 KiB

0
Technik33/technikpage/t_hydrantenwagen_1.jpg → technik/technikpage/t_hydrantenwagen_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

0
Technik33/technikpage/t_lf10_6_1.jpg → technik/technikpage/t_lf10_6_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

0
Technik33/technikpage/t_lf1_1.jpg → technik/technikpage/t_lf1_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

0
Technik33/technikpage/t_rtb2_1.jpg → technik/technikpage/t_rtb2_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

0
Technik33/technikpage/t_schlauchboot.jpg → technik/technikpage/t_schlauchboot.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

0
Technik33/technikpage/t_sta_1.jpg → technik/technikpage/t_sta_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

0
Technik33/technikpage/t_transportanhaenger.jpg → technik/technikpage/t_transportanhaenger.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

0
Technik33/technikpage/t_tsa_1.jpg → technik/technikpage/t_tsa_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

0
Technik33/technikpage/t_tsf_01.jpg → technik/technikpage/t_tsf_01.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
Technik33/technikpage/t_vrw_1.jpg → technik/technikpage/t_vrw_1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 90 KiB

0
Technik33/tsf/t_tsf_01.jpg → technik/tsf/t_tsf_01.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
Technik33/tsf/t_tsf_02.jpg → technik/tsf/t_tsf_02.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

0
Technik33/tsf/t_tsf_06.jpg → technik/tsf/t_tsf_06.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

134
Technik33/tsf/tsf.html → technik/tsf/tsf.html
View File

@ -6,7 +6,7 @@
<title>TSF Pötzscha | FFw Stadt Wehlen</title> <title>TSF Pötzscha | FFw Stadt Wehlen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <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="/nav.css">
<style> <style>
:root { :root {
@ -20,6 +20,51 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* Branding Navbar */
.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 {
color: #ffffff !important;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
font-weight: 600;
}
/* Page-Header mit Wasserzeichen */
.page-header {
position: relative;
text-align: center;
padding: 40px 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;
}
.top-bar { .top-bar {
background: #fff; background: #fff;
padding: 15px 0; padding: 15px 0;
@ -50,18 +95,10 @@
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-left: 5px solid var(--fw-rot); border-left: 5px solid var(--fw-rot);
padding: 30px; padding: 30px;
margin-top: 30px; margin-top: 20px;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 {
color: var(--fw-rot);
font-weight: 800;
margin-bottom: 25px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.info-label { .info-label {
font-weight: 700; font-weight: 700;
color: var(--fw-grau); color: var(--fw-grau);
@ -102,23 +139,41 @@
font-size: 0.9rem; font-size: 0.9rem;
margin-bottom: 15px; margin-bottom: 15px;
display: inline-block; display: inline-block;
font-weight: 600;
}
.beladung-box {
background: #fdf2f2;
border-radius: 8px;
padding: 20px;
border: 1px dashed var(--fw-rot);
}
@media (max-width: 768px) {
.info-label { width: 100%; margin-bottom: 5px; }
.page-header h1 { font-size: 1.5rem; }
} }
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-custom"> <nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="../../../index.html"> <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;"> <img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
<span>Feuerwehr Stadt Wehlen</span> <span>Feuerwehr Stadt Wehlen</span>
</a> </a>
</div> </div>
</nav> </nav>
<div class="page-header">
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Tragkraftspritzenfahrzeug (TSF)</h1>
</div>
<div class="top-bar"> <div class="top-bar">
<div class="container"> <div class="container">
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a> <a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
</div> </div>
</div> </div>
@ -127,47 +182,48 @@
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<span class="highlight-badge">Standort: Pötzscha</span> <span class="highlight-badge">Standort: Pötzscha</span>
<h1>Tragkraftspritzenfahrzeug (TSF)</h1> <h2 style="color: var(--fw-rot); font-weight: 700;">Stammdaten</h2>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Bezeichnung:</span> TSF</li>
<li><span class="info-label">Funkrufname:</span> Florian Pötzscha 47-1</li> <li><span class="info-label">Funkrufname:</span> Florian Pötzscha 47-1</li>
<li><span class="info-label">Fahrgestell:</span> FIAT Ducato MAXI 2.3</li> <li><span class="info-label">Fahrgestell:</span> FIAT Ducato MAXI 2.3</li>
<li><span class="info-label">Baujahr:</span> August 2002</li> <li><span class="info-label">Baujahr:</span> August 2002</li>
<li><span class="info-label">Besatzung:</span> 1/5 (Staffel)</li> <li><span class="info-label">Besatzung:</span> 1/5 (Staffelbesatzung)</li>
</ul> </ul>
<h4 class="section-title">Fahrzeugdaten</h4> <h4 class="section-title">Technische Details</h4>
<ul class="spec-list"> <ul class="spec-list">
<li><span class="info-label">Leistung:</span> 81 kW (110 PS)</li> <li><span class="info-label">Leistung:</span> 81 kW (110 PS)</li>
<li><span class="info-label">Gesamtgewicht:</span> 3.500 kg</li> <li><span class="info-label">Gesamtgewicht:</span> 3.500 kg (B-Führerschein fähig)</li>
<li><span class="info-label">Maße:</span> L 5,20m | B 2,07m | H 2,39m</li> <li><span class="info-label">Maße:</span> L 5,20m | B 2,07m | H 2,39m</li>
<li><span class="info-label">Ausstattung:</span> Pneumatischer Lichtmast (2x 80W LED), Umfeldbeleuchtung, RTK 6</li> <li><span class="info-label">Sondersignalanlage:</span> Hella RTK 6</li>
</ul> </ul>
<h4 class="section-title">Feuerwehrtechnische Beladung</h4> <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
<div class="row mt-3"> <div class="beladung-box mt-3">
<div class="col-md-6"> <div class="row">
<ul class="spec-list small"> <div class="col-md-6">
<li>Tragkraftspritze TS 8/8</li> <ul class="spec-list small mb-0">
<li>4 Pressluftatmer (PA)</li> <li><i class="text-danger">●</i> Tragkraftspritze TS 8/8</li>
<li>4-teilige Steckleiter</li> <li><i class="text-danger">●</i> 4 Pressluftatmer (PA)</li>
<li>Stromerzeuger 3,5 kW</li> <li><i class="text-danger">●</i> 4-teilige Steckleiter</li>
</ul> <li><i class="text-danger">●</i> Stromerzeuger 3,5 kW</li>
</div> </ul>
<div class="col-md-6"> </div>
<ul class="spec-list small"> <div class="col-md-6">
<li>Motorsäge (Kettensäge)</li> <ul class="spec-list small mb-0">
<li>Verkehrsabsicherung (VKU)</li> <li><i class="text-danger">●</i> Motorsäge & Zubehör</li>
<li>Sanitätsrucksack</li> <li><i class="text-danger">●</i> Lichtmast (2x 80W LED)</li>
<li>Lichtstativ (2x 1000W)</li> <li><i class="text-danger">●</i> Sanitätsrucksack</li>
</ul> <li><i class="text-danger">●</i> Absicherungsmaterial</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-5 mt-4 mt-lg-0"> <div class="col-lg-5 mt-4 mt-lg-0">
<div id="tsfCarousel" class="carousel slide" data-bs-ride="carousel"> <div id="tsfCarousel" class="carousel slide shadow-sm" data-bs-ride="carousel">
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<img src="t_tsf_01.jpg" class="d-block w-100" alt="TSF Frontansicht"> <img src="t_tsf_01.jpg" class="d-block w-100" alt="TSF Frontansicht">
@ -186,7 +242,9 @@
<span class="carousel-control-next-icon"></span> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
<p class="text-center text-muted mt-3 small"><em>Vielseitiges Einsatzfahrzeug der Ortswehr Pötzscha</em></p> <div class="alert alert-secondary mt-3 py-2 small border-0 text-center">
<em>Vielseitiges Ersteinsatzfahrzeug der Ortswehr Pötzscha</em>
</div>
</div> </div>
</div> </div>
</div> </div>