From fc9965326f0481349692c2085b242ef131221f93 Mon Sep 17 00:00:00 2001
From: Pascal <pascalriedel76@gmail.com>
Date: Tue, 17 Mar 2026 12:42:55 +0100
Subject: [PATCH] =?UTF-8?q?Technik=20update=20f=C3=BCr=20subpages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Technik33/Hydrantenwagen/Hydrantenwagen.html  | 257 +++++++++-----
 Technik33/TSA-Anhaenger/TSA.html              | 255 ++++++++------
 .../Transporthaenger/Transporthaenger.html    | 206 ++++++-----
 Technik33/VRW-Quad/VRW.html                   | 251 ++++++++------
 Technik33/lf1/lf1.html                        | 244 ++++++++-----
 Technik33/lf10/lf10.html                      | 327 ++++++++++--------
 Technik33/rtb1/rtb1.html                      | 241 +++++++------
 .../rtb1schlauchboot/rtb1_Schlauchboot.html   | 218 +++++++-----
 Technik33/rtb2/rtb2.html                      | 259 ++++++++------
 Technik33/sta/sta.html                        | 257 ++++++++------
 Technik33/tsf/tsf.html                        | 283 +++++++++------
 technik.html                                  | 122 ++++---
 12 files changed, 1762 insertions(+), 1158 deletions(-)
diff --git a/Technik33/Hydrantenwagen/Hydrantenwagen.html b/Technik33/Hydrantenwagen/Hydrantenwagen.html
index f7cb279..bfe07af 100644
--- a/Technik33/Hydrantenwagen/Hydrantenwagen.html
+++ b/Technik33/Hydrantenwagen/Hydrantenwagen.html
@@ -1,121 +1,198 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Hydrantenwagen Modell H.I.</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">
+    <title>Hydrantenwagen Modell H.I. | FFw Stadt Wehlen</title>
+    
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link 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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
+                <li class="nav-item"><a class="nav-link" href="../../../technik.html">Technik</a></li>
             </ul>
         </div>
     </div>
 </nav>
 
-<style>
-    .custom-btn {
-        background-color: #616161;
-        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 class="top-bar">
+    <div class="container">
+        <a href="../../technik.html" class="custom-btn">← Zurück zur Übersicht</a>
+    </div>
 </div>
 
-<div class="container mt-5">
-    <div class="row">
-        <div class="col-md-8">
-            <h1>Hydrantenwagen Modell H.I.</h1>
-            <p><strong>Bezeichnung:</strong> Hydrantenwagen Modell H.I.</p>
-            <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>
-            <p><strong>Baujahr:</strong> 1905</p>
-            <p><strong>Funkrufname:</strong> -</p>
-            <p><strong>Fahrzeugdaten:</strong> -</p>
-            <p><strong>Feuerwehrtechnische Beladung:</strong></p>
-            <ul>
-                <li>Kupferner Hydrantenaufsatz mit 2 Auslässen</li>
-                <li>Sächsisches Normalgewinde, Spindelventile</li>
-                <li>Kupferne Normalstrahlrohre in Leine geflochten mit Befestigungsvorrichtung</li>
-                <li>17 Satz zu je 15 m - insgesamt 255 m Flachsschlauch</li>
-                <li>17 Paar Patent-Honigkupplungen</li>
-                <li>4 Übersetzungsstücke von Kupplung auf sächsisches Normalgewinde</li>
-            </ul>
-        </div>
-        <div class="col-md-4">
-            <!-- Carousel for images -->
-            <div id="hydrantenwagenCarousel" class="carousel slide mt-4 bildertechnik" data-bs-ride="carousel">
-                <div class="carousel-inner">
-                    <div class="carousel-item active">
-                        <img src="t_hydrantenwagen_1.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 1">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="t_hydrantenwagen_2.jpg" class="d-block w-100" alt="Hydrantenwagen Bild 2">
+<div class="container">
+    <div class="detail-card">
+        <div class="row">
+            <div class="col-lg-7">
+                <h1>Hydrantenwagen Modell H.I.</h1>
+                
+                <ul class="spec-list">
+                    <li><span class="info-label">Bezeichnung:</span> Hydrantenwagen Modell H.I.</li>
+                    <li><span class="info-label">Stationierung:</span> Stadt Wehlen</li>
+                    <li><span class="info-label">Hersteller:</span> C.A. Schöne Fabrik Dresden</li>
+                    <li><span class="info-label">Baujahr:</span> 1905</li>
+                    <li><span class="info-label">Funkrufname:</span> -</li>
+                    <li><span class="info-label">Fahrzeugdaten:</span> -</li>
+                </ul>
+
+                <h3 class="beladung-title">Feuerwehrtechnische Beladung:</h3>
+                <ul class="beladung-list">
+                    <li>Kupferner Hydrantenaufsatz mit 2 Auslässen</li>
+                    <li>Sächsisches Normalgewinde, Spindelventile</li>
+                    <li>Kupferne Normalstrahlrohre in Leine geflochten</li>
+                    <li>17 Satz zu je 15 m - insgesamt 255 m Flachsschlauch</li>
+                    <li>17 Paar Patent-Honigkupplungen</li>
+                    <li>4 Übersetzungsstücke auf sächsisches Normalgewinde</li>
+                </ul>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <div id="hydrantenwagenCarousel" class="carousel slide" data-bs-ride="carousel">
+                    <div 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>
+                    <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>
-                <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">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>
+                <p class="text-center text-muted mt-2 small"><em>Klicken zum Blättern</em></p>
             </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>
 </html>
\ No newline at end of file
diff --git a/Technik33/TSA-Anhaenger/TSA.html b/Technik33/TSA-Anhaenger/TSA.html
index c845b38..41f45cf 100644
--- a/Technik33/TSA-Anhaenger/TSA.html
+++ b/Technik33/TSA-Anhaenger/TSA.html
@@ -1,135 +1,174 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Feuerwehrboot RTB 2</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">
+    <title>TSA Tragkraftspritzenanhänger | 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;
+        }
+
+        .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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-    .custom-btn {
-        background-color: #616161;
-        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 class="top-bar">
+    <div class="container">
+        <a href="../../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">
+                <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">
-    <div class="row">
-        <div class="col-md-8">
-            <h1>Feuerwehrboot RTB 2</h1>
-            <p><strong>Bezeichnung:</strong> Feuerwehrboot RTB 2</p>
-            <p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
-            <p><strong>Typ:</strong> Fiskas Buster "L" Aluminium</p>
-            <p><strong>Baujahr:</strong> Mai 2003</p>
-            <p><strong>Funkrufname:</strong> Florian Stadt Wehlen 79-1</p>
-            <p><strong>Fahrzeugdaten:</strong></p>
-            <ul>
-                <li>Länge 4,90m x Breite 1,97m x Tiefgang 0,29m</li>
-                <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>
+                <h4 class="section-title">Technische Daten</h4>
+                <ul class="spec-list">
+                    <li><span class="info-label">Maße:</span> L 4,00m | B 1,80m | H 2,00m</li>
+                    <li><span class="info-label">Gesamtgewicht:</span> 1.200 kg</li>
+                    <li><span class="info-label">Ausstattung:</span> Verstellbare Zugdeichsel, Stützrad & Heckstützen</li>
+                </ul>
+
+                <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
+                <p>Der Anhänger verfügt über eine komplette DIN-Beladung für eine Löschgruppe.</p>
+                
+                <div class="pump-highlight">
+                    <p class="mb-0"><strong>Hauptausrüstung:</strong> Tragkraftspritze Magirus 4-Takt</p>
                 </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
-                    <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 class="col-lg-5 mt-4 mt-lg-0">
+                <div id="tsaCarousel" class="carousel slide" data-bs-ride="carousel">
+                    <div class="carousel-inner">
+                        <div class="carousel-item active">
+                            <img src="t_tsa_1.jpg" class="d-block w-100" alt="TSA Bild 1">
+                        </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>
 
-<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>
 </html>
\ No newline at end of file
diff --git a/Technik33/Transporthaenger/Transporthaenger.html b/Technik33/Transporthaenger/Transporthaenger.html
index 5ed6339..937639e 100644
--- a/Technik33/Transporthaenger/Transporthaenger.html
+++ b/Technik33/Transporthaenger/Transporthaenger.html
@@ -1,101 +1,153 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Transportanhänger</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">
+    <title>Transportanhänger | FFw Stadt Wehlen</title>
+    
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link 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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-    .custom-btn {
-        background-color: #616161;
-        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 class="top-bar">
+    <div class="container">
+        <a href="../../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">
+                <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">
-    <div class="row">
-        <div class="col-md-8">
-            <h1>Transportanhänger</h1>
-            <p><strong>Bezeichnung:</strong> Transportanhänger</p>
-            <p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
-            <p><strong>Typ:</strong> Humbauer H12</p>
-            <p><strong>Baujahr:</strong> April 2004</p>
-            <p><strong>Funkrufname:</strong> -</p>
-            <h3>Fahrzeugdaten:</h3>
-            <ul>
-                <li>Länge: 3,75m x Breite: 1,77m x Höhe: 2,35m</li>
-                <li>Gesamtgewicht: 1200 kg</li>
-                <li>Zusätzliches Stützrad</li>
-                <li>Zusätzliche Stützen hinten</li>
-                <li>Feststellbremse</li>
-                <li>Hochplane</li>
-            </ul>
-            <h3>Feuerwehrtechnische Beladung:</h3>
-            <ul>
-                <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">
+                <h4 class="section-title">Technische Daten</h4>
+                <ul class="spec-list">
+                    <li><span class="info-label">Maße:</span> L 3,75m | B 1,77m | H 2,35m</li>
+                    <li><span class="info-label">Sicherheit:</span> Feststellbremse</li>
+                    <li><span class="info-label">Aufbau:</span> Hochplane, Stützrad & Heckstützen</li>
+                </ul>
+
+                <h4 class="section-title">Nutzung & Beladung</h4>
+                <p>Dieser Anhänger ist ein flexibler Allrounder für die Logistik der Feuerwehr Stadt Wehlen. Er wird unter anderem für folgende Zwecke genutzt:</p>
+                <ul>
+                    <li>Transport der Ausstattung für die <strong>Jugendfeuerwehr</strong></li>
+                    <li>Mitführung eines TSA-Einschubs mit <strong>Tragkraftspritze TS 3</strong></li>
+                    <li>Allgemeine Materialtransporte bei Einsätzen und Übungen</li>
+                </ul>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <img src="t_transportanhaenger.jpg" class="vehicle-img" alt="Transportanhänger FFw Wehlen">
+                <p class="text-center text-muted mt-3 small"><em>Vielseitiges Logistikfahrzeug für Ausbildung und Einsatz</em></p>
+            </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>
-</html>
+</html>
\ No newline at end of file
diff --git a/Technik33/VRW-Quad/VRW.html b/Technik33/VRW-Quad/VRW.html
index dafabaf..65e2fbb 100644
--- a/Technik33/VRW-Quad/VRW.html
+++ b/Technik33/VRW-Quad/VRW.html
@@ -1,124 +1,181 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>VRW - Vorausrüstwagen</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">
+    <title>VRW Vorausrüstwagen | FFw Stadt Wehlen</title>
+    
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link 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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-    .custom-btn {
-        background-color: #616161;
-        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 class="top-bar">
+    <div class="container">
+        <a href="../../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">
+                <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">
-    <div class="row">
-        <div class="col-md-8">
-            <h1>VRW - Vorausrüstwagen</h1>
-            <p><strong>Bezeichnung:</strong> VRW - Vorausrüstwagen</p>
-            <p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
-            <p><strong>Typ:</strong> Suzuki KingQuad</p>
-            <p><strong>Baujahr:</strong> Mai 2006</p>
-            <p><strong>Funkrufname:</strong> Florian Stadt Wehlen 53-1</p>
-            <p><strong>Fahrzeugdaten:</strong></p>
-            <ul>
-                <li>Länge 2,20m x Breite 1,25m x Höhe 2,00m</li>
-                <li>Gesamtgewicht 470 kg</li>
-                <li>Differentialsperre</li>
-                <li>Allrad</li>
-                <li>Blitzkennleuchte</li>
-                <li>Blitzkennleuchten in Fahrzeugfront</li>
-                <li>Arbeitsscheinwerfer nach vorn und hinten</li>
-                <li>Martins-Horn</li>
-            </ul>
-            <p><strong>Feuerwehrtechnische Beladung:</strong></p>
-            <ul>
-                <li>Lukas Schere-Spreizer Kombigerät SC 350</li>
-                <li>Lukas Kompaktaggregat P 610 OG</li>
-                <li>Lukas Rettungszylinder</li>
-                <li>MicroCAFS- Feuerlöscher 10Liter</li>
-                <li>Werkzeugkasten Verkehrsunfall inkl. Glas EX</li>
-                <li>Werkzeugkasten Elektro</li>
-                <li>Werkzeugkasten Handwerkzeug</li>
-                <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">
+                <h4 class="section-title">Schwerpunkt: Technische Hilfeleistung</h4>
+                <div class="tech-box">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <ul class="spec-list small border-0">
+                                <li class="border-0"><strong>Rettungssatz:</strong> Lukas SC 350 Kombigerät</li>
+                                <li class="border-0">Lukas Kompaktaggregat P 610 OG</li>
+                                <li class="border-0">Lukas Rettungszylinder</li>
+                                <li class="border-0">MicroCAFS-Löscher (10 Liter)</li>
+                            </ul>
+                        </div>
+                        <div class="col-md-6">
+                            <ul class="spec-list small border-0">
+                                <li class="border-0"><strong>Medizin:</strong> Defibrillator & Sanitätsrucksack</li>
+                                <li class="border-0">Stabilisations- & Unterbausystem</li>
+                                <li class="border-0">Glas-Ex & Werkzeug VU / Elektro</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <img src="t_vrw_1.jpg" class="vehicle-img" alt="VRW Suzuki KingQuad">
+                <p class="text-center text-muted mt-3 small"><em>Extrem geländegängig für schnelle Hilfe in unwegsamem Gelände</em></p>
+                
+                <div class="alert alert-secondary mt-4 small">
+                    <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.
+                </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>
 </html>
\ No newline at end of file
diff --git a/Technik33/lf1/lf1.html b/Technik33/lf1/lf1.html
index 2d93b46..65e8ddc 100644
--- a/Technik33/lf1/lf1.html
+++ b/Technik33/lf1/lf1.html
@@ -1,121 +1,191 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Löschfahrzeug LF 1</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">
+    <title>Löschfahrzeug LF 1 | FFw Stadt Wehlen</title>
+    
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link 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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
             <span class="navbar-toggler-icon"></span>
         </button>
         <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>
+                <li class="nav-item"><a class="nav-link" href="../../../Geschichte.html">Geschichte</a></li>
+                <li class="nav-item"><a class="nav-link active" href="../../../technik.html">Technik</a></li>
+                <li class="nav-item"><a class="nav-link" href="#">Kontakt/Impressum</a></li>
             </ul>
         </div>
     </div>
 </nav>
 
-<style>
-    .custom-btn {
-        background-color: #616161;
-        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 class="top-bar">
+    <div class="container">
+        <a href="../../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">
+                <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">
-    <div class="row">
-        <div class="col-md-8">
-            <h1>Löschfahrzeug LF 1</h1>
-            <p><strong>Bezeichnung:</strong> Löschfahrzeug LF 1</p>
-            <p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
-            <p><strong>Typ:</strong> umgebautes Postfahrrad</p>
-            <p><strong>Baujahr:</strong> Mai 2003</p>
-            <p><strong>Funkrufname:</strong> -</p>
-            <p><strong>Fahrzeugdaten:</strong> 26er Herrenfahrrad</p>
-            <p><strong>Feuerwehrtechnische Beladung:</strong></p>
-            <ul>
-                <li>Sirene mit Handkurbel</li>
-                <li>Blitzleuchte</li>
-                <li>Kübelspritze als Spendenkübel</li>
-                <li>C-Schlauch + Strahlrohr für Schnellangriff</li>
-            </ul>
-        </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">
+                <h3 class="beladung-title">Feuerwehrtechnische Beladung:</h3>
+                <ul class="beladung-list">
+                    <li>Sirene mit Handkurbel</li>
+                    <li>Blitzleuchte</li>
+                    <li>Kübelspritze als Spendenkübel</li>
+                    <li>C-Schlauch + Strahlrohr für Schnellangriff</li>
+                </ul>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <div id="lf1Carousel" class="carousel slide" data-bs-ride="carousel">
+                    <div class="carousel-inner">
+                        <div class="carousel-item active">
+                            <img src="../technikpage/t_lf1_1.jpg" class="d-block w-100" alt="LF 1 Bild 1">
+                        </div>
+                        <div class="carousel-item">
+                            <img src="t_lf1_2.jpg" class="d-block w-100" alt="LF 1 Bild 2">
+                        </div>
                     </div>
-                    <div class="carousel-item">
-                        <img src="t_lf1_2.jpg" class="d-block w-100" alt="Image 2">
-                    </div>
-                    
+                    <button class="carousel-control-prev" type="button" data-bs-target="#lf1Carousel" data-bs-slide="prev">
+                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                        <span class="visually-hidden">Zurück</span>
+                    </button>
+                    <button class="carousel-control-next" type="button" data-bs-target="#lf1Carousel" data-bs-slide="next">
+                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                        <span class="visually-hidden">Weiter</span>
+                    </button>
                 </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#lf1Carousel" data-bs-slide="prev">
-                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">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>
+                <p class="text-center text-muted mt-2 small"><em>Unser historisches Sammlerrad</em></p>
             </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>
 </html>
\ No newline at end of file
diff --git a/Technik33/lf10/lf10.html b/Technik33/lf10/lf10.html
index 2518250..ac051e2 100755
--- a/Technik33/lf10/lf10.html
+++ b/Technik33/lf10/lf10.html
@@ -1,165 +1,212 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Löschgruppenfahrzeug LF 10/6</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">
+    <title>LF 10/6 | FFw Stadt Wehlen</title>
+    
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link 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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-    .custom-btn {
-        background-color: #616161;
-        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 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="row">
-        <div class="col-md-8">
-            <h1>Löschgruppenfahrzeug LF 10/6</h1>
-            <p><strong>Bezeichnung:</strong> Löschgruppenfahrzeug LF 10/6</p>
-            <p><strong>Typ:</strong> Mercedes 818/F/Atego/3320 Straßenfahrgestell</p>
-            <p><strong>Baujahr:</strong> Juli 2007</p>
-            <p><strong>Funkrufname:</strong> Florian Stadt Wehlen 42-1</p>
-            <p><strong>Fahrzeugdaten:</strong></p>
-            <ul>
-                <li>Länge 6,39m x Breite 2,32m x Höhe 3,00m</li>
-                <li>Radstand 3,32m</li>
-                <li>Gesamtgewicht 8600 kg</li>
-                <li>Motorleistung 180 PS</li>
-                <li>Differentialsperre hinten</li>
-                <li>ABS</li>
-                <li>Top-Integro Kabinendachmodul rot inkl. Blitzkennleuchten</li>
-                <li>Dach-Seitenblenden mit Blitzkennleuchten hinten</li>
-                <li>Blitzkennleuchten in Fahrzeugfront</li>
-                <li>Dachbeleuchtung</li>
-                <li>Kombinierter Geräteraum und Umfeldbeleuchtung</li>
-                <li>Arbeitsscheinwerfer an den Aussenspiegel Halterungen</li>
-                <li>Martin-Horn mit 4 Schallbechern</li>
-            </ul>
-            <p><strong>Feuerwehrtechnische Beladung:</strong> komplette DIN Beladung</p>
-            <ul>
-                <li>Normaldruckeinbaupumpe FPN 10-1000-1H</li>
-                <li>Wassertankgröße 600 Liter</li>
-                <li>Pressluftatmerhalterungen 2PA im Mannschaftsraum</li>
-                <li>Lichtmast Pneumatik Stativ mit Lampenbrücke 2 x 1000 Watt</li>
-                <li>TS 8/8 inkl. Ladeeinrichtung</li>
-                <li>Stromerzeuger BSKA 6,5 kW Eisemann</li>
-                <li>Schiebeleiter aus LM, 3-tlg., mit Leiterseilbremse</li>
-                <li>Lukas Schere-Spreizer Kombigerät SC 350</li>
-                <li>Lukas Kompaktaggregat P 610 OG</li>
-                <li>Wärmebildkamera "Bullard Eclipse"</li>
-                <li>Defibrillator (AED) "Zoll"</li>
-                <li>Werkzeugkasten Verkehrsunfall inkl. Glas EX</li>
-                <li>Werkzeugkasten Elektro</li>
-                <li>Werkzeugkasten Handwerkzeug</li>
-                <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 class="container">
+    <div class="detail-card">
+        <div class="row">
+            <div class="col-lg-7">
+                <h1>Löschgruppenfahrzeug LF 10/6</h1>
+                
+                <ul class="spec-list">
+                    <li><span class="info-label">Bezeichnung:</span> LF 10/6</li>
+                    <li><span class="info-label">Funkrufname:</span> Florian Stadt Wehlen 42-1</li>
+                    <li><span class="info-label">Fahrgestell:</span> MB Atego 818 F (Straßenfahrgestell)</li>
+                    <li><span class="info-label">Baujahr:</span> Juli 2007</li>
+                    <li><span class="info-label">Motorleistung:</span> 180 PS</li>
+                    <li><span class="info-label">Gesamtgewicht:</span> 8.600 kg</li>
+                </ul>
+
+                <h4 class="section-title">Technische Daten & Ausstattung</h4>
+                <ul class="spec-list small">
+                    <li><strong>Maße:</strong> L 6,39m | B 2,32m | H 3,00m (Radstand 3,32m)</li>
+                    <li><strong>Sicherheit:</strong> ABS, Differentialsperre hinten</li>
+                    <li><strong>Licht/Warn:</strong> Top-Integro Kabinendachmodul, Martin-Horn (4 Becher), Umfeldbeleuchtung, Pneumatik-Lichtmast (2x 1000W)</li>
+                </ul>
+
+                <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
+                <div class="beladung-grid small">
+                    <ul class="mb-0">
+                        <li>FPN 10-1000-1H Einbaupumpe</li>
+                        <li>600 Liter Wassertank</li>
+                        <li>Tragkraftspritze TS 8/8</li>
+                        <li>Stromerzeuger 6,5 kW (Eisemann)</li>
+                        <li>3-teilige Schiebeleiter</li>
+                        <li>Lukas Schere/Spreizer Kombi SC 350</li>
+                        <li>Lukas Kompaktaggregat</li>
+                        <li>Wärmebildkamera Bullard Eclipse</li>
+                        <li>Defibrillator (AED) "Zoll"</li>
+                        <li>Sanitätsrucksack</li>
+                        <li>Watthosen & Absturzsicherung</li>
+                        <li>Ölbindemittel & Kettensäge</li>
+                        <li>Schornsteinfegerwerkzeug</li>
+                        <li>Waldbrandpatschen</li>
+                    </ul>
                 </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#lf10Carousel" data-bs-slide="prev">
-                    <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="#lf10Carousel" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Next</span>
-                </button>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <div id="lf10Carousel" class="carousel slide" 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="LF 10 Bild 1">
+                        </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>
 
-<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>
-</html>
+</html>
\ No newline at end of file
diff --git a/Technik33/rtb1/rtb1.html b/Technik33/rtb1/rtb1.html
index 6550ac7..efca526 100644
--- a/Technik33/rtb1/rtb1.html
+++ b/Technik33/rtb1/rtb1.html
@@ -1,126 +1,169 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Feuerwehrboot RTB 2</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">
+    <title>Feuerwehrboot RTB 1 | FFw Stadt Wehlen</title>
+    
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link 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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-    .custom-btn {
-        background-color: #616161;
-        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 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="row">
-        <div class="col-md-8">
-            <h1>Feuerwehrboot RTB 1</h1>
-            <p><strong>Bezeichnung:</strong> Feuerwehrboot RTB 1 nach DIN 14961</p>
-            <p><strong>Stationierungsort:</strong> Pötzscha</p>
-            <p><strong>Typ:</strong> Barru Rettungsboot LGL 400-BKL</p>
-            <p><strong>Baujahr:</strong> März 2014</p>
-            <p><strong>Funkrufname:</strong> -</p>
-            <h3>Fahrzeugdaten:</h3>
-            <ul>
-                <li>Länge: 4,13m x Breite: 1,80m</li>
-                <li>Tiefgang: 0,18m</li>
-                <li>Gesamtgewicht: 266 kg</li>
-                <li>Suzuki 3 Zyl. - 4 Takt Motor / 25PS</li>
-                <li>Bugklappe + Hochwasserräder</li>
-                <li>Tragereling und Klappsitzbänke</li>
-                <li>Zuladung: 550 kg (5 Personen + 50 kg)</li>
-            </ul>
-            <h3>Feuerwehrtechnische Beladung:</h3>
-            <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_aluboot_rtb1_1.jpg" class="d-block w-100" alt="Image 1">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="t_aluboot_rtb1_2.jpg" class="d-block w-100" alt="Image 2">
+<div class="container">
+    <div class="detail-card">
+        <div class="row">
+            <div class="col-lg-7">
+                <h1>Feuerwehrboot RTB 1</h1>
+                
+                <ul class="spec-list">
+                    <li><span class="info-label">Bezeichnung:</span> Rettungsboot RTB 1 (DIN 14961)</li>
+                    <li><span class="info-label">Standort:</span> Stadtteil Pötzscha</li>
+                    <li><span class="info-label">Typ:</span> Barru LGL 400-BKL</li>
+                    <li><span class="info-label">Baujahr:</span> März 2014</li>
+                    <li><span class="info-label">Zuladung:</span> 550 kg (max. 5 Personen)</li>
+                </ul>
+
+                <h4 class="section-title">Technische Daten</h4>
+                <ul class="spec-list">
+                    <li><span class="info-label">Maße:</span> L 4,13m | B 1,80m | T 0,18m</li>
+                    <li><span class="info-label">Motorisierung:</span> Suzuki 25 PS (3-Zyl. 4-Takt)</li>
+                    <li><span class="info-label">Ausstattung:</span> Bugklappe, Hochwasserräder, Tragereling</li>
+                </ul>
+
+                <h4 class="section-title">Ausrüstung</h4>
+                <p>Komplette Beladung nach DIN, inklusive Rettungsmittel für Wasser- und Eisnotfälle sowie Klappsitzbänke für den Mannschaftstransport.</p>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <div id="rtbCarousel" class="carousel slide" data-bs-ride="carousel">
+                    <div class="carousel-inner">
+                        <div class="carousel-item active">
+                            <img src="t_aluboot_rtb1_1.jpg" class="d-block w-100" alt="RTB 1 Bild 1">
+                        </div>
+                        <div class="carousel-item">
+                            <img src="t_aluboot_rtb1_2.jpg" class="d-block w-100" alt="RTB 1 Bild 2">
+                        </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>
-                <button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
-                    <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>
+                <p class="text-center text-muted mt-3 small"><em>Einsatzbereit auf der Elbe und in Hochwassergebieten</em></p>
             </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>
 </html>
\ No newline at end of file
diff --git a/Technik33/rtb1schlauchboot/rtb1_Schlauchboot.html b/Technik33/rtb1schlauchboot/rtb1_Schlauchboot.html
index cebc4c7..793353f 100644
--- a/Technik33/rtb1schlauchboot/rtb1_Schlauchboot.html
+++ b/Technik33/rtb1schlauchboot/rtb1_Schlauchboot.html
@@ -1,121 +1,153 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Feuerwehrboot RTB 2</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">
+    <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;
+        }
+
+        .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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-    .custom-btn {
-        background-color: #616161;
-        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 class="top-bar">
+    <div class="container">
+        <a href="../../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">
+                <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">
-    <div class="row">
-        <div class="col-md-8">
-            <h1>Feuerwehrschlauchboot RTB 1</h1>
-            <p><strong>Bezeichnung:</strong> Feuerwehrschlauchboot RTB 1</p>
-            <p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
-            <p><strong>Typ:</strong> -</p>
-            <p><strong>Baujahr:</strong> Mai 2003</p>
-            <p><strong>Funkrufname:</strong> -</p>
-            <h3>Fahrzeugdaten:</h3>
-            <ul>
-                <li>Länge: 3,00m x Breite: 1,20m</li>
-                <li>4 Luftkammern</li>
-                <li>Gesamtgewicht: 33 kg</li>
-                <li>Zuladung: 570 kg (3 Personen)</li>
-            </ul>
-            <h3>Feuerwehrtechnische Beladung:</h3>
-            <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">
+                <h4 class="section-title">Technische Daten</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 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>
+            </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>
-                <button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
-                    <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>
+                <p class="text-center text-muted mt-3 small"><em>Flexibel einsetzbar 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" 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>
 </html>
\ No newline at end of file
diff --git a/Technik33/rtb2/rtb2.html b/Technik33/rtb2/rtb2.html
index 6789b02..bce478b 100644
--- a/Technik33/rtb2/rtb2.html
+++ b/Technik33/rtb2/rtb2.html
@@ -1,134 +1,179 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Feuerwehrboot RTB 2</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">
+    <title>Feuerwehrboot RTB 2 | FFw Stadt Wehlen</title>
+    
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <link 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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-    .custom-btn {
-        background-color: #616161;
-        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 class="top-bar">
+    <div class="container">
+        <a href="../../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">
+                <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">
-    <div class="row">
-        <div class="col-md-8">
-            <h1>Feuerwehrboot RTB 2</h1>
-            <p><strong>Bezeichnung:</strong> Feuerwehrboot RTB 2</p>
-            <p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
-            <p><strong>Typ:</strong> Fiskas Buster "L" Aluminium</p>
-            <p><strong>Baujahr:</strong> Mai 2003</p>
-            <p><strong>Funkrufname:</strong> Florian Stadt Wehlen 79-1</p>
-            <p><strong>Fahrzeugdaten:</strong></p>
-            <ul>
-                <li>Länge 4,90m x Breite 1,97m x Tiefgang 0,29m</li>
-                <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">
+                <h4 class="section-title">Technische Daten</h4>
+                <ul class="spec-list">
+                    <li><span class="info-label">Maße:</span> L 4,90m | B 1,97m | T 0,29m</li>
+                    <li><span class="info-label">Gewicht:</span> 450 kg</li>
+                    <li><span class="info-label">Motorisierung:</span> Suzuki 40 PS (3-Zyl. 4-Takt)</li>
+                    <li><span class="info-label">Speed:</span> max. 33 Knoten (ca. 61 km/h)</li>
+                </ul>
+
+                <h4 class="section-title">Ausstattung & Beladung</h4>
+                <ul class="spec-list small">
+                    <li>Sondersignalanlage: Blitzkennleuchte & Martinshorn auf Bügel</li>
+                    <li>Beleuchtung: Suchscheinwerfer (fest) + 2 flexible Suchscheinwerfer</li>
+                    <li>Technik: Echolot zur Tiefenmessung</li>
+                    <li>Rettung: Rettungsbrett & Rettungsmittel nach DIN</li>
+                    <li>Besonderheit: TS 3 einsetzbar</li>
+                </ul>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <div id="rtb2Carousel" class="carousel slide" 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="RTB 2 Bild 1">
+                        </div>
+                        <div class="carousel-item">
+                            <img src="t_rtb2_2.jpg" class="d-block w-100" alt="RTB 2 Bild 2">
+                        </div>
+                        <div class="carousel-item">
+                            <img src="t_rtb2_3.jpg" class="d-block w-100" alt="RTB 2 Bild 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>
-                <button class="carousel-control-prev" type="button" data-bs-target="#rtb2Carousel" data-bs-slide="prev">
-                    <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>
+                <p class="text-center text-muted mt-3 small"><em>Schnelleinsatzboot für Rettungseinsätze auf der Elbe</em></p>
             </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>
-</html>
+</html>
\ No newline at end of file
diff --git a/Technik33/sta/sta.html b/Technik33/sta/sta.html
index d1e6da6..8dcdf17 100644
--- a/Technik33/sta/sta.html
+++ b/Technik33/sta/sta.html
@@ -1,132 +1,177 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>STA Schlauchtransportanhänger</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">
+    <title>STA Schlauchtransportanhänger | 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;
+        }
+
+        .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>
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-custom">
     <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-            <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
             <span>Feuerwehr Stadt Wehlen</span>
         </a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-    .custom-btn {
-        background-color: #616161;
-        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 class="top-bar">
+    <div class="container">
+        <a href="../../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">
+                <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">
-    <div class="row">
-        <div class="col-md-8">
-            <h1>STA Schlauchtransportanhänger</h1>
-            <p><strong>Bezeichnung:</strong> STA Schlauchtransportanhänger</p>
-            <p><strong>Stationierungsort:</strong> Stadt Wehlen</p>
-            <p><strong>Typ:</strong> Humbauer HA75/100</p>
-            <p><strong>Baujahr:</strong> Dezember 2004</p>
-            <p><strong>Funkrufname:</strong> -</p>
-            <p><strong>Fahrzeugdaten:</strong></p>
-            <ul>
-                <li>Länge 3,56m x Breite 1,79m x Höhe 2,35m</li>
-                <li>Gesamtgewicht 750 kg</li>
-                <li>Zusätzliches Stützrad</li>
-                <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>
+                <h4 class="section-title">Technische Details</h4>
+                <ul class="spec-list">
+                    <li><span class="info-label">Maße:</span> L 3,56m | B 1,79m | H 2,35m</li>
+                    <li><span class="info-label">Ausstattung:</span> Hochplane, Heck-Arbeitsbeleuchtung, Stützrad & Heckstützen</li>
+                </ul>
+
+                <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
+                <div class="highlight-box">
+                    <p class="mb-2"><strong>Schlauchmaterial:</strong></p>
+                    <ul class="mb-3">
+                        <li><strong>38 B-Schläuche</strong> (à 20m) in Buchten gekoppelt</li>
+                        <li>2 Tragekörbe mit je 3 x 20m C-Schläuchen</li>
+                    </ul>
+                    <p class="mb-0 small">Zusätzlich: Standrohr, Schlüssel, 2 C-Strahlrohre, Verteiler, Schlauchbrücken und Kupplungsschlüssel.</p>
                 </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#staCarousel" data-bs-slide="prev">
-                    <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="#staCarousel" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Next</span>
-                </button>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <div id="staCarousel" class="carousel slide" 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="STA Bild 1">
+                        </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>
 
-<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>
-</html>
+</html>
\ No newline at end of file
diff --git a/Technik33/tsf/tsf.html b/Technik33/tsf/tsf.html
index bca0bc2..2436731 100644
--- a/Technik33/tsf/tsf.html
+++ b/Technik33/tsf/tsf.html
@@ -1,135 +1,192 @@
 <!DOCTYPE html>
 <html lang="de">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Feuerwehrboot RTB 2</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>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TSF Pötzscha | FFw Stadt Wehlen</title>
     
-    <nav class="navbar navbar-expand-lg navbar-custom">
-        <div class="container-fluid">
-            <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
-                <img src="../../../ffw_transp_72.gif" alt="Feuerwehr Stadt Wehlen" style="height: 3em; width: auto; margin-right: 10px;"> 
-                <span>Feuerwehr Stadt Wehlen</span>
-            </a>
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" 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>
-
+    <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;
+        }
+
+        .top-bar {
+            background: #fff;
+            padding: 15px 0;
+            border-bottom: 1px solid #dee2e6;
+        }
+
         .custom-btn {
-            background-color: #616161;
+            background-color: var(--fw-grau);
             color: white;
             border: none;
             border-radius: 8px;
-            padding: 10px 20px;
-            transition: background-color 0.3s ease;
+            padding: 8px 20px;
+            transition: all 0.3s ease;
+            font-weight: 600;
+            text-decoration: none;
+            display: inline-block;
         }
+
         .custom-btn:hover {
-            background-color: #900000 !important;
-            color: white
+            background-color: var(--fw-rot) !important;
+            color: white;
+            transform: translateX(-5px);
         }
-        .btn-container {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 10vh;
+
+        .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;
+        }
+
+        .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>
-    </head>
-    <body>
-    <div class="btn-container">
-        <a href="../../technik.html" class="btn custom-btn">Zurück zur Technik</a>
+</head>
+<body>
+
+<nav class="navbar navbar-expand-lg navbar-custom">
+    <div class="container-fluid">
+        <a class="navbar-brand d-flex align-items-center" href="../../../index.html">
+            <img src="../../../ffw_transp_72.gif" alt="Logo" style="height: 3em; margin-right: 10px;"> 
+            <span>Feuerwehr Stadt Wehlen</span>
+        </a>
     </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="row">
-        <div class="col-md-8">
-            <h1>Tragkraftspritzenfahrzeug (TSF)</h1>
-            <p><strong>Bezeichnung:</strong> Tragkraftspritzenfahrzeug (TSF)</p>
-            <p><strong>Stationierungsort:</strong> Pötzscha</p>
-            <p><strong>Typ:</strong> FIAT Ducato MAXI 2.3</p>
-            <p><strong>Baujahr:</strong> August 2002</p>
-            <p><strong>Funkrufname:</strong> Florian Pötzscha 47-1</p>
-            <h3>Fahrzeugdaten:</h3>
-            <ul>
-                <li>Länge: 5200 mm x Breite: 2070 mm x Höhe: 2390 mm</li>
-                <li>Gesamtgewicht: 3500 kg</li>
-                <li>Motorleistung: 81 KW</li>
-                <li>Doppelkabine mit 6 Sitzplätzen</li>
-                <li>RTK 6 Dachmontage</li>
-                <li>Blitzkennleuchten vorn und hinten</li>
-                <li>ABS</li>
-                <li>Lichtmast Pneumatik mit 2x 80 W LED</li>
-                <li>Kombinierter Geräteraum mit Umfeldbeleuchtung</li>
-            </ul>
-            <h3>Feuerwehrtechnische Beladung:</h3>
-            <ul>
-                <li>Komplette DIN-Beladung TSF</li>
-                <li>TS 8/8 inkl. Ladeeinrichtung</li>
-                <li>4 Stück Pressluftatmer inkl. Halterung</li>
-                <li>Stromerzeuger 3,5 KW</li>
-                <li>Steckleiter 4-teilig aus LM</li>
-                <li>Sanitätsrucksack</li>
-                <li>Container Kettensäge</li>
-                <li>Container Absperrung VKU</li>
-                <li>Werkzeugkasten Handwerkzeug</li>
-                <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 class="container">
+    <div class="detail-card">
+        <div class="row">
+            <div class="col-lg-7">
+                <span class="highlight-badge">Standort: Pötzscha</span>
+                <h1>Tragkraftspritzenfahrzeug (TSF)</h1>
+                
+                <ul class="spec-list">
+                    <li><span class="info-label">Bezeichnung:</span> TSF</li>
+                    <li><span class="info-label">Funkrufname:</span> Florian Pötzscha 47-1</li>
+                    <li><span class="info-label">Fahrgestell:</span> FIAT Ducato MAXI 2.3</li>
+                    <li><span class="info-label">Baujahr:</span> August 2002</li>
+                    <li><span class="info-label">Besatzung:</span> 1/5 (Staffel)</li>
+                </ul>
+
+                <h4 class="section-title">Fahrzeugdaten</h4>
+                <ul class="spec-list">
+                    <li><span class="info-label">Leistung:</span> 81 kW (110 PS)</li>
+                    <li><span class="info-label">Gesamtgewicht:</span> 3.500 kg</li>
+                    <li><span class="info-label">Maße:</span> L 5,20m | B 2,07m | H 2,39m</li>
+                    <li><span class="info-label">Ausstattung:</span> Pneumatischer Lichtmast (2x 80W LED), Umfeldbeleuchtung, RTK 6</li>
+                </ul>
+
+                <h4 class="section-title">Feuerwehrtechnische Beladung</h4>
+                <div class="row mt-3">
+                    <div class="col-md-6">
+                        <ul class="spec-list small">
+                            <li>Tragkraftspritze TS 8/8</li>
+                            <li>4 Pressluftatmer (PA)</li>
+                            <li>4-teilige Steckleiter</li>
+                            <li>Stromerzeuger 3,5 kW</li>
+                        </ul>
                     </div>
-                    <div class="carousel-item">
-                        <img src="t_tsf_02.jpg" class="d-block w-100" alt="TSF Bild 2">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="t_tsf_06.jpg" class="d-block w-100" alt="TSF Bild 3">
+                    <div class="col-md-6">
+                        <ul class="spec-list small">
+                            <li>Motorsäge (Kettensäge)</li>
+                            <li>Verkehrsabsicherung (VKU)</li>
+                            <li>Sanitätsrucksack</li>
+                            <li>Lichtstativ (2x 1000W)</li>
+                        </ul>
                     </div>
                 </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#tsfCarousel" data-bs-slide="prev">
-                    <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="#tsfCarousel" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Next</span>
-                </button>
+            </div>
+
+            <div class="col-lg-5 mt-4 mt-lg-0">
+                <div id="tsfCarousel" class="carousel slide" 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 Frontansicht">
+                        </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>
@@ -137,4 +194,4 @@
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/technik.html b/technik.html
index c8e64b6..f9051f6 100755
--- a/technik.html
+++ b/technik.html
@@ -20,7 +20,6 @@
             font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
         }
 
-        /* Header mit Wasserzeichen-Logo (wie Geschichte) */
         .page-header {
             position: relative;
             text-align: center;
@@ -49,18 +48,16 @@
             text-transform: uppercase;
         }
 
-        /* Technik Grid */
         .technik-container {
             max-width: 1100px;
             margin: 40px auto;
             padding: 0 15px;
         }
 
-        /* Die Kacheln im Stil der Geschichtsseite */
         .technik-card {
             background: #fff;
             border: none;
-            border-left: 5px solid var(--fw-rot); /* Roter Akzent links */
+            border-left: 5px solid var(--fw-rot);
             border-radius: 8px;
             box-shadow: 0 4px 12px rgba(0,0,0,0.08);
             transition: transform 0.3s ease, box-shadow 0.3s ease;
@@ -69,7 +66,7 @@
             display: flex;
             flex-direction: column;
             overflow: hidden;
-            text-decoration: none; /* Link-Unterstreichung entfernen */
+            text-decoration: none;
             color: inherit;
         }
 
@@ -81,7 +78,7 @@
 
         .card-img-wrapper {
             width: 100%;
-            height: 200px; /* Einheitliche Höhe für alle Bilder */
+            height: 200px;
             background-color: #eee;
             display: flex;
             align-items: center;
@@ -92,7 +89,7 @@
         .card-img-wrapper img {
             width: 100%;
             height: 100%;
-            object-fit: cover; /* Bild füllt den Raum aus, ohne verzerrt zu werden */
+            object-fit: cover;
         }
 
         .card-body-custom {
@@ -106,28 +103,6 @@
             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; }
     </style>
 </head>
@@ -163,31 +138,30 @@
     <div class="page-header">
         <img src="ffw_transp_72.gif" class="header-bg-icon" alt="BG-Icon">
         <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 class="technik-container">
-        
         <div class="row">
             
             <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">
-                        <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 class="card-body-custom">
-                        <h5>Aluboot RTB 1</h5>
+                        <h5>LF 10/6</h5>
                     </div>
                 </a>
             </div>
 
             <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">
-                        <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 class="card-body-custom">
-                        <h5>LF 10/6</h5>
+                        <h5>TSF-W</h5>
                     </div>
                 </a>
             </div>
@@ -204,12 +178,56 @@
             </div>
 
             <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">
-                        <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 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>
                 </a>
             </div>
@@ -220,12 +238,34 @@
                         <img src="Technik33/technikpage/t_hydrantenwagen_1.jpg" alt="Hydrantenwagen">
                     </div>
                     <div class="card-body-custom">
-                        <h5>Hydrantenwagen</h5>
+                        <h5>Hydrantenwagen (1905)</h5>
                     </div>
                 </a>
             </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 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>
 
     <footer class="container-fluid py-4 mt-5">
