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

Korrektur für mobile capability

Browse Source
This commit is contained in:
Pascal 2026-03-17 16:14:54 +01:00
parent c787616b9b
commit 5f56fa0194
11 changed files with 802 additions and 292 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
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 {
@ -22,7 +22,8 @@
.navbar-custom { .navbar-custom {
background-color: #b30000 !important; background-color: #b30000 !important;
background-image: url('../../../bilder/logo2.jpeg') !important; /* Pfad vom Hauptverzeichnis aus */
background-image: url('/bilder/logo2.jpeg') !important;
background-size: 7em !important; background-size: 7em !important;
background-repeat: repeat !important; background-repeat: repeat !important;
padding: 1rem 0; padding: 1rem 0;
@ -133,32 +134,38 @@
border-radius: 50%; border-radius: 50%;
background-size: 50%; background-size: 50%;
} }
/* Fix für Mobile: Spaltenbreite anpassen */
@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 shadow-sm"> <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"> <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"> <div class="page-header">
<img src="../../../ffw_transp_72.gif" class="header-bg-icon" alt=""> <img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
<h1>Hydrantenwagen Modell H.I.</h1> <h1>Hydrantenwagen Modell H.I.</h1>
</div> </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>

112
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>
@ -171,4 +237,4 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html>! </html>

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

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

96
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,6 +20,49 @@
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} }
/* 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;
@ -50,18 +93,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 +118,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,10 +129,9 @@
object-fit: cover; object-fit: cover;
} }
.carousel-control-prev-icon, .carousel-control-next-icon { @media (max-width: 768px) {
background-color: var(--fw-rot); .info-label { width: 100%; margin-bottom: 5px; }
border-radius: 50%; .page-header h1 { font-size: 1.5rem; }
background-size: 50%;
} }
</style> </style>
</head> </head>
@ -103,16 +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>
</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>
@ -120,7 +161,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>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>
@ -132,30 +173,23 @@
<h4 class="section-title">Feuerwehrtechnische Beladung</h4> <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
<ul class="spec-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> <h4 class="section-title">Besonderheiten</h4>
<p>Das LF 1 ist ein besonderes Traditions- und Werbefahrzeug unserer Wehr. Auf Basis eines klassischen Postrades wurde hier ein voll einsatzbereites "Einsatzmittel" für festliche Anlässe und zur Spendensammlung geschaffen. Mit seiner Handkurbel-Sirene ist es bei jedem Umzug ein akustisches Highlight.</p> <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="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Fahrrad Bild 1"> <img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Fahrrad">
</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"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#lf1Carousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div> </div>
<p class="text-center text-muted mt-3 small"><em>Traditionsfahrzeug der Feuerwehr Stadt Wehlen</em></p> <p class="text-center text-muted mt-3 small"><em>Traditionsfahrzeug der Feuerwehr Stadt Wehlen</em></p>
</div> </div>

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

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

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

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

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

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