Technik update für subpages
This commit is contained in:
parent
4dafd63ab4
commit
fc9965326f
@ -1,121 +1,198 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>Hydrantenwagen Modell H.I.</title>
|
<title>Hydrantenwagen Modell H.I. | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nav-Korrektur */
|
||||||
|
.navbar { margin-bottom: 0; }
|
||||||
|
|
||||||
|
/* Zurück-Button Bereich */
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Detail-Container */
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 180px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Beladungs-Liste */
|
||||||
|
.beladung-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.beladung-list {
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.beladung-list li {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Carousel Styling */
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 500px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-control-prev-icon, .carousel-control-next-icon {
|
||||||
|
background-color: var(--fw-rot);
|
||||||
|
border-radius: 50%;
|
||||||
|
background-size: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Anpassung */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.info-label { width: 100%; display: block; margin-bottom: 2px; }
|
||||||
|
.detail-card { padding: 20px; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
<ul class="navbar-nav ms-auto">
|
<ul class="navbar-nav ms-auto">
|
||||||
<li class="nav-item">
|
<li class="nav-item"><a class="nav-link" href="../../../technik.html">Technik</a></li>
|
||||||
<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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<style>
|
<div class="top-bar">
|
||||||
.custom-btn {
|
<div class="container">
|
||||||
background-color: #616161;
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Übersicht</a>
|
||||||
color: white;
|
</div>
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="detail-card">
|
||||||
<div class="col-md-8">
|
<div class="row">
|
||||||
<h1>Hydrantenwagen Modell H.I.</h1>
|
<div class="col-lg-7">
|
||||||
<p><strong>Bezeichnung:</strong> Hydrantenwagen Modell H.I.</p>
|
<h1>Hydrantenwagen Modell H.I.</h1>
|
||||||
<p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
|
|
||||||
<p><strong>Typ:</strong> C.A. Schöne Spritzen,- Feuerwehr-Requisiten- und Rettungsgerätefabrik Schmelzmühle Dresden</p>
|
<ul class="spec-list">
|
||||||
<p><strong>Baujahr:</strong> 1905</p>
|
<li><span class="info-label">Bezeichnung:</span> Hydrantenwagen Modell H.I.</li>
|
||||||
<p><strong>Funkrufname:</strong> -</p>
|
<li><span class="info-label">Stationierung:</span> Stadt Wehlen</li>
|
||||||
<p><strong>Fahrzeugdaten:</strong> -</p>
|
<li><span class="info-label">Hersteller:</span> C.A. Schöne Fabrik Dresden</li>
|
||||||
<p><strong>Feuerwehrtechnische Beladung:</strong></p>
|
<li><span class="info-label">Baujahr:</span> 1905</li>
|
||||||
<ul>
|
<li><span class="info-label">Funkrufname:</span> -</li>
|
||||||
<li>Kupferner Hydrantenaufsatz mit 2 Auslässen</li>
|
<li><span class="info-label">Fahrzeugdaten:</span> -</li>
|
||||||
<li>Sächsisches Normalgewinde, Spindelventile</li>
|
</ul>
|
||||||
<li>Kupferne Normalstrahlrohre in Leine geflochten mit Befestigungsvorrichtung</li>
|
|
||||||
<li>17 Satz zu je 15 m - insgesamt 255 m Flachsschlauch</li>
|
<h3 class="beladung-title">Feuerwehrtechnische Beladung:</h3>
|
||||||
<li>17 Paar Patent-Honigkupplungen</li>
|
<ul class="beladung-list">
|
||||||
<li>4 Übersetzungsstücke von Kupplung auf sächsisches Normalgewinde</li>
|
<li>Kupferner Hydrantenaufsatz mit 2 Auslässen</li>
|
||||||
</ul>
|
<li>Sächsisches Normalgewinde, Spindelventile</li>
|
||||||
</div>
|
<li>Kupferne Normalstrahlrohre in Leine geflochten</li>
|
||||||
<div class="col-md-4">
|
<li>17 Satz zu je 15 m - insgesamt 255 m Flachsschlauch</li>
|
||||||
<!-- Carousel for images -->
|
<li>17 Paar Patent-Honigkupplungen</li>
|
||||||
<div id="hydrantenwagenCarousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
|
<li>4 Übersetzungsstücke auf sächsisches Normalgewinde</li>
|
||||||
<div class="carousel-inner">
|
</ul>
|
||||||
<div class="carousel-item active">
|
</div>
|
||||||
<img src="t_hydrantenwagen_1.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 1">
|
|
||||||
</div>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
<div class="carousel-item">
|
<div id="hydrantenwagenCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<img src="t_hydrantenwagen_2.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 2">
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<img src="t_hydrantenwagen_1.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 1">
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="t_hydrantenwagen_2.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 2">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#hydrantenwagenCarousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
|
<span class="visually-hidden">Zurück</span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#hydrantenwagenCarousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
|
<span class="visually-hidden">Weiter</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#hydrantenwagenCarousel" data-bs-slide="prev">
|
<p class="text-center text-muted mt-2 small"><em>Klicken zum Blättern</em></p>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</span>
|
|
||||||
</button>
|
|
||||||
<button class="carousel-control-next" type="button" data-bs-target="#hydrantenwagenCarousel" data-bs-slide="next">
|
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Next</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,135 +1,174 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>Feuerwehrboot RTB 2</title>
|
<title>TSA Tragkraftspritzenanhänger | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 450px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pump-highlight {
|
||||||
|
background-color: #fdf2f2;
|
||||||
|
border: 1px dashed var(--fw-rot);
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" 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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<div class="top-bar">
|
||||||
<style>
|
<div class="container">
|
||||||
.custom-btn {
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
background-color: #616161;
|
</div>
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="detail-card">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<h1>Tragkraftspritzenanhänger (TSA)</h1>
|
||||||
|
|
||||||
|
<ul class="spec-list">
|
||||||
|
<li><span class="info-label">Bezeichnung:</span> TSA Tragkraftspritzenanhänger</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">Baujahr:</span> Februar 2004</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<h4 class="section-title">Technische Daten</h4>
|
||||||
<div class="row">
|
<ul class="spec-list">
|
||||||
<div class="col-md-8">
|
<li><span class="info-label">Maße:</span> L 4,00m | B 1,80m | H 2,00m</li>
|
||||||
<h1>Feuerwehrboot RTB 2</h1>
|
<li><span class="info-label">Gesamtgewicht:</span> 1.200 kg</li>
|
||||||
<p><strong>Bezeichnung:</strong> Feuerwehrboot RTB 2</p>
|
<li><span class="info-label">Ausstattung:</span> Verstellbare Zugdeichsel, Stützrad & Heckstützen</li>
|
||||||
<p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
|
</ul>
|
||||||
<p><strong>Typ:</strong> Fiskas Buster "L" Aluminium</p>
|
|
||||||
<p><strong>Baujahr:</strong> Mai 2003</p>
|
<h4 class="section-title">Feuerwehrtechnische Beladung</h4>
|
||||||
<p><strong>Funkrufname:</strong> Florian Stadt Wehlen 79-1</p>
|
<p>Der Anhänger verfügt über eine komplette DIN-Beladung für eine Löschgruppe.</p>
|
||||||
<p><strong>Fahrzeugdaten:</strong></p>
|
|
||||||
<ul>
|
<div class="pump-highlight">
|
||||||
<li>Länge 4,90m x Breite 1,97m x Tiefgang 0,29m</li>
|
<p class="mb-0"><strong>Hauptausrüstung:</strong> Tragkraftspritze Magirus 4-Takt</p>
|
||||||
<li>Gesamtgewicht 450 kg</li>
|
|
||||||
<li>Suzuki 3 Zylinder 4-Takt Motor mit 40PS</li>
|
|
||||||
<li>Geschwindigkeit 33 Knoten = 61 km/h</li>
|
|
||||||
<li>Echolot</li>
|
|
||||||
<li>Blitzkennleuchte auf Bügel</li>
|
|
||||||
<li>Martinshorn auf Bügel</li>
|
|
||||||
<li>Zuladung 590 kg (6 Personen + 50 kg)</li>
|
|
||||||
</ul>
|
|
||||||
<p><strong>Feuerwehrtechnische Beladung:</strong> komplette DIN Beladung</p>
|
|
||||||
<ul>
|
|
||||||
<li>Rettungsmittel</li>
|
|
||||||
<li>Rettungsbrett</li>
|
|
||||||
<li>Suchscheinwerfer auf Bügel</li>
|
|
||||||
<li>2 flexible Suchscheinwerfer</li>
|
|
||||||
<li>TS 3 einsetzbar</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<!-- Carousel for images -->
|
|
||||||
<div id="rtb2Carousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active">
|
|
||||||
<img src="t_rtb2_1.jpg" class="d-block w-100" alt="Image 1">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_rtb2_2.jpg" class="d-block w-100" alt="Image 2">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_rtb2_3.jpg" class="d-block w-100" alt="Image 3">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
|
</div>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</span>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
</button>
|
<div id="tsaCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<button class="carousel-control-next" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="next">
|
<div class="carousel-inner">
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
<div class="carousel-item active">
|
||||||
<span class="visually-hidden">Next</span>
|
<img src="t_tsa_1.jpg" class="d-block w-100" alt="TSA Bild 1">
|
||||||
</button>
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="t_tsa_2.jpg" class="d-block w-100" alt="TSA Bild 2">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#tsaCarousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon"></span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#tsaCarousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<p class="text-center text-muted mt-3 small"><em>Effektive Wasserförderung durch moderne Magirus-Technik</em></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,101 +1,153 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>Transportanhänger</title>
|
<title>Transportanhänger | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vehicle-img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" 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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<div class="top-bar">
|
||||||
<style>
|
<div class="container">
|
||||||
.custom-btn {
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
background-color: #616161;
|
</div>
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="detail-card">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<h1>Transportanhänger</h1>
|
||||||
|
|
||||||
|
<ul class="spec-list">
|
||||||
|
<li><span class="info-label">Bezeichnung:</span> Transportanhänger</li>
|
||||||
|
<li><span class="info-label">Standort:</span> Stadt Wehlen</li>
|
||||||
|
<li><span class="info-label">Typ:</span> Humbauer H12</li>
|
||||||
|
<li><span class="info-label">Baujahr:</span> April 2004</li>
|
||||||
|
<li><span class="info-label">Gesamtgewicht:</span> 1.200 kg</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<h4 class="section-title">Technische Daten</h4>
|
||||||
<div class="row">
|
<ul class="spec-list">
|
||||||
<div class="col-md-8">
|
<li><span class="info-label">Maße:</span> L 3,75m | B 1,77m | H 2,35m</li>
|
||||||
<h1>Transportanhänger</h1>
|
<li><span class="info-label">Sicherheit:</span> Feststellbremse</li>
|
||||||
<p><strong>Bezeichnung:</strong> Transportanhänger</p>
|
<li><span class="info-label">Aufbau:</span> Hochplane, Stützrad & Heckstützen</li>
|
||||||
<p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
|
</ul>
|
||||||
<p><strong>Typ:</strong> Humbauer H12</p>
|
|
||||||
<p><strong>Baujahr:</strong> April 2004</p>
|
<h4 class="section-title">Nutzung & Beladung</h4>
|
||||||
<p><strong>Funkrufname:</strong> -</p>
|
<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>
|
||||||
<h3>Fahrzeugdaten:</h3>
|
<ul>
|
||||||
<ul>
|
<li>Transport der Ausstattung für die <strong>Jugendfeuerwehr</strong></li>
|
||||||
<li>Länge: 3,75m x Breite: 1,77m x Höhe: 2,35m</li>
|
<li>Mitführung eines TSA-Einschubs mit <strong>Tragkraftspritze TS 3</strong></li>
|
||||||
<li>Gesamtgewicht: 1200 kg</li>
|
<li>Allgemeine Materialtransporte bei Einsätzen und Übungen</li>
|
||||||
<li>Zusätzliches Stützrad</li>
|
</ul>
|
||||||
<li>Zusätzliche Stützen hinten</li>
|
</div>
|
||||||
<li>Feststellbremse</li>
|
|
||||||
<li>Hochplane</li>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
</ul>
|
<img src="t_transportanhaenger.jpg" class="vehicle-img" alt="Transportanhänger FFw Wehlen">
|
||||||
<h3>Feuerwehrtechnische Beladung:</h3>
|
<p class="text-center text-muted mt-3 small"><em>Vielseitiges Logistikfahrzeug für Ausbildung und Einsatz</em></p>
|
||||||
<ul>
|
</div>
|
||||||
<li>Ausstattung für Jugendfeuerwehr</li>
|
|
||||||
<li>TSA Anhänger mit TS 3</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<img src="t_transportanhaenger.jpg" class="img-fluid mt-4" alt="Transportanhänger">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,124 +1,181 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>VRW - Vorausrüstwagen</title>
|
<title>VRW Vorausrüstwagen | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
border-left: 3px solid var(--fw-rot);
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vehicle-img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
width: 100%;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tech-box {
|
||||||
|
background: #fdf2f2;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #f5dada;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" 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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<div class="top-bar">
|
||||||
<style>
|
<div class="container">
|
||||||
.custom-btn {
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
background-color: #616161;
|
</div>
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="detail-card">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<h1>Vorausrüstwagen (VRW)</h1>
|
||||||
|
|
||||||
|
<ul class="spec-list">
|
||||||
|
<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">Typ:</span> Suzuki KingQuad</li>
|
||||||
|
<li><span class="info-label">Baujahr:</span> Mai 2006</li>
|
||||||
|
<li><span class="info-label">Gewicht:</span> 470 kg</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4 class="section-title">Fahrzeugdaten & Sondersignalanlage</h4>
|
||||||
|
<ul class="spec-list">
|
||||||
|
<li><span class="info-label">Antrieb:</span> Allrad mit Differentialsperre</li>
|
||||||
|
<li><span class="info-label">Signale:</span> Blitzkennleuchte (Dach + Front), Martins-Horn</li>
|
||||||
|
<li><span class="info-label">Beleuchtung:</span> Arbeitsscheinwerfer vorn & hinten</li>
|
||||||
|
<li><span class="info-label">Maße:</span> L 2,20m | B 1,25m | H 2,00m</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<h4 class="section-title">Schwerpunkt: Technische Hilfeleistung</h4>
|
||||||
<div class="row">
|
<div class="tech-box">
|
||||||
<div class="col-md-8">
|
<div class="row">
|
||||||
<h1>VRW - Vorausrüstwagen</h1>
|
<div class="col-md-6">
|
||||||
<p><strong>Bezeichnung:</strong> VRW - Vorausrüstwagen</p>
|
<ul class="spec-list small border-0">
|
||||||
<p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
|
<li class="border-0"><strong>Rettungssatz:</strong> Lukas SC 350 Kombigerät</li>
|
||||||
<p><strong>Typ:</strong> Suzuki KingQuad</p>
|
<li class="border-0">Lukas Kompaktaggregat P 610 OG</li>
|
||||||
<p><strong>Baujahr:</strong> Mai 2006</p>
|
<li class="border-0">Lukas Rettungszylinder</li>
|
||||||
<p><strong>Funkrufname:</strong> Florian Stadt Wehlen 53-1</p>
|
<li class="border-0">MicroCAFS-Löscher (10 Liter)</li>
|
||||||
<p><strong>Fahrzeugdaten:</strong></p>
|
</ul>
|
||||||
<ul>
|
</div>
|
||||||
<li>Länge 2,20m x Breite 1,25m x Höhe 2,00m</li>
|
<div class="col-md-6">
|
||||||
<li>Gesamtgewicht 470 kg</li>
|
<ul class="spec-list small border-0">
|
||||||
<li>Differentialsperre</li>
|
<li class="border-0"><strong>Medizin:</strong> Defibrillator & Sanitätsrucksack</li>
|
||||||
<li>Allrad</li>
|
<li class="border-0">Stabilisations- & Unterbausystem</li>
|
||||||
<li>Blitzkennleuchte</li>
|
<li class="border-0">Glas-Ex & Werkzeug VU / Elektro</li>
|
||||||
<li>Blitzkennleuchten in Fahrzeugfront</li>
|
</ul>
|
||||||
<li>Arbeitsscheinwerfer nach vorn und hinten</li>
|
</div>
|
||||||
<li>Martins-Horn</li>
|
</div>
|
||||||
</ul>
|
</div>
|
||||||
<p><strong>Feuerwehrtechnische Beladung:</strong></p>
|
</div>
|
||||||
<ul>
|
|
||||||
<li>Lukas Schere-Spreizer Kombigerät SC 350</li>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
<li>Lukas Kompaktaggregat P 610 OG</li>
|
<img src="t_vrw_1.jpg" class="vehicle-img" alt="VRW Suzuki KingQuad">
|
||||||
<li>Lukas Rettungszylinder</li>
|
<p class="text-center text-muted mt-3 small"><em>Extrem geländegängig für schnelle Hilfe in unwegsamem Gelände</em></p>
|
||||||
<li>MicroCAFS- Feuerlöscher 10Liter</li>
|
|
||||||
<li>Werkzeugkasten Verkehrsunfall inkl. Glas EX</li>
|
<div class="alert alert-secondary mt-4 small">
|
||||||
<li>Werkzeugkasten Elektro</li>
|
<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.
|
||||||
<li>Werkzeugkasten Handwerkzeug</li>
|
</div>
|
||||||
<li>Sanitätsrucksack mit Beatmungsbeutel</li>
|
|
||||||
<li>Defibrillator</li>
|
|
||||||
<li>Container Verkehrsunfall, Schutzdecken, Keile, usw.</li>
|
|
||||||
<li>Stabilisationssystem, Unterbausystem</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<!-- Single image -->
|
|
||||||
<div class="mt-4 bildertechnik">
|
|
||||||
<img src="t_vrw_1.jpg" class="d-block w-100" alt="VRW - Vorausrüstwagen">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,121 +1,191 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>Löschfahrzeug LF 1</title>
|
<title>Löschfahrzeug LF 1 | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Top Bar mit Zurück-Link */
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Detail-Container */
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 180px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.beladung-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.beladung-list {
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Carousel Styling */
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 500px;
|
||||||
|
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) {
|
||||||
|
.info-label { width: 100%; display: block; margin-bottom: 2px; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
<ul class="navbar-nav ms-auto">
|
<ul class="navbar-nav ms-auto">
|
||||||
<li class="nav-item">
|
<li class="nav-item"><a class="nav-link" href="../../../Geschichte.html">Geschichte</a></li>
|
||||||
<a class="nav-link" href="#">Aktuelles</a>
|
<li class="nav-item"><a class="nav-link active" href="../../../technik.html">Technik</a></li>
|
||||||
</li>
|
<li class="nav-item"><a class="nav-link" href="#">Kontakt/Impressum</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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<style>
|
<div class="top-bar">
|
||||||
.custom-btn {
|
<div class="container">
|
||||||
background-color: #616161;
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
color: white;
|
</div>
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="detail-card">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<h1>Löschfahrzeug LF 1</h1>
|
||||||
|
|
||||||
|
<ul class="spec-list">
|
||||||
|
<li><span class="info-label">Bezeichnung:</span> Löschfahrzeug LF 1</li>
|
||||||
|
<li><span class="info-label">Stationierung:</span> Stadt Wehlen</li>
|
||||||
|
<li><span class="info-label">Typ:</span> umgebautes Postfahrrad</li>
|
||||||
|
<li><span class="info-label">Baujahr:</span> Mai 2003</li>
|
||||||
|
<li><span class="info-label">Funkrufname:</span> -</li>
|
||||||
|
<li><span class="info-label">Fahrzeugdaten:</span> 26er Herrenfahrrad</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<h3 class="beladung-title">Feuerwehrtechnische Beladung:</h3>
|
||||||
<div class="row">
|
<ul class="beladung-list">
|
||||||
<div class="col-md-8">
|
<li>Sirene mit Handkurbel</li>
|
||||||
<h1>Löschfahrzeug LF 1</h1>
|
<li>Blitzleuchte</li>
|
||||||
<p><strong>Bezeichnung:</strong> Löschfahrzeug LF 1</p>
|
<li>Kübelspritze als Spendenkübel</li>
|
||||||
<p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
|
<li>C-Schlauch + Strahlrohr für Schnellangriff</li>
|
||||||
<p><strong>Typ:</strong> umgebautes Postfahrrad</p>
|
</ul>
|
||||||
<p><strong>Baujahr:</strong> Mai 2003</p>
|
</div>
|
||||||
<p><strong>Funkrufname:</strong> -</p>
|
|
||||||
<p><strong>Fahrzeugdaten:</strong> 26er Herrenfahrrad</p>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
<p><strong>Feuerwehrtechnische Beladung:</strong></p>
|
<div id="lf1Carousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<ul>
|
<div class="carousel-inner">
|
||||||
<li>Sirene mit Handkurbel</li>
|
<div class="carousel-item active">
|
||||||
<li>Blitzleuchte</li>
|
<img src="../technikpage/t_lf1_1.jpg" class="d-block w-100" alt="LF 1 Bild 1">
|
||||||
<li>Kübelspritze als Spendenkübel</li>
|
</div>
|
||||||
<li>C-Schlauch + Strahlrohr für Schnellangriff</li>
|
<div class="carousel-item">
|
||||||
</ul>
|
<img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Bild 2">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
|
||||||
<!-- Carousel for images -->
|
|
||||||
<div id="lf1Carousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active">
|
|
||||||
<img src="../technikpage/t_lf1_1.jpg" class="d-block w-100" alt="Image 1">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<button class="carousel-control-prev" type="button" data-bs-target="#lf1Carousel" data-bs-slide="prev">
|
||||||
<img src="t_lf1_2.jpg" class="d-block w-100" alt="Image 2">
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
</div>
|
<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>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#lf1Carousel" data-bs-slide="prev">
|
<p class="text-center text-muted mt-2 small"><em>Unser historisches Sammlerrad</em></p>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</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">Next</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,165 +1,212 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>Löschgruppenfahrzeug LF 10/6</title>
|
<title>LF 10/6 | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 6px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
border-left: 3px solid var(--fw-rot);
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.beladung-grid {
|
||||||
|
column-count: 2; /* Teilt die lange Liste in zwei Spalten */
|
||||||
|
column-gap: 30px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Carousel Styling */
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 550px;
|
||||||
|
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: 992px) {
|
||||||
|
.beladung-grid { column-count: 1; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" 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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<style>
|
<div class="top-bar">
|
||||||
.custom-btn {
|
<div class="container">
|
||||||
background-color: #616161;
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
color: white;
|
</div>
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="detail-card">
|
||||||
<div class="col-md-8">
|
<div class="row">
|
||||||
<h1>Löschgruppenfahrzeug LF 10/6</h1>
|
<div class="col-lg-7">
|
||||||
<p><strong>Bezeichnung:</strong> Löschgruppenfahrzeug LF 10/6</p>
|
<h1>Löschgruppenfahrzeug LF 10/6</h1>
|
||||||
<p><strong>Typ:</strong> Mercedes 818/F/Atego/3320 Straßenfahrgestell</p>
|
|
||||||
<p><strong>Baujahr:</strong> Juli 2007</p>
|
<ul class="spec-list">
|
||||||
<p><strong>Funkrufname:</strong> Florian Stadt Wehlen 42-1</p>
|
<li><span class="info-label">Bezeichnung:</span> LF 10/6</li>
|
||||||
<p><strong>Fahrzeugdaten:</strong></p>
|
<li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 42-1</li>
|
||||||
<ul>
|
<li><span class="info-label">Fahrgestell:</span> MB Atego 818 F (Straßenfahrgestell)</li>
|
||||||
<li>Länge 6,39m x Breite 2,32m x Höhe 3,00m</li>
|
<li><span class="info-label">Baujahr:</span> Juli 2007</li>
|
||||||
<li>Radstand 3,32m</li>
|
<li><span class="info-label">Motorleistung:</span> 180 PS</li>
|
||||||
<li>Gesamtgewicht 8600 kg</li>
|
<li><span class="info-label">Gesamtgewicht:</span> 8.600 kg</li>
|
||||||
<li>Motorleistung 180 PS</li>
|
</ul>
|
||||||
<li>Differentialsperre hinten</li>
|
|
||||||
<li>ABS</li>
|
<h4 class="section-title">Technische Daten & Ausstattung</h4>
|
||||||
<li>Top-Integro Kabinendachmodul rot inkl. Blitzkennleuchten</li>
|
<ul class="spec-list small">
|
||||||
<li>Dach-Seitenblenden mit Blitzkennleuchten hinten</li>
|
<li><strong>Maße:</strong> L 6,39m | B 2,32m | H 3,00m (Radstand 3,32m)</li>
|
||||||
<li>Blitzkennleuchten in Fahrzeugfront</li>
|
<li><strong>Sicherheit:</strong> ABS, Differentialsperre hinten</li>
|
||||||
<li>Dachbeleuchtung</li>
|
<li><strong>Licht/Warn:</strong> Top-Integro Kabinendachmodul, Martin-Horn (4 Becher), Umfeldbeleuchtung, Pneumatik-Lichtmast (2x 1000W)</li>
|
||||||
<li>Kombinierter Geräteraum und Umfeldbeleuchtung</li>
|
</ul>
|
||||||
<li>Arbeitsscheinwerfer an den Aussenspiegel Halterungen</li>
|
|
||||||
<li>Martin-Horn mit 4 Schallbechern</li>
|
<h4 class="section-title">Feuerwehrtechnische Beladung</h4>
|
||||||
</ul>
|
<div class="beladung-grid small">
|
||||||
<p><strong>Feuerwehrtechnische Beladung:</strong> komplette DIN Beladung</p>
|
<ul class="mb-0">
|
||||||
<ul>
|
<li>FPN 10-1000-1H Einbaupumpe</li>
|
||||||
<li>Normaldruckeinbaupumpe FPN 10-1000-1H</li>
|
<li>600 Liter Wassertank</li>
|
||||||
<li>Wassertankgröße 600 Liter</li>
|
<li>Tragkraftspritze TS 8/8</li>
|
||||||
<li>Pressluftatmerhalterungen 2PA im Mannschaftsraum</li>
|
<li>Stromerzeuger 6,5 kW (Eisemann)</li>
|
||||||
<li>Lichtmast Pneumatik Stativ mit Lampenbrücke 2 x 1000 Watt</li>
|
<li>3-teilige Schiebeleiter</li>
|
||||||
<li>TS 8/8 inkl. Ladeeinrichtung</li>
|
<li>Lukas Schere/Spreizer Kombi SC 350</li>
|
||||||
<li>Stromerzeuger BSKA 6,5 kW Eisemann</li>
|
<li>Lukas Kompaktaggregat</li>
|
||||||
<li>Schiebeleiter aus LM, 3-tlg., mit Leiterseilbremse</li>
|
<li>Wärmebildkamera Bullard Eclipse</li>
|
||||||
<li>Lukas Schere-Spreizer Kombigerät SC 350</li>
|
<li>Defibrillator (AED) "Zoll"</li>
|
||||||
<li>Lukas Kompaktaggregat P 610 OG</li>
|
<li>Sanitätsrucksack</li>
|
||||||
<li>Wärmebildkamera "Bullard Eclipse"</li>
|
<li>Watthosen & Absturzsicherung</li>
|
||||||
<li>Defibrillator (AED) "Zoll"</li>
|
<li>Ölbindemittel & Kettensäge</li>
|
||||||
<li>Werkzeugkasten Verkehrsunfall inkl. Glas EX</li>
|
<li>Schornsteinfegerwerkzeug</li>
|
||||||
<li>Werkzeugkasten Elektro</li>
|
<li>Waldbrandpatschen</li>
|
||||||
<li>Werkzeugkasten Handwerkzeug</li>
|
</ul>
|
||||||
<li>Sanitätsrucksack mit Beatmungsbeutel</li>
|
|
||||||
<li>Absturzsicherung</li>
|
|
||||||
<li>Container Kettensäge</li>
|
|
||||||
<li>Container 3 Stück Watthosen</li>
|
|
||||||
<li>Container Elektrotrennschleifer</li>
|
|
||||||
<li>Container Verkehrsunfall, Schutzdecken, Keile, usw.</li>
|
|
||||||
<li>Container Weithalsvierkant Ballon mit Ölbindemittel</li>
|
|
||||||
<li>Container Schornsteinfegerwerkzeug</li>
|
|
||||||
<li>Lagerung Waldbrandpatschen</li>
|
|
||||||
<li>Docking Station mit Digitalkamera</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<!-- Carousel for images -->
|
|
||||||
<div id="lf10Carousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active">
|
|
||||||
<img src="t_lf10_6_1.jpg" class="d-block w-100" alt="Image 1">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_lf10_6_2.jpg" class="d-block w-100" alt="Image 2">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_lf10_6_3.jpg" class="d-block w-100" alt="Image 3">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_lf10_6_4.jpg" class="d-block w-100" alt="Image 4">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_lf10_6_5.jpg" class="d-block w-100" alt="Image 5">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_lf10_6_6.jpg" class="d-block w-100" alt="Image 6">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#lf10Carousel" data-bs-slide="prev">
|
</div>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</span>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
</button>
|
<div id="lf10Carousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<button class="carousel-control-next" type="button" data-bs-target="#lf10Carousel" data-bs-slide="next">
|
<div class="carousel-inner">
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
<div class="carousel-item active">
|
||||||
<span class="visually-hidden">Next</span>
|
<img src="t_lf10_6_1.jpg" class="d-block w-100" alt="LF 10 Bild 1">
|
||||||
</button>
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="t_lf10_6_2.jpg" class="d-block w-100" alt="LF 10 Bild 2">
|
||||||
|
</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>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#lf10Carousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon"></span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#lf10Carousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<p class="text-center text-muted mt-3 small"><em>Unser Erstangriffsfahrzeug für Brand & Hilfeleistung</em></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,126 +1,169 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>Feuerwehrboot RTB 2</title>
|
<title>Feuerwehrboot RTB 1 | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 450px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-control-prev-icon, .carousel-control-next-icon {
|
||||||
|
background-color: var(--fw-rot);
|
||||||
|
border-radius: 50%;
|
||||||
|
background-size: 50%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" 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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<style>
|
<div class="top-bar">
|
||||||
.custom-btn {
|
<div class="container">
|
||||||
background-color: #616161;
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
color: white;
|
</div>
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="detail-card">
|
||||||
<div class="col-md-8">
|
<div class="row">
|
||||||
<h1>Feuerwehrboot RTB 1</h1>
|
<div class="col-lg-7">
|
||||||
<p><strong>Bezeichnung:</strong> Feuerwehrboot RTB 1 nach DIN 14961</p>
|
<h1>Feuerwehrboot RTB 1</h1>
|
||||||
<p><strong>Stationierungsort:</strong> Pötzscha</p>
|
|
||||||
<p><strong>Typ:</strong> Barru Rettungsboot LGL 400-BKL</p>
|
<ul class="spec-list">
|
||||||
<p><strong>Baujahr:</strong> März 2014</p>
|
<li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 1 (DIN 14961)</li>
|
||||||
<p><strong>Funkrufname:</strong> -</p>
|
<li><span class="info-label">Standort:</span> Stadtteil Pötzscha</li>
|
||||||
<h3>Fahrzeugdaten:</h3>
|
<li><span class="info-label">Typ:</span> Barru LGL 400-BKL</li>
|
||||||
<ul>
|
<li><span class="info-label">Baujahr:</span> März 2014</li>
|
||||||
<li>Länge: 4,13m x Breite: 1,80m</li>
|
<li><span class="info-label">Zuladung:</span> 550 kg (max. 5 Personen)</li>
|
||||||
<li>Tiefgang: 0,18m</li>
|
</ul>
|
||||||
<li>Gesamtgewicht: 266 kg</li>
|
|
||||||
<li>Suzuki 3 Zyl. - 4 Takt Motor / 25PS</li>
|
<h4 class="section-title">Technische Daten</h4>
|
||||||
<li>Bugklappe + Hochwasserräder</li>
|
<ul class="spec-list">
|
||||||
<li>Tragereling und Klappsitzbänke</li>
|
<li><span class="info-label">Maße:</span> L 4,13m | B 1,80m | T 0,18m</li>
|
||||||
<li>Zuladung: 550 kg (5 Personen + 50 kg)</li>
|
<li><span class="info-label">Motorisierung:</span> Suzuki 25 PS (3-Zyl. 4-Takt)</li>
|
||||||
</ul>
|
<li><span class="info-label">Ausstattung:</span> Bugklappe, Hochwasserräder, Tragereling</li>
|
||||||
<h3>Feuerwehrtechnische Beladung:</h3>
|
</ul>
|
||||||
<ul>
|
|
||||||
<li>komplette DIN Beladung</li>
|
<h4 class="section-title">Ausrüstung</h4>
|
||||||
<li>Rettungsmittel</li>
|
<p>Komplette Beladung nach DIN, inklusive Rettungsmittel für Wasser- und Eisnotfälle sowie Klappsitzbänke für den Mannschaftstransport.</p>
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
<!-- Carousel for images -->
|
<div id="rtbCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<div id="rtb2Carousel" class="carousel slide mt-4 bildertechnik" 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="Image 1">
|
</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="Image 2">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#rtbCarousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon"></span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#rtbCarousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon"></span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
|
<p class="text-center text-muted mt-3 small"><em>Einsatzbereit auf der Elbe und in Hochwassergebieten</em></p>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</span>
|
|
||||||
</button>
|
|
||||||
<button class="carousel-control-next" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="next">
|
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Next</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,121 +1,153 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>Feuerwehrboot RTB 2</title>
|
<title>Schlauchboot RTB 1 | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 450px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" 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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<style>
|
<div class="top-bar">
|
||||||
.custom-btn {
|
<div class="container">
|
||||||
background-color: #616161;
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
color: white;
|
</div>
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="detail-card">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<h1>Feuerwehrschlauchboot RTB 1</h1>
|
||||||
|
|
||||||
|
<ul class="spec-list">
|
||||||
|
<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">Baujahr:</span> Mai 2003</li>
|
||||||
|
<li><span class="info-label">Gewicht:</span> 33 kg (extrem leicht/mobil)</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<h4 class="section-title">Technische Daten</h4>
|
||||||
<div class="row">
|
<ul class="spec-list">
|
||||||
<div class="col-md-8">
|
<li><span class="info-label">Maße:</span> L 3,00m | B 1,20m</li>
|
||||||
<h1>Feuerwehrschlauchboot RTB 1</h1>
|
<li><span class="info-label">Sicherheit:</span> 4 separate Luftkammern</li>
|
||||||
<p><strong>Bezeichnung:</strong> Feuerwehrschlauchboot RTB 1</p>
|
<li><span class="info-label">Zuladung:</span> 570 kg (max. 3 Personen)</li>
|
||||||
<p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
|
</ul>
|
||||||
<p><strong>Typ:</strong> -</p>
|
|
||||||
<p><strong>Baujahr:</strong> Mai 2003</p>
|
<h4 class="section-title">Einsatzzweck</h4>
|
||||||
<p><strong>Funkrufname:</strong> -</p>
|
<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>
|
||||||
<h3>Fahrzeugdaten:</h3>
|
</div>
|
||||||
<ul>
|
|
||||||
<li>Länge: 3,00m x Breite: 1,20m</li>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
<li>4 Luftkammern</li>
|
<div id="rtbSchlauchCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<li>Gesamtgewicht: 33 kg</li>
|
<div class="carousel-inner">
|
||||||
<li>Zuladung: 570 kg (3 Personen)</li>
|
<div class="carousel-item active">
|
||||||
</ul>
|
<img src="t_schlauchboot.jpg" class="d-block w-100" alt="Schlauchboot RTB 1">
|
||||||
<h3>Feuerwehrtechnische Beladung:</h3>
|
</div>
|
||||||
<ul>
|
|
||||||
<li>komplette DIN Beladung</li>
|
|
||||||
<li>Rettungsmittel</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<!-- Carousel for images -->
|
|
||||||
<div id="rtb2Carousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active">
|
|
||||||
<img src="t_schlauchboot.jpg" class="d-block w-100" alt="Image 1">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
|
<p class="text-center text-muted mt-3 small"><em>Flexibel einsetzbar für die Wasserrettung</em></p>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</span>
|
|
||||||
</button>
|
|
||||||
<button class="carousel-control-next" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="next">
|
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Next</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,134 +1,179 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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>Feuerwehrboot RTB 2</title>
|
<title>Feuerwehrboot RTB 2 | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 450px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-control-prev-icon, .carousel-control-next-icon {
|
||||||
|
background-color: var(--fw-rot);
|
||||||
|
border-radius: 50%;
|
||||||
|
background-size: 50%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" 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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<style>
|
<div class="top-bar">
|
||||||
.custom-btn {
|
<div class="container">
|
||||||
background-color: #616161;
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
color: white;
|
</div>
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="detail-card">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<h1>Feuerwehrboot RTB 2</h1>
|
||||||
|
|
||||||
|
<ul class="spec-list">
|
||||||
|
<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">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>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<h4 class="section-title">Technische Daten</h4>
|
||||||
<div class="row">
|
<ul class="spec-list">
|
||||||
<div class="col-md-8">
|
<li><span class="info-label">Maße:</span> L 4,90m | B 1,97m | T 0,29m</li>
|
||||||
<h1>Feuerwehrboot RTB 2</h1>
|
<li><span class="info-label">Gewicht:</span> 450 kg</li>
|
||||||
<p><strong>Bezeichnung:</strong> Feuerwehrboot RTB 2</p>
|
<li><span class="info-label">Motorisierung:</span> Suzuki 40 PS (3-Zyl. 4-Takt)</li>
|
||||||
<p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
|
<li><span class="info-label">Speed:</span> max. 33 Knoten (ca. 61 km/h)</li>
|
||||||
<p><strong>Typ:</strong> Fiskas Buster "L" Aluminium</p>
|
</ul>
|
||||||
<p><strong>Baujahr:</strong> Mai 2003</p>
|
|
||||||
<p><strong>Funkrufname:</strong> Florian Stadt Wehlen 79-1</p>
|
<h4 class="section-title">Ausstattung & Beladung</h4>
|
||||||
<p><strong>Fahrzeugdaten:</strong></p>
|
<ul class="spec-list small">
|
||||||
<ul>
|
<li>Sondersignalanlage: Blitzkennleuchte & Martinshorn auf Bügel</li>
|
||||||
<li>Länge 4,90m x Breite 1,97m x Tiefgang 0,29m</li>
|
<li>Beleuchtung: Suchscheinwerfer (fest) + 2 flexible Suchscheinwerfer</li>
|
||||||
<li>Gesamtgewicht 450 kg</li>
|
<li>Technik: Echolot zur Tiefenmessung</li>
|
||||||
<li>Suzuki 3 Zylinder 4-Takt Motor mit 40PS</li>
|
<li>Rettung: Rettungsbrett & Rettungsmittel nach DIN</li>
|
||||||
<li>Geschwindigkeit 33 Knoten = 61 km/h</li>
|
<li>Besonderheit: TS 3 einsetzbar</li>
|
||||||
<li>Echolot</li>
|
</ul>
|
||||||
<li>Blitzkennleuchte auf Bügel</li>
|
</div>
|
||||||
<li>Martinshorn auf Bügel</li>
|
|
||||||
<li>Zuladung 590 kg (6 Personen + 50 kg)</li>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
</ul>
|
<div id="rtb2Carousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<p><strong>Feuerwehrtechnische Beladung:</strong> komplette DIN Beladung</p>
|
<div class="carousel-inner">
|
||||||
<ul>
|
<div class="carousel-item active">
|
||||||
<li>Rettungsmittel</li>
|
<img src="t_rtb2_1.jpg" class="d-block w-100" alt="RTB 2 Bild 1">
|
||||||
<li>Rettungsbrett</li>
|
</div>
|
||||||
<li>Suchscheinwerfer auf Bügel</li>
|
<div class="carousel-item">
|
||||||
<li>2 flexible Suchscheinwerfer</li>
|
<img src="t_rtb2_2.jpg" class="d-block w-100" alt="RTB 2 Bild 2">
|
||||||
<li>TS 3 einsetzbar</li>
|
</div>
|
||||||
</ul>
|
<div class="carousel-item">
|
||||||
</div>
|
<img src="t_rtb2_3.jpg" class="d-block w-100" alt="RTB 2 Bild 3">
|
||||||
<div class="col-md-4">
|
</div>
|
||||||
<!-- Carousel for images -->
|
|
||||||
<div id="rtb2Carousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active">
|
|
||||||
<img src="t_rtb2_1.jpg" class="d-block w-100" alt="Image 1">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_rtb2_2.jpg" class="d-block w-100" alt="Image 2">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_rtb2_3.jpg" class="d-block w-100" alt="Image 3">
|
|
||||||
</div>
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon"></span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon"></span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
|
<p class="text-center text-muted mt-3 small"><em>Schnelleinsatzboot für Rettungseinsätze auf der Elbe</em></p>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</span>
|
|
||||||
</button>
|
|
||||||
<button class="carousel-control-next" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="next">
|
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Next</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,132 +1,177 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="de">
|
||||||
<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</title>
|
<title>STA Schlauchtransportanhänger | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.css">
|
<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" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn {
|
||||||
|
background-color: var(--fw-grau);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 20px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn:hover {
|
||||||
|
background-color: var(--fw-rot) !important;
|
||||||
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 450px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight-box {
|
||||||
|
background: #fdf2f2;
|
||||||
|
border: 1px dashed var(--fw-rot);
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<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="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; 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" 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>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<div class="top-bar">
|
||||||
<style>
|
<div class="container">
|
||||||
.custom-btn {
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
background-color: #616161;
|
</div>
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
.custom-btn:hover {
|
|
||||||
background-color: #900000 !important;
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 10vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="detail-card">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-7">
|
||||||
|
<h1>Schlauchtransportanhänger (STA)</h1>
|
||||||
|
|
||||||
|
<ul class="spec-list">
|
||||||
|
<li><span class="info-label">Bezeichnung:</span> STA</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">Baujahr:</span> Dezember 2004</li>
|
||||||
|
<li><span class="info-label">Gesamtgewicht:</span> 750 kg</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<h4 class="section-title">Technische Details</h4>
|
||||||
<div class="row">
|
<ul class="spec-list">
|
||||||
<div class="col-md-8">
|
<li><span class="info-label">Maße:</span> L 3,56m | B 1,79m | H 2,35m</li>
|
||||||
<h1>STA Schlauchtransportanhänger</h1>
|
<li><span class="info-label">Ausstattung:</span> Hochplane, Heck-Arbeitsbeleuchtung, Stützrad & Heckstützen</li>
|
||||||
<p><strong>Bezeichnung:</strong> STA Schlauchtransportanhänger</p>
|
</ul>
|
||||||
<p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
|
|
||||||
<p><strong>Typ:</strong> Humbauer HA75/100</p>
|
<h4 class="section-title">Feuerwehrtechnische Beladung</h4>
|
||||||
<p><strong>Baujahr:</strong> Dezember 2004</p>
|
<div class="highlight-box">
|
||||||
<p><strong>Funkrufname:</strong> -</p>
|
<p class="mb-2"><strong>Schlauchmaterial:</strong></p>
|
||||||
<p><strong>Fahrzeugdaten:</strong></p>
|
<ul class="mb-3">
|
||||||
<ul>
|
<li><strong>38 B-Schläuche</strong> (à 20m) in Buchten gekoppelt</li>
|
||||||
<li>Länge 3,56m x Breite 1,79m x Höhe 2,35m</li>
|
<li>2 Tragekörbe mit je 3 x 20m C-Schläuchen</li>
|
||||||
<li>Gesamtgewicht 750 kg</li>
|
</ul>
|
||||||
<li>Zusätzliches Stützrad</li>
|
<p class="mb-0 small">Zusätzlich: Standrohr, Schlüssel, 2 C-Strahlrohre, Verteiler, Schlauchbrücken und Kupplungsschlüssel.</p>
|
||||||
<li>Zusätzliche Stützen hinten</li>
|
|
||||||
<li>Arbeitsbeleuchtung Heckseite</li>
|
|
||||||
<li>Hochplane</li>
|
|
||||||
</ul>
|
|
||||||
<p><strong>Feuerwehrtechnische Beladung:</strong></p>
|
|
||||||
<ul>
|
|
||||||
<li>38 B-Schläuche a 20m in Buchten</li>
|
|
||||||
<li>2 Tragekörbe a 3 x 20m C-Schläuche</li>
|
|
||||||
<li>2 C-Strahlrohre</li>
|
|
||||||
<li>Standrohr + Schlüssel</li>
|
|
||||||
<li>Verteiler Eingang 2 x B - Abgang 3 x B oder C</li>
|
|
||||||
<li>Kupplungsschlüssel</li>
|
|
||||||
<li>Schlauchbrücken</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<!-- Carousel for images -->
|
|
||||||
<div id="staCarousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active">
|
|
||||||
<img src="t_sta_1.jpg" class="d-block w-100" alt="Image 1">
|
|
||||||
</div>
|
|
||||||
<div class="carousel-item">
|
|
||||||
<img src="t_sta_2.jpg" class="d-block w-100" alt="Image 2">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#staCarousel" data-bs-slide="prev">
|
</div>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</span>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
</button>
|
<div id="staCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<button class="carousel-control-next" type="button" data-bs-target="#staCarousel" data-bs-slide="next">
|
<div class="carousel-inner">
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
<div class="carousel-item active">
|
||||||
<span class="visually-hidden">Next</span>
|
<img src="t_sta_1.jpg" class="d-block w-100" alt="STA Bild 1">
|
||||||
</button>
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="t_sta_2.jpg" class="d-block w-100" alt="STA Bild 2">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#staCarousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon"></span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#staCarousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon"></span>
|
||||||
|
</button>
|
||||||
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,135 +1,192 @@
|
|||||||
<!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.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Feuerwehrboot RTB 2</title>
|
<title>TSF Pötzscha | FFw Stadt Wehlen</title>
|
||||||
<link rel="stylesheet" href="../../../carousel.css">
|
|
||||||
<link rel="stylesheet" href="../bildertechnik.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">
|
|
||||||
<link rel="stylesheet" href="../../../nav.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<nav class="navbar navbar-expand-lg navbar-custom">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
<div class="container-fluid">
|
<link rel="stylesheet" href="../../../nav.css">
|
||||||
<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" 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>
|
|
||||||
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
:root {
|
||||||
|
--fw-rot: #900000;
|
||||||
|
--fw-grau: #616161;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--bg-light);
|
||||||
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: #fff;
|
||||||
|
padding: 15px 0;
|
||||||
|
border-bottom: 1px solid #dee2e6;
|
||||||
|
}
|
||||||
|
|
||||||
.custom-btn {
|
.custom-btn {
|
||||||
background-color: #616161;
|
background-color: var(--fw-grau);
|
||||||
color: white;
|
color: white;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 10px 20px;
|
padding: 8px 20px;
|
||||||
transition: background-color 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-btn:hover {
|
.custom-btn:hover {
|
||||||
background-color: #900000 !important;
|
background-color: var(--fw-rot) !important;
|
||||||
color: white
|
color: white;
|
||||||
|
transform: translateX(-5px);
|
||||||
}
|
}
|
||||||
.btn-container {
|
|
||||||
display: flex;
|
.detail-card {
|
||||||
justify-content: center;
|
background: #fff;
|
||||||
align-items: center;
|
border-radius: 8px;
|
||||||
height: 10vh;
|
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
||||||
|
border-left: 5px solid var(--fw-rot);
|
||||||
|
padding: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
border-bottom: 2px solid #eee;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--fw-grau);
|
||||||
|
width: 160px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spec-list li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
margin-top: 30px;
|
||||||
|
color: var(--fw-rot);
|
||||||
|
font-weight: 700;
|
||||||
|
border-left: 3px solid var(--fw-rot);
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-item img {
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
|
||||||
|
max-height: 450px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight-badge {
|
||||||
|
background-color: var(--fw-rot);
|
||||||
|
color: white;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="btn-container">
|
|
||||||
<a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
|
<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="Logo" style="height: 3em; margin-right: 10px;">
|
||||||
|
<span>Feuerwehr Stadt Wehlen</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="top-bar">
|
||||||
|
<div class="container">
|
||||||
|
<a href="../../technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="container mt-5">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="detail-card">
|
||||||
<div class="col-md-8">
|
<div class="row">
|
||||||
<h1>Tragkraftspritzenfahrzeug (TSF)</h1>
|
<div class="col-lg-7">
|
||||||
<p><strong>Bezeichnung:</strong> Tragkraftspritzenfahrzeug (TSF)</p>
|
<span class="highlight-badge">Standort: Pötzscha</span>
|
||||||
<p><strong>Stationierungsort:</strong> Pötzscha</p>
|
<h1>Tragkraftspritzenfahrzeug (TSF)</h1>
|
||||||
<p><strong>Typ:</strong> FIAT Ducato MAXI 2.3</p>
|
|
||||||
<p><strong>Baujahr:</strong> August 2002</p>
|
<ul class="spec-list">
|
||||||
<p><strong>Funkrufname:</strong> Florian Pötzscha 47-1</p>
|
<li><span class="info-label">Bezeichnung:</span> TSF</li>
|
||||||
<h3>Fahrzeugdaten:</h3>
|
<li><span class="info-label">Funkrufname:</span> Florian Pötzscha 47-1</li>
|
||||||
<ul>
|
<li><span class="info-label">Fahrgestell:</span> FIAT Ducato MAXI 2.3</li>
|
||||||
<li>Länge: 5200 mm x Breite: 2070 mm x Höhe: 2390 mm</li>
|
<li><span class="info-label">Baujahr:</span> August 2002</li>
|
||||||
<li>Gesamtgewicht: 3500 kg</li>
|
<li><span class="info-label">Besatzung:</span> 1/5 (Staffel)</li>
|
||||||
<li>Motorleistung: 81 KW</li>
|
</ul>
|
||||||
<li>Doppelkabine mit 6 Sitzplätzen</li>
|
|
||||||
<li>RTK 6 Dachmontage</li>
|
<h4 class="section-title">Fahrzeugdaten</h4>
|
||||||
<li>Blitzkennleuchten vorn und hinten</li>
|
<ul class="spec-list">
|
||||||
<li>ABS</li>
|
<li><span class="info-label">Leistung:</span> 81 kW (110 PS)</li>
|
||||||
<li>Lichtmast Pneumatik mit 2x 80 W LED</li>
|
<li><span class="info-label">Gesamtgewicht:</span> 3.500 kg</li>
|
||||||
<li>Kombinierter Geräteraum mit Umfeldbeleuchtung</li>
|
<li><span class="info-label">Maße:</span> L 5,20m | B 2,07m | H 2,39m</li>
|
||||||
</ul>
|
<li><span class="info-label">Ausstattung:</span> Pneumatischer Lichtmast (2x 80W LED), Umfeldbeleuchtung, RTK 6</li>
|
||||||
<h3>Feuerwehrtechnische Beladung:</h3>
|
</ul>
|
||||||
<ul>
|
|
||||||
<li>Komplette DIN-Beladung TSF</li>
|
<h4 class="section-title">Feuerwehrtechnische Beladung</h4>
|
||||||
<li>TS 8/8 inkl. Ladeeinrichtung</li>
|
<div class="row mt-3">
|
||||||
<li>4 Stück Pressluftatmer inkl. Halterung</li>
|
<div class="col-md-6">
|
||||||
<li>Stromerzeuger 3,5 KW</li>
|
<ul class="spec-list small">
|
||||||
<li>Steckleiter 4-teilig aus LM</li>
|
<li>Tragkraftspritze TS 8/8</li>
|
||||||
<li>Sanitätsrucksack</li>
|
<li>4 Pressluftatmer (PA)</li>
|
||||||
<li>Container Kettensäge</li>
|
<li>4-teilige Steckleiter</li>
|
||||||
<li>Container Absperrung VKU</li>
|
<li>Stromerzeuger 3,5 kW</li>
|
||||||
<li>Werkzeugkasten Handwerkzeug</li>
|
</ul>
|
||||||
<li>Lichtmast Stativ mit Lampenbrücke 2x 1000 W</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div id="tsfCarousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active">
|
|
||||||
<img src="t_tsf_01.jpg" class="d-block w-100" alt="TSF Bild 1">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="col-md-6">
|
||||||
<img src="t_tsf_02.jpg" class="d-block w-100" alt="TSF Bild 2">
|
<ul class="spec-list small">
|
||||||
</div>
|
<li>Motorsäge (Kettensäge)</li>
|
||||||
<div class="carousel-item">
|
<li>Verkehrsabsicherung (VKU)</li>
|
||||||
<img src="t_tsf_06.jpg" class="d-block w-100" alt="TSF Bild 3">
|
<li>Sanitätsrucksack</li>
|
||||||
|
<li>Lichtstativ (2x 1000W)</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#tsfCarousel" data-bs-slide="prev">
|
</div>
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="visually-hidden">Previous</span>
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
||||||
</button>
|
<div id="tsfCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
<button class="carousel-control-next" type="button" data-bs-target="#tsfCarousel" data-bs-slide="next">
|
<div class="carousel-inner">
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
<div class="carousel-item active">
|
||||||
<span class="visually-hidden">Next</span>
|
<img src="t_tsf_01.jpg" class="d-block w-100" alt="TSF Frontansicht">
|
||||||
</button>
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="t_tsf_02.jpg" class="d-block w-100" alt="TSF Seitenansicht">
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="t_tsf_06.jpg" class="d-block w-100" alt="TSF Heckansicht">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#tsfCarousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon"></span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#tsfCarousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<p class="text-center text-muted mt-3 small"><em>Vielseitiges Einsatzfahrzeug der Ortswehr Pötzscha</em></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -137,4 +194,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>
|
||||||
122
technik.html
122
technik.html
@ -20,7 +20,6 @@
|
|||||||
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header mit Wasserzeichen-Logo (wie Geschichte) */
|
|
||||||
.page-header {
|
.page-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -49,18 +48,16 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Technik Grid */
|
|
||||||
.technik-container {
|
.technik-container {
|
||||||
max-width: 1100px;
|
max-width: 1100px;
|
||||||
margin: 40px auto;
|
margin: 40px auto;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Die Kacheln im Stil der Geschichtsseite */
|
|
||||||
.technik-card {
|
.technik-card {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
border-left: 5px solid var(--fw-rot); /* Roter Akzent links */
|
border-left: 5px solid var(--fw-rot);
|
||||||
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);
|
||||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||||
@ -69,7 +66,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-decoration: none; /* Link-Unterstreichung entfernen */
|
text-decoration: none;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -81,7 +78,7 @@
|
|||||||
|
|
||||||
.card-img-wrapper {
|
.card-img-wrapper {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px; /* Einheitliche Höhe für alle Bilder */
|
height: 200px;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -92,7 +89,7 @@
|
|||||||
.card-img-wrapper img {
|
.card-img-wrapper img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover; /* Bild füllt den Raum aus, ohne verzerrt zu werden */
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-body-custom {
|
.card-body-custom {
|
||||||
@ -106,28 +103,6 @@
|
|||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Carousel-Bereich falls du es behalten willst (jetzt schöner integriert) */
|
|
||||||
.carousel-section {
|
|
||||||
background: #fff;
|
|
||||||
padding: 40px;
|
|
||||||
border-radius: 8px;
|
|
||||||
border-left: 5px solid var(--fw-rot);
|
|
||||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
|
||||||
margin-bottom: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-item img {
|
|
||||||
max-height: 400px;
|
|
||||||
object-fit: contain;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-control-prev-icon, .carousel-control-next-icon {
|
|
||||||
background-color: var(--fw-grau);
|
|
||||||
border-radius: 50%;
|
|
||||||
background-size: 60%;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer { background-color: #fff; border-top: 1px solid #dee2e6; }
|
footer { background-color: #fff; border-top: 1px solid #dee2e6; }
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
@ -163,31 +138,30 @@
|
|||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<img src="ffw_transp_72.gif" class="header-bg-icon" alt="BG-Icon">
|
<img src="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</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">
|
||||||
|
|
||||||
<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="Technik33/lf10/lf10.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 RTB1">
|
<img src="Technik33/technikpage/t_lf10_6_1.jpg" alt="LF 10/6">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body-custom">
|
<div class="card-body-custom">
|
||||||
<h5>Aluboot RTB 1</h5>
|
<h5>LF 10/6</h5>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<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="Technik33/tsf/tsf.html" class="technik-card">
|
||||||
<div class="card-img-wrapper">
|
<div class="card-img-wrapper">
|
||||||
<img src="Technik33/lf10/t_lf10_6_1.jpg" alt="LF 10">
|
<img src="Technik33/technikpage/t_tsf_01.jpg" alt="TSF-W">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body-custom">
|
<div class="card-body-custom">
|
||||||
<h5>LF 10/6</h5>
|
<h5>TSF-W</h5>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -204,12 +178,56 @@
|
|||||||
</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="Technik33/rtb1/rtb1.html" class="technik-card">
|
||||||
<div class="card-img-wrapper">
|
<div class="card-img-wrapper">
|
||||||
<img src="Technik33/technikpage/t_tsf_01.jpg" alt="TSF">
|
<img src="Technik33/technikpage/t_aluboot_rtb1_1.jpg" alt="Aluboot RTB 1">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body-custom">
|
<div class="card-body-custom">
|
||||||
<h5>TSF-W</h5>
|
<h5>Aluboot RTB 1</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 col-sm-6">
|
||||||
|
<a href="Technik33/rtb2/rtb2.html" class="technik-card">
|
||||||
|
<div class="card-img-wrapper">
|
||||||
|
<img src="Technik33/technikpage/t_rtb2_1.jpg" alt="RTB 2">
|
||||||
|
</div>
|
||||||
|
<div class="card-body-custom">
|
||||||
|
<h5>Rettungsboot RTB 2</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 col-sm-6">
|
||||||
|
<a href="Technik33/rtb1schlauchboot/rtb1_Schlauchboot.html" class="technik-card">
|
||||||
|
<div class="card-img-wrapper">
|
||||||
|
<img src="Technik33/technikpage/t_schlauchboot.jpg" alt="Schlauchboot">
|
||||||
|
</div>
|
||||||
|
<div class="card-body-custom">
|
||||||
|
<h5>RTB 1 Schlauchboot</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 col-sm-6">
|
||||||
|
<a href="Technik33/sta/sta.html" class="technik-card">
|
||||||
|
<div class="card-img-wrapper">
|
||||||
|
<img src="Technik33/technikpage/t_sta_1.jpg" alt="STA">
|
||||||
|
</div>
|
||||||
|
<div class="card-body-custom">
|
||||||
|
<h5>STA Anhänger</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 col-sm-6">
|
||||||
|
<a href="Technik33/TSA-Anhaenger/TSA.html" class="technik-card">
|
||||||
|
<div class="card-img-wrapper">
|
||||||
|
<img src="Technik33/technikpage/t_tsa_1.jpg" alt="TSA">
|
||||||
|
</div>
|
||||||
|
<div class="card-body-custom">
|
||||||
|
<h5>TSA Anhänger</h5>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -220,12 +238,34 @@
|
|||||||
<img src="Technik33/technikpage/t_hydrantenwagen_1.jpg" alt="Hydrantenwagen">
|
<img src="Technik33/technikpage/t_hydrantenwagen_1.jpg" alt="Hydrantenwagen">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body-custom">
|
<div class="card-body-custom">
|
||||||
<h5>Hydrantenwagen</h5>
|
<h5>Hydrantenwagen (1905)</h5>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 col-sm-6">
|
||||||
|
<a href="Technik33/lf1/lf1.html" class="technik-card">
|
||||||
|
<div class="card-img-wrapper">
|
||||||
|
<img src="Technik33/technikpage/t_lf1_1.jpg" alt="LF 1">
|
||||||
|
</div>
|
||||||
|
<div class="card-body-custom">
|
||||||
|
<h5>Postfahrrad LF 1</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 col-sm-6">
|
||||||
|
<a href="Technik33/Transporthaenger/Transporthaenger.html" class="technik-card">
|
||||||
|
<div class="card-img-wrapper">
|
||||||
|
<img src="Technik33/technikpage/t_transportanhaenger.jpg" alt="Transportanhänger">
|
||||||
|
</div>
|
||||||
|
<div class="card-body-custom">
|
||||||
|
<h5>Transportanhänger</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="container-fluid py-4 mt-5">
|
<footer class="container-fluid py-4 mt-5">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user