202 lines
6.4 KiB
HTML
202 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Schlauchboot RTB 1 | FFw Stadt Wehlen</title>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link 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;
|
|
}
|
|
|
|
/* Navbar Styling */
|
|
.navbar-custom {
|
|
background-color: #b30000 !important;
|
|
background-image: url('/bilder/logo2.jpeg') !important;
|
|
background-size: 7em !important;
|
|
background-repeat: repeat !important;
|
|
padding: 1rem 0;
|
|
}
|
|
|
|
.navbar-custom .navbar-brand {
|
|
color: #ffffff !important;
|
|
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Einheitlicher Page-Header */
|
|
.page-header {
|
|
position: relative;
|
|
text-align: center;
|
|
padding: 40px 0;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
border-bottom: 1px solid #dee2e6;
|
|
}
|
|
|
|
.header-bg-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
height: 140%;
|
|
opacity: 0.08;
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.page-header h1 {
|
|
position: relative;
|
|
z-index: 1;
|
|
color: var(--fw-rot);
|
|
font-weight: 800;
|
|
text-transform: uppercase;
|
|
margin: 0;
|
|
}
|
|
|
|
.top-bar {
|
|
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: 20px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.info-label { width: 100%; margin-bottom: 5px; }
|
|
.page-header h1 { font-size: 1.5rem; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-custom shadow-sm">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand d-flex align-items-center" href="/index.html">
|
|
<img src="/ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;">
|
|
<span>Feuerwehr Stadt Wehlen</span>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="page-header">
|
|
<img src="/ffw_transp_72.gif" class="header-bg-icon" alt="">
|
|
<h1>Schlauchboot RTB 1</h1>
|
|
</div>
|
|
|
|
<div class="top-bar">
|
|
<div class="container">
|
|
<a href="/technik/technik.html" class="custom-btn">← Zurück zur Technik-Übersicht</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="detail-card">
|
|
<div class="row">
|
|
<div class="col-lg-7">
|
|
<h2 style="color: var(--fw-rot); font-weight: 700;">Technische Daten</h2>
|
|
|
|
<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 (leicht & mobil)</li>
|
|
</ul>
|
|
|
|
<h4 class="section-title">Leistungsdaten</h4>
|
|
<ul class="spec-list">
|
|
<li><span class="info-label">Maße:</span> L 3,00m | B 1,20m</li>
|
|
<li><span class="info-label">Sicherheit:</span> 4 separate Luftkammern</li>
|
|
<li><span class="info-label">Zuladung:</span> 570 kg (max. 3 Personen)</li>
|
|
</ul>
|
|
|
|
<h4 class="section-title">Einsatzzweck</h4>
|
|
<p>Das RTB 1 (Schlauchboot) ist unser "Flitzer" für kleine Gewässer oder schwer zugängliche Elbufer. Es ist in Sekundenschnelle einsatzbereit und kann aufgrund des geringen Gewichts von einer kleinen Truppe direkt zum Wasser getragen werden, ohne dass eine Slipstelle benötigt wird.</p>
|
|
</div>
|
|
|
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
|
<div id="rtbSchlauchCarousel" class="carousel slide" data-bs-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img src="t_schlauchboot.jpg" class="d-block w-100" alt="Schlauchboot RTB 1">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="text-center text-muted mt-3 small"><em>Flexibel für die Wasserrettung</em></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |