diff --git a/WEBROOT/services/berichte.php b/WEBROOT/services/berichte.php
new file mode 100644
index 0000000..1f80fe2
--- /dev/null
+++ b/WEBROOT/services/berichte.php
@@ -0,0 +1,173 @@
+<?php
+
+$mode = $_GET['mode'] ?? 'fk';
+
+if ($mode === 'normal') {
+    $data = Databaseshow("Firmenberichte");
+} else {
+    $data = DatabaseShowWithFK(
+        "Berufsschulberichte",
+        $Berufsschulberichte,
+    );
+}
+
+$data = array_reverse($data);
+
+$displayData = (is_array($data) && isset($data['rows'])) ? $data['rows'] : $data;
+$count = is_array($displayData) ? count($displayData) : 0;
+
+?>
+
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="../style.css">
+    <style>
+    .debug-table-container {
+        background: #252525;
+        border-radius: 8px;
+        padding: 0;
+        margin-top: 20px;
+        overflow-x: auto;
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+    }
+
+    table {
+        width: 100%;
+        border-collapse: collapse;
+        color: #ccc;
+        white-space: nowrap;
+    }
+
+    th {
+        background: #333;
+        text-align: left;
+        padding: 15px 12px;
+        border-bottom: 2px solid #3498db;
+        color: #3498db;
+        text-transform: uppercase;
+        font-size: 11px;
+        letter-spacing: 1px;
+        position: sticky;
+        top: 0;
+        z-index: 10;
+    }
+
+    td {
+        padding: 10px 12px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+        font-size: 13px;
+    }
+
+    tr:nth-child(even) {
+        background: rgba(255, 255, 255, 0.02);
+    }
+
+    tr:hover {
+        background: rgba(52, 152, 219, 0.1);
+        color: #fff;
+    }
+
+    /* Highlight für DATUM Spalte */
+    td:first-child,
+    th:first-child {
+        position: sticky;
+        left: 0;
+        background: #252525;
+        z-index: 5;
+        border-right: 1px solid rgba(255, 255, 255, 0.1);
+    }
+
+    th:first-child {
+        z-index: 11;
+        background: #333;
+    }
+
+    .debug-raw {
+        background: #1a1a1a;
+        color: #00ff00;
+        padding: 20px;
+        border-radius: 8px;
+        font-family: 'Fira Code', monospace;
+        font-size: 12px;
+        overflow: auto;
+        border-left: 4px solid #3498db;
+        margin-top: 10px;
+    }
+
+    .badge-count {
+        background: #3498db;
+        color: white;
+        padding: 3px 10px;
+        border-radius: 20px;
+        font-size: 12px;
+        font-weight: bold;
+    }
+
+    .empty-note {
+        padding: 40px;
+        text-align: center;
+        color: #777;
+        font-style: italic;
+    }
+    </style>
+</head>
+
+<body class="<?= ($_SESSION['dark_mode'] ?? true) ? 'dark-mode' : '' ?>">
+    <div class="main">
+        <div class="content">
+            <h2 style="display: flex; justify-content: space-between; align-items: center;">
+                <span>📊 Berichtte-Vorschau:</span>
+
+                <div>
+                    <a href="?service=<?= $selectedService ?>&mode=fk">
+                        <button <?= $mode === 'fk' ? 'style="background:#3498db;color:white;"' : '' ?>>
+                            Berufsschulberichte
+                        </button>
+                    </a>
+
+                    <a href="?service=<?= $selectedService ?>&mode=normal">
+                        <button <?= $mode === 'normal' ? 'style="background:#3498db;color:white;"' : '' ?>>
+                            Arbeitsberichte
+                        </button>
+                    </a>
+                </div>
+            </h2>
+
+            <?php if ($count > 0 && is_array($displayData[0])): ?>
+            <div class="debug-table-container">
+                <table>
+                    <thead>
+                        <tr>
+                            <?php foreach (array_keys($displayData[0]) as $column): ?>
+                            <th><?= htmlspecialchars($column) ?></th>
+                            <?php endforeach; ?>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <?php foreach ($displayData as $row): ?>
+                        <tr>
+                            <?php foreach ($row as $key => $cell): ?>
+                            <td><?= htmlspecialchars($cell ?? '-') ?></td>
+                            <?php endforeach; ?>
+                        </tr>
+                        <?php endforeach; ?>
+                    </tbody>
+                </table>
+            </div>
+            <?php else: ?>
+            <div class="debug-table-container">
+                <div class="empty-note">
+                    Keine tabellarischen Daten gefunden.<br>
+                    <small>Struktur: <?= is_array($data) ? 'Array ('.count($data).' Keys)' : gettype($data) ?></small>
+                </div>
+            </div>
+            <?php endif; ?>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/WEBROOT/services/zeiterfassung.php b/WEBROOT/services/zeiterfassung.php
new file mode 100644
index 0000000..52a3d8a
--- /dev/null
+++ b/WEBROOT/services/zeiterfassung.php
@@ -0,0 +1,162 @@
+<?php
+$conn = db_connect();
+$view = $_GET['view'] ?? 'show'; 
+$selectedService = $_GET['service']; 
+
+// --- LOGIK: Überstunden-Eintrag (Abbau) speichern ---
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_overtime'])) {
+    $datum = $_POST['ot_date'];
+    $minuten = intval($_POST['ot_minutes']); 
+    $grund = $conn->real_escape_string($_POST['ot_reason']);
+    $insert_sql = "INSERT INTO Ueberstunden (DATUM, MINUTEN, GRUND) VALUES ('$datum', $minuten, '$grund')";
+    $conn->query($insert_sql);
+}
+
+// --- Daten laden ---
+$daten = [];
+$sql = "SELECT `DATUM`, `PROZESS_1`, `PROZESS_2`, `PROZESS_3`, `PROZESS_4`, `BEGINN`, `ENDE_REAL`, `OVERTIME` FROM Firmenberichte ORDER BY `DATUM` DESC";
+if ($erg = $conn->query($sql)) {
+    while ($datensatz = $erg->fetch_object()) { $daten[] = $datensatz; }
+    $erg->free();
+}
+
+// --- Gesamtsumme berechnen ---
+$minuten_berichte = 0;
+$res1 = $conn->query("SELECT SUM(OVERTIME) AS summe FROM Firmenberichte");
+if ($row = $res1->fetch_object()) { $minuten_berichte = intval($row->summe); }
+
+$minuten_extra = 0;
+$res2 = $conn->query("SELECT SUM(MINUTEN) AS summe FROM Ueberstunden");
+if ($row = $res2->fetch_object()) { $minuten_extra = intval($row->summe); }
+
+$gesamt_minuten = $minuten_berichte - $minuten_extra;
+?>
+
+<div class="arbeitsberichte-wrapper">
+    <div style="display: flex; gap: 10px; margin-bottom: 25px;">
+        <a href="?service=<?= $selectedService ?>&view=rechner" style="text-decoration:none;">
+            <button class="nav-btn <?= $view == 'rechner' ? 'active' : '' ?>" style="padding: 10px 20px; cursor: pointer; border: none; border-radius: 4px; font-weight: bold; 
+                        background: <?= $view == 'rechner' ? '#007bff' : 'rgba(150,150,150,0.2)' ?>; 
+                        color: <?= $view == 'rechner' ? '#fff' : '#fff' ?>;">
+                Live-Timer
+            </button>
+        </a>
+        <a href="?service=<?= $selectedService ?>&view=show" style="text-decoration:none;">
+            <button class="nav-btn <?= $view == 'show' ? 'active' : '' ?>" style="padding: 10px 20px; cursor: pointer; border: none; border-radius: 4px; font-weight: bold; 
+                        background: <?= $view == 'show' ? '#007bff' : 'rgba(150,150,150,0.2)' ?>; 
+                        color: <?= $view == 'show' ? '#fff' : '#fff' ?>;">
+                Übersicht
+            </button>
+        </a>
+    </div>
+
+    <?php if ($view === 'rechner'): ?>
+    <div class="overtime-container" style="color: inherit;">
+        <h2 style="color: inherit;">Überstunden Rechner</h2>
+        <label for="startTime">Arbeitsstartzeit:</label>
+        <input type="time" id="startTime" step="60"
+            style="background: rgba(150,150,150,0.1); color: inherit; border: 1px solid #555;">
+        <button id="startBtn">Timer starten</button>
+
+        <div id="resultBox" class="overtime-result">
+            <p style="margin:0; font-size: 0.9rem;">Überstunden / Restzeit:</p>
+            <div id="result">0:00</div>
+        </div>
+    </div>
+
+    <?php else: ?>
+    <div
+        style="background: rgba(150,150,150,0.05); padding: 25px; border-radius: 10px; margin-bottom: 25px; border: 1px solid rgba(150,150,150,0.2); border-left: 6px solid #007bff;">
+        <div style="margin-bottom: 20px;">
+            <span style="color: #888; font-size: 0.8rem; font-weight: bold; text-transform: uppercase;">Aktueller
+                Stand</span>
+            <h2 style="margin: 5px 0 0 0; font-size: 2rem; color: <?= $gesamt_minuten >= 0 ? '#28a745' : '#dc3545' ?>;">
+                <?= intdiv($gesamt_minuten, 60) ?>h <?= abs($gesamt_minuten % 60) ?>min
+            </h2>
+        </div>
+
+        <form method="POST" style="display: flex; gap: 15px; flex-wrap: wrap; align-items: flex-end;">
+            <input type="hidden" name="add_overtime" value="1">
+            <div style="display: flex; flex-direction: column; gap: 5px;">
+                <label style="font-size: 0.85rem; font-weight: 600; color: inherit;">Datum</label>
+                <input type="date" name="ot_date" value="<?= date('Y-m-d') ?>" required
+                    style="padding: 8px; border: 1px solid rgba(150,150,150,0.3); border-radius: 4px; background: rgba(150,150,150,0.1); color: inherit;">
+            </div>
+            <div style="display: flex; flex-direction: column; gap: 5px;">
+                <label style="font-size: 0.85rem; font-weight: 600; color: inherit;">Minuten Abbau</label>
+                <input type="number" name="ot_minutes" placeholder="480" required
+                    style="width: 100px; padding: 8px; border: 1px solid rgba(150,150,150,0.3); border-radius: 4px; background: rgba(150,150,150,0.1); color: inherit;">
+            </div>
+            <div style="display: flex; flex-direction: column; gap: 5px; flex-grow: 1;">
+                <label style="font-size: 0.85rem; font-weight: 600; color: inherit;">Grund</label>
+                <input type="text" name="ot_reason" placeholder="z.B. Abbau" required
+                    style="padding: 8px; border: 1px solid rgba(150,150,150,0.3); border-radius: 4px; background: rgba(150,150,150,0.1); color: inherit;">
+            </div>
+            <button type="submit"
+                style="background: #007bff; color: white; border: none; padding: 10px 20px; border-radius: 4px; font-weight: bold; cursor: pointer;">
+                Eintrag speichern
+            </button>
+        </form>
+    </div>
+
+    <!-- <table style="width: 100%; border-collapse: collapse; color: inherit;">
+        <thead>
+            <tr style="background: rgba(0,123,255,0.15); text-align: left;">
+                <th style="padding: 12px; border-bottom: 2px solid #007bff;">Datum</th>
+                <th style="padding: 12px; border-bottom: 2px solid #007bff;">Prozesse</th>
+                <th style="padding: 12px; border-bottom: 2px solid #007bff;">Zeitraum</th>
+                <th style="padding: 12px; border-bottom: 2px solid #007bff;">Overtime</th>
+            </tr>
+        </thead>
+        <tbody>
+            <?php foreach ($daten as $b): ?>
+            <tr style="border-bottom: 1px solid rgba(150,150,150,0.2); vertical-align: top;">
+                <td style="padding: 12px; white-space: nowrap;"><?= htmlspecialchars($b->DATUM) ?></td>
+                <td style="padding: 12px;">
+                    <div style="display: flex; flex-direction: column; gap: 3px; font-size: 0.85rem; opacity: 0.8;">
+                        <?php for($i=1; $i<=4; $i++): $p = "PROZESS_$i"; ?>
+                        <?php if(!empty($b->$p)): ?> <span>• <?= htmlspecialchars($b->$p) ?></span> <?php endif; ?>
+                        <?php endfor; ?>
+                    </div>
+                </td>
+                <td style="padding: 12px; font-size: 0.9rem; white-space: nowrap;"><?= $b->BEGINN ?> -
+                    <?= $b->ENDE_REAL ?></td>
+                <td style="padding: 12px; font-weight: bold; color: <?= $b->OVERTIME >= 0 ? '#28a745' : '#dc3545' ?>;">
+                    <?= $b->OVERTIME ?> min
+                </td>
+            </tr>
+            <?php endforeach; ?>
+        </tbody>
+    </table> -->
+    <?php endif; ?>
+</div>
+
+<script>
+// Live-Rechner Logik
+if (document.getElementById('startBtn')) {
+    document.getElementById('startBtn').addEventListener('click', function() {
+        const startTimeInput = document.getElementById('startTime').value;
+        if (!startTimeInput) return;
+        const [hours, minutes] = startTimeInput.split(':').map(Number);
+        let startDate = new Date();
+        startDate.setHours(hours, minutes, 0);
+        const targetWorkMs = 8.5 * 60 * 60 * 1000;
+        const resultEl = document.getElementById('result');
+        const resultBox = document.getElementById('resultBox');
+
+        setInterval(() => {
+            const diffMs = (new Date() - startDate) - targetWorkMs;
+            const negative = diffMs < 0;
+            const absMs = Math.abs(diffMs);
+            const h = Math.floor(absMs / 3600000);
+            const m = Math.floor((absMs % 3600000) / 60000);
+            resultEl.innerText = (negative ? '-' : '+') + h + ":" + (m < 10 ? '0' : '') + m;
+            if (negative) {
+                resultBox.classList.add('negative');
+            } else {
+                resultBox.classList.remove('negative');
+            }
+        }, 1000);
+    });
+}
+</script>
\ No newline at end of file