feat: search persons and onjects

WEBROOT/Commands/TerminErinnerung.php

@@ -0,0 +1,76 @@
+<?php
+
+include_once(__DIR__ . "/../controller/DatabaseController.php");
+include_once(__DIR__ . "/../modules/Mail.php");
+
+date_default_timezone_set("Europe/Berlin");
+
+$jetzt = new DateTime();
+$heute = $jetzt->format("Y-m-d");
+
+// Alle heutigen Termine laden
+$termine = DatabaseShow(
+    "Termine",
+    "*",
+    "DATUM = ? AND ERINNERUNG_AM IS NULL",
+    $heute
+);
+
+foreach ($termine as $termin) {
+
+    $terminZeit = new DateTime($termin["DATUM"] . " " . $termin["ZEIT"]);
+    $sekundenBisTermin = $terminZeit->getTimestamp() - $jetzt->getTimestamp();
+
+    // Nur Termine innerhalb der nächsten 30 Minuten
+    if ($sekundenBisTermin > 0 && $sekundenBisTermin <= 1800) {
+
+        // Benutzer laden
+        $benutzer = DatabaseShow(
+            "Benutzer",
+            "*",
+            "NAME = ?",
+            $termin["ERSTELLT_VON"]
+        );
+
+        if (empty($benutzer)) {
+            continue;
+        }
+
+        $benutzer = $benutzer[0];
+
+        if (empty($benutzer["EMAIL"])) {
+            continue;
+        }
+
+        $subject = "Terminerinnerung";
+
+        $message = "Hallo {$benutzer["NAME"]},\n\n";
+        $message .= "Du hast in weniger als 30 Minuten einen Termin.\n\n";
+        $message .= "Termin: {$termin["NAME"]}\n";
+        $message .= "Datum: {$termin["DATUM"]}\n";
+        $message .= "Uhrzeit: {$termin["ZEIT"]}\n";
+
+        if (!empty($termin["NOTIZ"])) {
+            $notizClean = mb_convert_encoding($termin["NOTIZ"], "UTF-8", "auto");
+            $message .= "Notiz: {$notizClean}\n";
+        }
+
+        sendMail(
+            $subject,
+            $message,
+            $_SERVER['SCRIPT_NAME'] ?? 'CLI/Unbekannt',
+            true,
+            $benutzer["EMAIL"],
+        );
+
+        print_r("{$benutzer["EMAIL"]}\n{$message}");
+
+        DatabaseUpdate(
+            "Termine",
+            "ERINNERUNG_AM = ?",
+            "ID = ?",
+            date('d-m-Y H:i:s'),
+            $termin["ID"]
+        );
+    }
+}

WEBROOT/config.php

@@ -16,8 +16,10 @@ $serviceGroups = array (
     'services' => 
     array (
       0 => 'home_info',
-      1 => 'links',
-      2 => 'vergabe'
+      1 => 'vergabe',
+      2 => 'links',
+      3 => 'einkaufsliste',
+      4 => 'termine',
     ),
   ),
   'Ausbildung' => 
@@ -30,12 +32,14 @@ $serviceGroups = array (
       1 => 'zeiterfassung',
       2 => 'berichte_arbeit_gen',
       3 => 'berichte',
+      4 => 'firmenberichte',
+      5 => 'berufsschulberichte',
     ),
   ),
   'Logs' => 
   array (
     'label' => 'Webserver',
-    'defaultOpen' => true,
+    'defaultOpen' => false,
     'services' => 
     array (
       0 => 'public_request_logs',
@@ -78,7 +82,7 @@ $services = array (
     'active' => true,
     'adminOnly' => false,
   ),
-  'vergabe' =>
+  'vergabe' => 
   array (
     'name' => 'Vergabe',
     'active' => true,
@@ -192,6 +196,30 @@ $services = array (
     'active' => true,
     'adminOnly' => false,
   ),
+  'einkaufsliste' => 
+  array (
+    'name' => 'Einkaufsliste',
+    'active' => true,
+    'adminOnly' => false,
+  ),
+  'termine' => 
+  array (
+    'name' => 'Termine',
+    'active' => true,
+    'adminOnly' => false,
+  ),
+  'firmenberichte' => 
+  array (
+    'name' => 'Firmenberichte',
+    'active' => true,
+    'adminOnly' => false,
+  ),
+  'berufsschulberichte' => 
+  array (
+    'name' => 'Berufsschulberichte',
+    'active' => true,
+    'adminOnly' => false,
+  ),
 );
 
 $linkGroups = array (
@@ -382,4 +410,4 @@ $linkButtons = array (
     'adminOnly' => false,
     'group' => 'tools',
   ),
-);
+);

WEBROOT/controller/DataController.php

@@ -117,16 +117,20 @@ class getSpecificData {
         }
     }
     
-    public function getClientIP(): string {
+    public function getClientIP(): string
+    {
+        if (PHP_SAPI === 'cli') {
+            return 'CLI';
+        }
+
         $xff = $_SERVER['HTTP_X_FORWARDED_FOR'] ?? null;
 
-        if ($xff) {
+        if (!empty($xff)) {
             $ips = array_map('trim', explode(',', $xff));
-            $clientIp = $ips[0];
-            return $clientIp;
-        } else {
-            return $_SERVER['REMOTE_ADDR'];
+            return $ips[0];
         }
+
+        return $_SERVER['REMOTE_ADDR'] ?? 'UNKNOWN';
     }
 
     public function getRequestTime(): string {

WEBROOT/controller/DatabaseConnect.php

@@ -44,7 +44,7 @@ function db_connect() {
         ]
     ];
 
-    $enviroment = 'live';
+    $enviroment = 'vpn';
 
     mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
 

WEBROOT/logout.php

@@ -1,3 +1,25 @@
 <?php
+include_once(__DIR__ . '/modules/Mail.php');
+include_once(__DIR__ . '/controller/DataController.php');
 
-session_destroy();
+try {
+    session_start();
+
+    $_SESSION = array();
+
+    session_destroy();
+
+    http_response_code(200);
+
+    exit();
+} catch (Exception $e) {
+    http_response_code(500);
+    echo json_encode(['error' => 'An error occurred while logging out.']);
+    sendMail(
+        "[ERROR] Logout",
+        "$e",
+        (new getSpecificData())->getRequestURL(),
+        true,
+    );
+    exit();
+}

WEBROOT/main.js

@@ -27,7 +27,7 @@ document.querySelectorAll('.group-title').forEach(title => {
 
 const logoutButton = document.getElementById('logoutButton');
 logoutButton.addEventListener('click', () => {
-    fetch('services/logout.php', { method: 'POST' })
+    fetch('logout', { method: 'POST' })
         .then(() => {
             window.location.href = 'login.php';
         });

WEBROOT/modules/Mail.php

@@ -3,10 +3,11 @@
 include_once __DIR__ . '/../controller/DatabaseController.php';
 include_once __DIR__ . '/../controller/DataController.php';
 
-function sendMail($subject, $message, $url, bool $log) {
+function sendMail($subject, $message, $url, bool $log, $to = "bruno.eckhardt07@gmail.com")
+{
     $headers = "From: bruno.eckhardt07@gmail.com\r\n";
     mail(
-        "bruno.eckhardt07@gmail.com",
+        $to,
         $subject,
         $message,
         $headers
@@ -14,17 +15,19 @@ function sendMail($subject, $message, $url, bool $log) {
     if ($log == true) {
         DatabaseInsert(
             "Mailing",
-            "DATUM, SUBJECT, MESSAGE, URL, CLIENT_IP",
+            "DATUM, SUBJECT, MESSAGE, MAIL_AN, URL, CLIENT_IP",
             (new getSpecificData())->getRequestTime(),
             $subject,
             $message,
+            $to,
             $url,
             (new getSpecificData())->getClientIP(),
         );
     }
 }
 
-function errorMail($title, $error, bool $log) {
+function errorMail($title, $error, bool $log)
+{
     $headers = "From: bruno.eckhardt07@gmail.com\r\n";
     mail(
         "bruno.eckhardt07@gmail.com",
@@ -42,4 +45,4 @@ function errorMail($title, $error, bool $log) {
             (new getSpecificData())->getClientIP(),
         );
     }
-}
+}

WEBROOT/services/berichte.php

@@ -120,7 +120,7 @@ $count = is_array($displayData) ? count($displayData) : 0;
     <div class="main">
         <div class="content">
             <h2 style="display: flex; justify-content: space-between; align-items: center;">
-                <span>📊 Berichtte-Vorschau:</span>
+                <span>📊 Berichte-Vorschau:</span>
 
                 <div>
                     <a href="?service=<?= $selectedService ?>&mode=fk">

WEBROOT/services/berufsschulberichte.php

@@ -0,0 +1,212 @@
+<?php
+include_once(__DIR__ . '/../controller/DataController.php');
+include_once(__DIR__ . '/../controller/DatabaseController.php');
+
+$alleFaecher = DatabaseShow("Fach", "ID, FACH");
+$alleRaeume  = DatabaseShow("Raum", "ID, RAUM_NR");
+$alleLehrer  = DatabaseShow("Lehrer", "ID, NAME");
+
+/*
+1 => ["fach_id" => 1, "raum_id" => 5, "lehrer_id" => 8], // LF1
+1 => ["fach_id" => 2, "raum_id" => 4, "lehrer_id" => 11], // LF2
+1 => ["fach_id" => 3, "raum_id" => 1, "lehrer_id" => 2], // LF3
+1 => ["fach_id" => 4, "raum_id" => 1, "lehrer_id" => 5], // LF4
+6 => ["fach_id" => 5, "raum_id" => 3, "lehrer_id" => 1], // LF5
+1 => ["fach_id" => 6, "raum_id" => 5, "lehrer_id" => 4], // Sozi
+1 => ["fach_id" => 8, "raum_id" => 5, "lehrer_id" => 7], // VWL
+1 => ["fach_id" => 9, "raum_id" => 5, "lehrer_id" => 3], // DE
+1 => ["fach_id" => 10, "raum_id" => 5, "lehrer_id" => 3], // ENG
+*/
+
+$Stundenplan = [
+    "MO" => [
+        1 => ["fach_id" => 3, "raum_id" => 1, "lehrer_id" => 2], // LF3
+        2 => ["fach_id" => 3, "raum_id" => 1, "lehrer_id" => 2], // LF3
+        3 => ["fach_id" => 3, "raum_id" => 1, "lehrer_id" => 2], // LF3
+        4 => ["fach_id" => 6, "raum_id" => 5, "lehrer_id" => 4], // Sozi
+        5 => ["fach_id" => 10, "raum_id" => 5, "lehrer_id" => 3], // Eng
+        6 => ["fach_id" => 10, "raum_id" => 5, "lehrer_id" => 3], // Eng
+        7 => ["fach_id" => 2, "raum_id" => 3, "lehrer_id" => 11], // LF2
+        8 => ["fach_id" => 2, "raum_id" => 3, "lehrer_id" => 11], // LF2
+    ],
+    "DI" => [
+        1 => ["fach_id" => 5, "raum_id" => 3, "lehrer_id" => 1], // LF5
+        2 => ["fach_id" => 5, "raum_id" => 3, "lehrer_id" => 1], // LF5
+        3 => ["fach_id" => 5, "raum_id" => 1, "lehrer_id" => 5], // LF5
+        4 => ["fach_id" => 2, "raum_id" => 3, "lehrer_id" => 6], // LF2
+        5 => ["fach_id" => 2, "raum_id" => 3, "lehrer_id" => 6], // LF2
+    ],
+    "MI" => [
+        1 => ["fach_id" => 8, "raum_id" => 5, "lehrer_id" => 7], // VWL
+        2 => ["fach_id" => 8, "raum_id" => 5, "lehrer_id" => 7], // VWL
+        3 => ["fach_id" => 9, "raum_id" => 5, "lehrer_id" => 3], // DE
+        4 => ["fach_id" => 9, "raum_id" => 5, "lehrer_id" => 3], // DE
+        5 => ["fach_id" => 2, "raum_id" => 4, "lehrer_id" => 6], // LF2
+        6 => ["fach_id" => 2, "raum_id" => 4, "lehrer_id" => 6], // LF2
+        7 => ["fach_id" => 8, "raum_id" => 5, "lehrer_id" => 7], // VWL
+    ],
+    "DO" => [
+        1 => ["fach_id" => 3, "raum_id" => 1, "lehrer_id" => 2], // LF3
+        2 => ["fach_id" => 3, "raum_id" => 1, "lehrer_id" => 2], // LF3
+        3 => ["fach_id" => 3, "raum_id" => 1, "lehrer_id" => 2], // LF3
+        4 => ["fach_id" => 6, "raum_id" => 5, "lehrer_id" => 4], // Sozi
+        5 => ["fach_id" => 6, "raum_id" => 5, "lehrer_id" => 4], // Sozi
+        6 => ["fach_id" => 4, "raum_id" => 1, "lehrer_id" => 5], // LF4
+        7 => ["fach_id" => 4, "raum_id" => 1, "lehrer_id" => 5], // LF4
+        8 => ["fach_id" => 4, "raum_id" => 1, "lehrer_id" => 5], // LF4
+    ],
+    "FR" => [
+        1 => ["fach_id" => 1, "raum_id" => 5, "lehrer_id" => 8], // LF1
+        2 => ["fach_id" => 1, "raum_id" => 5, "lehrer_id" => 8], // LF1
+        3 => ["fach_id" => 1, "raum_id" => 5, "lehrer_id" => 8], // LF1
+        4 => ["fach_id" => 5, "raum_id" => 3, "lehrer_id" => 1], // LF5
+        5 => ["fach_id" => 5, "raum_id" => 3, "lehrer_id" => 1], // LF5
+        6 => ["fach_id" => 5, "raum_id" => 3, "lehrer_id" => 1], // LF5
+    ]
+];
+?>
+
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Berufsschulbericht</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+    <div class="main">
+        <div class="content" style="max-width: 1100px; margin: 0 auto; padding: 20px;">
+
+            <div class="form-container">
+                <h3 style="margin-top: 0;">Berufsschulbericht erfassen</h3>
+
+                <form method="post">
+                    <div class="form-group" style="max-width: 220px; margin-bottom: 25px;">
+                        <label for="datum">Datum auswählen</label>
+                        <input type="date" name="datum" id="datum" required>
+                    </div>
+
+                    <div class="vergabe-grid"
+                        style="font-weight: bold; padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid var(--card-border);">
+                        <div>Stunde</div>
+                        <div>Fach</div>
+                        <div>Raum</div>
+                        <div>Lehrer</div>
+                        <div>Inhalt / Thema</div>
+                    </div>
+
+                    <?php for ($i = 1; $i <= 8; $i++): ?>
+                    <div class="vergabe-grid" style="margin-bottom: 10px; align-items: center;">
+
+                        <div>
+                            <span class="badge"
+                                style="display: inline-block; min-width: 90px; text-align: center; padding: 8px 12px; font-weight: bold;">Stunde
+                                <?= $i ?></span>
+                        </div>
+
+                        <div class="form-group">
+                            <select name="stunden[<?= $i ?>][fach_id]" data-stunde="<?= $i ?>" data-type="fach_id">
+                                <option value="">-- Fach --</option>
+                                <?php foreach ($alleFaecher as $row): ?>
+                                <option value="<?= $row['ID'] ?>"><?= htmlspecialchars($row['FACH']) ?></option>
+                                <?php endforeach; ?>
+                            </select>
+                        </div>
+
+                        <div class="form-group">
+                            <select name="stunden[<?= $i ?>][raum_id]" data-stunde="<?= $i ?>" data-type="raum_id">
+                                <option value="">-- Raum --</option>
+                                <?php foreach ($alleRaeume as $row): ?>
+                                <option value="<?= $row['ID'] ?>"><?= htmlspecialchars($row['RAUM_NR']) ?></option>
+                                <?php endforeach; ?>
+                            </select>
+                        </div>
+
+                        <div class="form-group">
+                            <select name="stunden[<?= $i ?>][lehrer_id]" data-stunde="<?= $i ?>" data-type="lehrer_id">
+                                <option value="">-- Lehrer --</option>
+                                <?php foreach ($alleLehrer as $row): ?>
+                                <option value="<?= $row['ID'] ?>"><?= htmlspecialchars($row['NAME']) ?></option>
+                                <?php endforeach; ?>
+                            </select>
+                        </div>
+
+                        <div class="form-group">
+                            <input type="text" name="stunden[<?= $i ?>][inhalt_text]" placeholder="Inhalt der Stunde..."
+                                style="margin: 0; padding: 10px;">
+                        </div>
+
+                    </div>
+                    <?php endfor; ?>
+
+                    <div style="margin-top: 25px; text-align: right;">
+                        <button type="submit" class="btn-submit-vergabe"
+                            style="width: 220px; display: inline-flex; font-weight: bold;">
+                            Bericht speichern
+                        </button>
+                    </div>
+                </form>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+    const stundenplan = <?= json_encode($Stundenplan) ?>;
+    const wochentage = ["SO", "MO", "DI", "MI", "DO", "FR", "SA"];
+
+    document.getElementById('datum').addEventListener('change', function() {
+        const gewaehltesDatum = new Date(this.value);
+        if (isNaN(gewaehltesDatum)) return;
+
+        let tagKey = wochentage[gewaehltesDatum.getDay()];
+
+        if (tagKey === "SO" || tagKey === "SA") {
+            tagKey = "MO";
+        }
+
+        const tagesPlan = stundenplan[tagKey] || {};
+
+        document.querySelectorAll('.vergabe-grid select').forEach(select => {
+            const stunde = select.getAttribute('data-stunde');
+            const type = select.getAttribute('data-type');
+
+            const vordefinierteId = (tagesPlan[stunde] && tagesPlan[stunde][type]) ? tagesPlan[stunde][
+                type
+            ] : "";
+
+            select.value = vordefinierteId;
+        });
+    });
+    </script>
+
+    <?php
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $datum = $_POST['datum'] ?? null;
+    $werte = [$datum];
+
+    for ($i = 1; $i <= 8; $i++) {
+        $stunde = $_POST['stunden'][$i] ?? [];
+        $werte[] = !empty($stunde['fach_id'])   ? $stunde['fach_id']   : null;
+        $werte[] = !empty($stunde['lehrer_id']) ? $stunde['lehrer_id'] : null;
+        $werte[] = !empty($stunde['raum_id'])   ? $stunde['raum_id']   : null;
+        $werte[] = !empty($stunde['inhalt_text']) ? $stunde['inhalt_text'] : null;
+    }
+
+    DatabaseInsert(
+        "Berufsschulberichte",
+        "DATUM, FACH_S1, LEHRER_S1, RAUM_S1, INHALT_S1, FACH_S2, LEHRER_S2, RAUM_S2, INHALT_S2, FACH_S3, LEHRER_S3, RAUM_S3, INHALT_S3, FACH_S4, LEHRER_S4, RAUM_S4, INHALT_S4, FACH_S5, LEHRER_S5, RAUM_S5, INHALT_S5, FACH_S6, LEHRER_S6, RAUM_S6, INHALT_S6, FACH_S7, LEHRER_S7, RAUM_S7, INHALT_S7, FACH_S8, LEHRER_S8, RAUM_S8, INHALT_S8",
+        ...$werte
+    );
+
+    echo "<div class='status-msg' style='position: fixed; bottom: 20px; right: 20px; z-index: 10000;'>Bericht gespeichert!</div>";
+}
+?>
+
+</body>
+
+</html>

WEBROOT/services/einkaufsliste.php

@@ -0,0 +1,91 @@
+<?php
+include_once __DIR__ . '/../controller/DatabaseController.php';
+include_once __DIR__ . '/../controller/RoutesController.php';
+
+$view = $_GET['view'] ?? 'show';
+$selectedService = $_GET['service'] ?? null;
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_entry'])) {
+    $artikel = $_POST['artikel'];
+    $menge = $_POST['menge'];
+
+    DatabaseInsert(
+        "Einkaufsliste",
+        "PRODUKT, MENGE",
+        $artikel,
+        $menge
+    );
+
+    redirectToWebsite((new getSpecificData())->getReferer());
+    exit;
+}
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['delete_entry'])) {
+    $id = $_POST['id'];
+
+    DatabaseDelete("Einkaufsliste", "ID = ?", $id);
+
+    redirectToWebsite((new getSpecificData())->getReferer());
+    exit;
+}
+
+$entries = DatabaseShow(
+    "Einkaufsliste"
+);
+
+?>
+
+<div>
+    <div class="vergabe-form">
+        <form method="POST" class="vergabe-grid">
+
+            <div class="form-group">
+                <label>Artikel</label>
+                <input type="text" name="artikel" required>
+            </div>
+
+            <div class="form-group">
+                <label>Menge</label>
+                <input type="text" name="menge" required>
+            </div>
+
+            <button type="submit" name="add_entry" class="btn-submit-vergabe">
+                💾 Speichern
+            </button>
+
+        </form>
+    </div>
+    <div class="table-container" style="margin-top: 30px;">
+        <h3>Einkaufsliste</h3>
+
+        <?php if (!empty($entries)): ?>
+            <table class="db-table mobile-responsive-table">
+                <thead>
+                    <tr>
+                        <th>Artikel</th>
+                        <th>Menge</th>
+                        <th style="width: 100px;">Aktion</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($entries as $entry): ?>
+                        <tr>
+                            <td data-label="Artikel"><?= htmlspecialchars($entry['PRODUKT'] ?? '') ?></td>
+                            <td data-label="Menge"><?= htmlspecialchars($entry['MENGE'] ?? '') ?></td>
+                            <td data-label="Aktion">
+                                <form method="POST" onsubmit="return confirm('Möchtest du diesen Eintrag wirklich löschen?');" style="margin: 0;">
+                                    <input type="hidden" name="id" value="<?= $entry['ID'] ?? '' ?>">
+                                    <button type="submit" name="delete_entry" class="btn-delete">
+                                        🗑️ Löschen
+                                    </button>
+                                </form>
+                            </td>
+                        </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        <?php else: ?>
+            <p>Keine Einträge vorhanden.</p>
+        <?php endif; ?>
+    </div>
+</div>

WEBROOT/services/firmenberichte.php

@@ -0,0 +1,97 @@
+<?php
+
+include_once(__DIR__ . '/../controller/DataController.php');
+include_once(__DIR__ . '/../controller/DatabaseController.php');
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_bericht'])) {
+    $prozess1 = $_POST['prozess1'];
+    $prozess2 = $_POST['prozess2'];
+    $prozess3 = $_POST['prozess3'];
+    $prozess4 = $_POST['prozess4'];
+    $startzeit = $_POST['startzeit'];
+    $endzeit = $_POST['endzeit'];
+    $datum = $_POST['datum'];
+
+    // IHK konforme zeiten berechnen und Überstunden berechnen
+    $soll = new DateTime($startzeit);
+    $soll->modify("+8 hours 30 minutes");
+
+    $randomMin = rand(1, 15);
+    $endePublicDt = clone $soll;
+    $endePublicDt->modify("+{$randomMin} minutes");
+    $endePublic = $endePublicDt->format("H:i");
+
+    $real = DateTime::createFromFormat("H:i", $endzeit);
+
+    $beginnDt = new DateTime($startzeit);
+    $arbeitsDiff = $beginnDt->diff($real);
+    $arbeitsMinuten = ($arbeitsDiff->h * 60) + $arbeitsDiff->i;
+    $sollMinuten = 8 * 60 + 30;
+
+    if ($arbeitsMinuten <= $sollMinuten) {
+        $overtime = 0;
+    } else {
+        $diff = $soll->diff($real);
+        $overtime = ($diff->h * 60) + $diff->i;
+    }
+
+    DatabaseInsert(
+        "Firmenberichte",
+            "DATUM, PROZESS_1, PROZESS_2, PROZESS_3, PROZESS_4, BEGINN, ENDE_REAL, ENDE_PUBLIC, OVERTIME",
+            $datum,
+            $prozess1,
+            $prozess2,
+            $prozess3,
+            $prozess4,
+            $startzeit,
+            $endzeit,
+            $endePublic,
+            $overtime
+    );
+
+    redirectToWebsite((new getSpecificData())->getReferer());
+    exit;
+}
+
+?>
+
+<div>
+    <div class="berichte-container">
+        <form method="POST" class="berichte-form">
+
+            <div class="form-group">
+                <label>Prozess 1</label>
+                <input type="text" name="prozess1" required>
+            </div>
+            <div class="form-group">
+                <label>Prozess 2</label>
+                <input type="text" name="prozess2" required>
+            </div>
+            <div class="form-group">
+                <label>Prozess 3</label>
+                <input type="text" name="prozess3" required>
+            </div>
+            <div class="form-group">
+                <label>Prozess 4</label>
+                <input type="text" name="prozess4" required>
+            </div>
+            <div class="form-group">
+                <label>Startzeit</label>
+                <input type="time" name="startzeit" required>
+            </div>
+            <div class="form-group">
+                <label>Endzeit</label>
+                <input type="time" name="endzeit" required>
+            </div>
+            <div class="form-group">
+                <label>Datum</label>
+                <input type="date" name="datum" required>
+            </div>
+
+            <button type="submit" name="add_bericht" class="btn-submit-bericht">
+                Bericht Speichern
+            </button>
+
+        </form>
+    </div>
+</div>

WEBROOT/services/termine.php

@@ -0,0 +1,227 @@
+<?php
+include_once(__DIR__ . '/../controller/DatabaseController.php');
+include_once(__DIR__ . '/../controller/DataController.php');
+
+$msg = "";
+$username = $_SESSION['username'] ?? 'Gast';
+
+if (isset($_GET['action']) && $_GET['action'] === 'delete') {
+    if (isset($_GET['serien_id']) && !empty($_GET['serien_id'])) {
+        $serienId = $_GET['serien_id'];
+        DatabaseDelete("Termine", "SERIEN_ID = ?", $serienId);
+        $msg = "Komplette Terminserie erfolgreich gelöscht!";
+    } elseif (isset($_GET['id'])) {
+        $deleteId = (int)$_GET['id'];
+        DatabaseDelete("Termine", "ID = ?", $deleteId);
+        $msg = "Termin erfolgreich gelöscht!";
+    }
+}
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_termin'])) {
+    $datum = $_POST['datum'] ?? '';
+    $zeit = $_POST['zeit'] ?? '';
+    $name = $_POST['name'] ?? '';
+    $notiz = $_POST['notiz'] ?? '';
+    $wiederholung = $_POST['wiederholung'] ?? 'none';
+    $enddatum = $_POST['enddatum'] ?? '';
+
+    if (!empty($datum) && !empty($zeit) && !empty($name)) {
+
+        if ($wiederholung !== 'none' && !empty($enddatum)) {
+            $currentDate = new DateTime($datum);
+            $endDate = new DateTime($enddatum);
+
+            if ($endDate < $currentDate) {
+                $msg = "Das Enddatum darf nicht vor dem Startdatum liegen.";
+            } else {
+                $insertedCount = 0;
+                $serienId = uniqid('serie_', true);
+
+                $intervalMapping = [
+                    'daily'   => '+1 day',
+                    'weekly'  => '+1 week',
+                    'monthly' => '+1 month'
+                ];
+
+                $modifier = $intervalMapping[$wiederholung] ?? null;
+
+                if ($modifier) {
+                    while ($currentDate <= $endDate) {
+                        DatabaseInsert(
+                            "Termine",
+                            "DATUM, ZEIT, NAME, NOTIZ, ERSTELLT_VON, SERIEN_ID, INTERVALL, SERIEN_ENDE",
+                            $currentDate->format('Y-m-d'),
+                            $zeit,
+                            $name,
+                            $notiz,
+                            $username,
+                            $serienId,
+                            $wiederholung,
+                            $enddatum
+                        );
+                        $insertedCount++;
+                        $currentDate->modify($modifier);
+                    }
+                    $msg = "Serientermin ($insertedCount Termine) erfolgreich eingetragen!";
+                }
+            }
+        } else {
+            DatabaseInsert(
+                "Termine",
+                "DATUM, ZEIT, NAME, NOTIZ, ERSTELLT_VON",
+                $datum,
+                $zeit,
+                $name,
+                $notiz,
+                $username
+            );
+            $msg = "Termin erfolgreich eingetragen!";
+        }
+    } else {
+        $msg = "Bitte alle Pflichtfelder ausfüllen.";
+    }
+}
+
+$termine = DatabaseShow(
+    "Termine", 
+    "MAX(ID) as ID, MIN(DATUM) as DATUM, ZEIT, NAME, NOTIZ, ERSTELLT_VON, SERIEN_ID, INTERVALL, SERIEN_ENDE", 
+    "ERSTELLT_VON = ? GROUP BY IFNULL(SERIEN_ID, ID) ORDER BY DATUM ASC, ZEIT ASC", 
+    $username
+);
+
+$intervallNamen = [
+    'daily'   => 'Täglich',
+    'weekly'  => 'Wöchentlich',
+    'monthly' => 'Monatlich'
+];
+?>
+
+<?php if (!empty($msg)): ?>
+<div class="status-msg"><?= htmlspecialchars($msg) ?></div>
+<?php endif; ?>
+
+<div class="form-container">
+    <h3>📅 Neuen Termin vergeben</h3>
+    <form method="POST" class="vergabe-form">
+        <div class="vergabe-grid">
+            <div class="form-group">
+                <label for="datum">Start-Datum *</label>
+                <input type="date" id="datum" name="datum" required>
+            </div>
+            <div class="form-group">
+                <label for="zeit">Uhrzeit *</label>
+                <input type="time" id="zeit" name="zeit" required
+                    style="width:100%; padding:10px; border-radius:5px; border:1px solid var(--input-border); background:var(--input-bg); color:var(--input-text);">
+            </div>
+            <div class="form-group">
+                <label for="name">Name / Zweck *</label>
+                <input type="text" id="name" name="name" placeholder="z.B. Kundentermin" required>
+            </div>
+            <div class="form-group">
+                <label for="notiz">Notiz (Optional)</label>
+                <input type="text" id="notiz" name="notiz" placeholder="Details zum Termin...">
+            </div>
+            <div class="form-group">
+                <label for="wiederholung">Wiederholung</label>
+                <select id="wiederholung" name="wiederholung" onchange="toggleEnddatum()"
+                    style="width:100%; padding:10px; border-radius:5px; border:1px solid var(--input-border); background:var(--input-bg); color:var(--input-text);">
+                    <option value="none">Keine Wiederholung</option>
+                    <option value="daily">Täglich</option>
+                    <option value="weekly">Wöchentlich</option>
+                    <option value="monthly">Monatlich</option>
+                </select>
+            </div>
+            <div class="form-group" id="enddatum-group" style="display: none;">
+                <label for="enddatum">Wiederholen bis *</label>
+                <input type="date" id="enddatum" name="enddatum">
+            </div>
+            <button type="submit" name="add_termin" class="btn-submit-vergabe">Speichern</button>
+        </div>
+    </form>
+</div>
+
+<div class="form-container">
+    <h3>📋 Aktuelle Terminbelegungen</h3>
+    <div class="table-container">
+        <table class="db-table mobile-responsive-table">
+            <thead>
+                <tr>
+                    <th>Datum / Turnus</th>
+                    <th>Uhrzeit</th>
+                    <th>Termin / Name</th>
+                    <th>Notiz</th>
+                    <th>Eingetragen von</th>
+                    <th>Aktion</th>
+                </tr>
+            </thead>
+            <tbody>
+                <?php if (empty($termine)): ?>
+                <tr>
+                    <td colspan="6" style="text-align: center; padding: 20px;">Keine Termine eingetragen.</td>
+                </tr>
+                <?php else: ?>
+                <?php foreach ($termine as $termin): ?>
+                <?php
+                        $dateFormatted = date('d.m.Y', strtotime($termin['DATUM']));
+                        $timeFormatted = date('H:i', strtotime($termin['ZEIT']));
+                        $istSerie = !empty($termin['SERIEN_ID']);
+                        ?>
+                <tr>
+                    <td data-label="Datum:">
+                        <strong><?= htmlspecialchars($dateFormatted) ?></strong>
+                        <?php if ($istSerie): ?>
+                        <br>
+                        <small style="color: var(--primary-color, #007bff); font-style: italic;">
+                            (<?= $intervallNamen[$termin['INTERVALL']] ?? '' ?>
+                            bis <?= date('d.m.Y', strtotime($termin['SERIEN_ENDE'])) ?>)
+                        </small>
+                        <?php endif; ?>
+                    </td>
+                    <td data-label="Uhrzeit:"><?= htmlspecialchars($timeFormatted) ?></td>
+                    <td data-label="Termin / Name:">
+                        <strong><?= htmlspecialchars($termin['NAME']) ?></strong>
+                        <?php if ($istSerie): ?>
+                        <span
+                            style="font-size: 0.8em; background: #e1f5fe; color: #0288d1; padding: 2px 6px; border-radius: 10px; margin-left: 5px;">Wiederholend</span>
+                        <?php endif; ?>
+                    </td>
+                    <td data-label="Notiz:"><?= htmlspecialchars($termin['NOTIZ'] ?: '-') ?></td>
+                    <td data-label="Von:"><span class="badge"><?= htmlspecialchars($termin['ERSTELLT_VON']) ?></span>
+                    </td>
+                    <td data-label="Aktion:">
+                        <?php if ($istSerie): ?>
+                        <a href="?service=termine&action=delete&serien_id=<?= urlencode($termin['SERIEN_ID']) ?>"
+                            onclick="return confirm('Möchtest du die GESAMTE Terminserie löschen?');">
+                            <button class="btn-delete" style="background-color: #d32f2f;">löschen</button>
+                        </a>
+                        <?php else: ?>
+                        <a href="?service=termine&action=delete&id=<?= $termin['ID'] ?>"
+                            onclick="return confirm('Möchtest du diesen Termin wirklich löschen?');">
+                            <button class="btn-delete">Löschen</button>
+                        </a>
+                        <?php endif; ?>
+                    </td>
+                </tr>
+                <?php endforeach; ?>
+                <?php endif; ?>
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<script>
+function toggleEnddatum() {
+    var wiederholung = document.getElementById('wiederholung').value;
+    var enddatumGroup = document.getElementById('enddatum-group');
+    var enddatumInput = document.getElementById('enddatum');
+
+    if (wiederholung !== 'none') {
+        enddatumGroup.style.display = 'block';
+        enddatumInput.required = true;
+    } else {
+        enddatumGroup.style.display = 'none';
+        enddatumInput.required = false;
+        enddatumInput.value = '';
+    }
+}
+</script>

WEBROOT/services/vergabe.php

@@ -1,10 +1,15 @@
 <?php
 include_once __DIR__ . '/../controller/DatabaseController.php';
 include_once __DIR__ . '/../controller/RoutesController.php';
+include_once __DIR__ . '/../modules/ConsoleLog.php';
 
 $conn = db_connect();
-$view = $_GET['view'] ?? 'show'; 
-$selectedService = $_GET['service'] ?? null; 
+$view = $_GET['view'] ?? 'show';
+$selectedService = $_GET['service'] ?? null;
+
+// --- Suchfilter auslesen ---
+$searchWer = $_GET['search_wer'] ?? '';
+$searchWas = $_GET['search_was'] ?? '';
 
 // --- LOGIK: Überstunden-Eintrag (Abbau) speichern ---
 if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_entry'])) {
@@ -14,10 +19,10 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_entry'])) {
     $rueckgabe = $_POST['rueckgabe'];
 
     DatabaseInsert(
-        "Vergabe", 
-        "WAS, WER, WANN, RUECKGABE", 
-        $was, 
-        $wer, 
+        "Vergabe",
+        "WAS, WER, WANN, RUECKGABE",
+        $was,
+        $wer,
         $wann,
         $rueckgabe
     );
@@ -25,6 +30,51 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_entry'])) {
     redirectToWebsite((new getSpecificData())->getReferer());
     exit;
 }
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['delete_entry'])) {
+    $id = $_POST['id'];
+
+    ConsoleLog("$id");
+
+    DatabaseUpdate(
+        "Vergabe",
+        "STATUS = ?",
+        "ID = ?",
+        1,
+        $id
+    );
+
+    redirectToWebsite((new getSpecificData())->getReferer());
+    exit;
+}
+
+// --- Dynamic Query mit kombiniertem Suchfilter ---
+$whereClause = "STATUS IS NULL";
+if (!empty($searchWer)) {
+    $whereClause .= " AND WER LIKE '%" . $conn->real_escape_string($searchWer) . "%'";
+}
+if (!empty($searchWas)) {
+    $whereClause .= " AND WAS LIKE '%" . $conn->real_escape_string($searchWas) . "%'";
+}
+
+$entries = DatabaseShow(
+    "Vergabe",
+    "ID, WAS, WER, WANN, RUECKGABE",
+    $whereClause
+);
+
+$searchEntries = DatabaseShow(
+    "Vergabe",
+);
+
+$existingWas = [];
+$existingWer = [];
+foreach ($searchEntries as $entry) {
+    if (!empty($entry['WAS'])) $existingWas[$entry['WAS']] = true;
+    if (!empty($entry['WER'])) $existingWer[$entry['WER']] = true;
+}
+$existingWas = array_keys($existingWas);
+$existingWer = array_keys($existingWer);
 ?>
 
 <div class="arbeitsberichte-wrapper">
@@ -41,20 +91,209 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_entry'])) {
                 <input type="date" name="rueckgabe" value="<?= date('Y-m-d') ?>" required>
             </div>
 
-            <div class="form-group">
+            <div class="form-group autocomplete-wrapper">
                 <label>An wen</label>
-                <input type="text" name="wer" placeholder="Name eingeben" required>
+                <input type="text" name="wer" id="wer-input" placeholder="Name eingeben" required autocomplete="off">
+                <div class="autocomplete-suggestions" id="wer-suggestions"></div>
             </div>
 
-            <div class="form-group">
+            <div class="form-group autocomplete-wrapper">
                 <label>Was</label>
-                <input type="text" name="was" placeholder="Gegenstand eingeben" required>
+                <input type="text" name="was" id="was-input" placeholder="Gegenstand eingeben" required autocomplete="off">
+                <div class="autocomplete-suggestions" id="was-suggestions"></div>
             </div>
 
             <button type="submit" name="add_entry" class="btn-submit-vergabe">
-                💾 Speichern
+                Speichern
             </button>
 
         </form>
     </div>
-</div>
+
+    <div class="vergabe-form" style="margin-top: 30px;">
+        <form method="GET" action="" class="vergabe-grid" id="search-form">
+            <input type="hidden" name="view" value="<?= htmlspecialchars($view) ?>">
+            <?php if ($selectedService): ?>
+                <input type="hidden" name="service" value="<?= htmlspecialchars($selectedService) ?>">
+            <?php endif; ?>
+
+            <div class="form-group autocomplete-wrapper">
+                <label for="search-wer-input">Nach Person filtern</label>
+                <input type="text" name="search_wer" id="search-wer-input" value="<?= htmlspecialchars($searchWer) ?>" placeholder="Name eingeben..." autocomplete="off">
+                <div class="autocomplete-suggestions" id="search-wer-suggestions"></div>
+            </div>
+
+            <div class="form-group autocomplete-wrapper">
+                <label for="search-was-input">Nach Gegenstand filtern</label>
+                <input type="text" name="search_was" id="search-was-input" value="<?= htmlspecialchars($searchWas) ?>" placeholder="Gegenstand eingeben..." autocomplete="off">
+                <div class="autocomplete-suggestions" id="search-was-suggestions"></div>
+            </div>
+
+            <div style="display: flex; gap: 10px; align-items: flex-end;">
+                <button type="submit" class="btn-submit-vergabe" style="margin: 0; flex-grow: 1;">
+                    Suchen
+                </button>
+
+                <?php if (!empty($searchWer) || !empty($searchWas)): ?>
+                    <a href="?view=<?= urlencode($view) ?><?= $selectedService ? '&service=' . urlencode($selectedService) : '' ?>" class="btn-delete" style="text-decoration: none; padding: 10px; display: inline-block; text-align: center; white-space: nowrap; margin: 0;">
+                        Zurücksetzen
+                    </a>
+                <?php endif; ?>
+            </div>
+        </form>
+    </div>
+
+    <div class="table-container" style="margin-top: 30px;">
+        <h3>
+            <?php
+            if (!empty($searchWer) && !empty($searchWas)) {
+                echo "Gefiltert nach: " . htmlspecialchars($searchWer) . " ➔ " . htmlspecialchars($searchWas);
+            } elseif (!empty($searchWer)) {
+                echo "Vergaben für: " . htmlspecialchars($searchWer);
+            } elseif (!empty($searchWas)) {
+                echo "Ausgeliehene Gegenstände: " . htmlspecialchars($searchWas);
+            } else {
+                echo "Aktuelle Vergaben";
+            }
+            ?>
+        </h3>
+
+        <?php if (!empty($entries)): ?>
+            <table class="db-table mobile-responsive-table">
+                <thead>
+                    <tr>
+                        <th>Was</th>
+                        <th>Wer</th>
+                        <th>Wann ausgeliehen</th>
+                        <th>Rückgabe</th>
+                        <th style="width: 100px;">Aktion</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($entries as $entry): ?>
+                        <tr>
+                            <td data-label="Was"><?= htmlspecialchars($entry['WAS'] ?? '') ?></td>
+                            <td data-label="Wer"><?= htmlspecialchars($entry['WER'] ?? '') ?></td>
+                            <td data-label="Wann"><?= htmlspecialchars($entry['WANN'] ?? '') ?></td>
+                            <td data-label="Rückgabe"><?= htmlspecialchars($entry['RUECKGABE'] ?? '') ?></td>
+                            <td data-label="Aktion">
+                                <form method="POST" onsubmit="return confirm('Möchtest du diesen Eintrag wirklich löschen?');" style="margin: 0;">
+                                    <input type="hidden" name="id" value="<?= $entry['ID'] ?? '' ?>">
+                                    <button type="submit" name="delete_entry" class="btn-delete">
+                                        Löschen
+                                    </button>
+                                </form>
+                            </td>
+                        </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        <?php else: ?>
+            <p>Keine Einträge vorhanden.</p>
+        <?php endif; ?>
+    </div>
+</div>
+
+<script>
+    // Parameter `submitOnSelect` hinzugefügt (Standard: false)
+    function setupAutocomplete(inputId, suggestionsId, data, submitOnSelect = false) {
+        const input = document.getElementById(inputId);
+        const box = document.getElementById(suggestionsId);
+        if (!input || !box) return;
+
+        let items = [];
+        let activeIndex = -1;
+
+        function render(list) {
+            box.innerHTML = '';
+            items = list;
+            activeIndex = -1;
+            if (list.length === 0) {
+                box.style.display = 'none';
+                return;
+            }
+            list.forEach((val, i) => {
+                const div = document.createElement('div');
+                div.textContent = val;
+                div.addEventListener('mousedown', (e) => {
+                    e.preventDefault();
+                    selectItem(i);
+                });
+                box.appendChild(div);
+            });
+            box.style.display = 'block';
+        }
+
+        function updateActive() {
+            [...box.children].forEach((el, i) => {
+                el.classList.toggle('active', i === activeIndex);
+            });
+            if (activeIndex >= 0) {
+                box.children[activeIndex].scrollIntoView({
+                    block: 'nearest'
+                });
+            }
+        }
+
+        function selectItem(i) {
+            if (items[i] !== undefined) {
+                input.value = items[i];
+            }
+            box.style.display = 'none';
+            activeIndex = -1;
+
+            // NEU: Wenn gewünscht, schicke das übergeordnete Formular sofort ab
+            if (submitOnSelect) {
+                const form = input.closest('form');
+                if (form) form.submit();
+            }
+        }
+
+        input.addEventListener('input', () => {
+            const val = input.value.toLowerCase();
+            if (val.length === 0) {
+                box.style.display = 'none';
+                return;
+            }
+            const filtered = data.filter(d => d.toLowerCase().includes(val));
+            render(filtered);
+        });
+
+        input.addEventListener('keydown', (e) => {
+            if (box.style.display !== 'block') return;
+
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                activeIndex = Math.min(activeIndex + 1, items.length - 1);
+                updateActive();
+            } else if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                activeIndex = Math.max(activeIndex - 1, 0);
+                updateActive();
+            } else if (e.key === 'Tab' || e.key === 'Enter') {
+                if (activeIndex >= 0) {
+                    e.preventDefault();
+                    selectItem(activeIndex);
+                } else {
+                    box.style.display = 'none';
+                }
+            } else if (e.key === 'Escape') {
+                box.style.display = 'none';
+            }
+        });
+
+        document.addEventListener('click', (e) => {
+            if (e.target !== input) {
+                box.style.display = 'none';
+            }
+        });
+    }
+
+    // 1. Normales Autocomplete für das Eintragungs-Formular (schickt nicht automatisch ab)
+    setupAutocomplete('was-input', 'was-suggestions', <?= json_encode($existingWas) ?>);
+    setupAutocomplete('wer-input', 'wer-suggestions', <?= json_encode($existingWer) ?>);
+
+    // 2. Such-Autocomplete: Hier wird als 4. Parameter `true` übergeben, damit sofort abgesendet wird!
+    setupAutocomplete('search-wer-input', 'search-wer-suggestions', <?= json_encode($existingWer) ?>, true);
+    setupAutocomplete('search-was-input', 'search-was-suggestions', <?= json_encode($existingWas) ?>, true);
+</script>

WEBROOT/style.css

@@ -981,7 +981,7 @@ body.dark-mode .info-value {
     width: 100%;
     border-collapse: collapse;
     margin-top: 20px;
-    table-layout: fixed;
+    /* table-layout: fixed; */
     /* sorgt für feste Spaltenbreite */
 }
 
@@ -997,9 +997,9 @@ body.dark-mode .info-value {
     border-bottom: 1px solid var(--card-border);
 
     /* Wichtig für gleiche Größe */
-    overflow: hidden;
+    /* overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
+    white-space: nowrap; */
 }
 
 .db-table tr:hover {
@@ -1217,4 +1217,223 @@ body.dark-mode input[type="date"] {
         padding: 10px;
         height: auto;
     }
+}
+
+/* ===== Mobile Optimierung für die Vergabe-Tabelle ===== */
+@media (max-width: 768px) {
+
+    /* Verstecke die normale Tabellen-Überschrift */
+    .mobile-responsive-table thead {
+        display: none;
+    }
+
+    /* Mache aus der Tabelle ein Block-Layout */
+    .mobile-responsive-table,
+    .mobile-responsive-table tbody,
+    .mobile-responsive-table tr,
+    .mobile-responsive-table td {
+        display: block;
+        width: 100% !important;
+    }
+
+    /* Jede Zeile wird zu einer schicken Card */
+    .mobile-responsive-table tr {
+        background: var(--card-bg);
+        border: 1px solid var(--card-border);
+        border-radius: 8px;
+        margin-bottom: 15px;
+        padding: 10px;
+        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
+    }
+
+    /* Einzelne Zellen nebeneinander/untereinander stylen */
+    .mobile-responsive-table td {
+        text-align: right !important;
+        padding: 8px 10px !important;
+        border-bottom: 1px solid var(--card-border);
+        position: relative;
+        white-space: normal !important;
+        /* Erlaubt Textumbruch auf Handys */
+        overflow: visible !important;
+    }
+
+    .mobile-responsive-table td:last-child {
+        border-bottom: none;
+        padding-top: 12px !important;
+    }
+
+    /* Die Beschriftung (z.B. "Was:") links einblenden */
+    .mobile-responsive-table td::before {
+        content: attr(data-label);
+        position: absolute;
+        left: 10px;
+        top: 50%;
+        transform: translateY(-50%);
+        font-weight: bold;
+        font-size: 0.9rem;
+        color: var(--text);
+    }
+
+    /* Lösch-Button auf Mobile über die gesamte Breite strecken für leichtere Bedienung */
+    .mobile-responsive-table .btn-delete {
+        width: 100%;
+        padding: 10px;
+        font-size: 1rem;
+    }
+}
+
+/* ===== Optimiertes Firmenberichte Erfassungsformular ===== */
+
+.berichte-container {
+    background: var(--card-bg);
+    border: 1px solid var(--card-border);
+    border-top: 4px solid #007bff;
+    /* Eleganter blauer Akzentstreifen oben statt links */
+    border-radius: 12px;
+    padding: 30px;
+    max-width: 500px;
+    /* Kompakt und perfekt lesbar auf Monitoren */
+    margin: 40px auto;
+    /* Schön zentriert mit Luft nach oben/unten */
+    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+}
+
+/* Tiefenwirkung für den Dark Mode */
+body.dark-mode .berichte-container {
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+    background: #161616;
+    /* Passt sich perfekt deiner CSS-Variable an */
+}
+
+.berichte-form {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.berichte-form .form-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    width: 100%;
+}
+
+.berichte-form .form-group label {
+    font-size: 0.85rem;
+    font-weight: 700;
+    color: var(--text);
+    text-transform: uppercase;
+    letter-spacing: 0.8px;
+    opacity: 0.85;
+}
+
+/* Einheitlicher, moderner Look für ALLE Input-Typen */
+.berichte-form input[type="text"],
+.berichte-form input[type="time"],
+.berichte-form input[type="date"] {
+    width: 100%;
+    padding: 12px 16px;
+    background: var(--input-bg);
+    border: 1px solid var(--input-border);
+    color: var(--input-text);
+    border-radius: 8px;
+    font-size: 0.95rem;
+    box-sizing: border-box;
+    transition: border-color 0.2s, box-shadow 0.2s;
+}
+
+/* Behebt das Problem mit den grellweißen Zeit/Datumsfeldern im Dark Mode */
+body.dark-mode .berichte-form input[type="time"],
+body.dark-mode .berichte-form input[type="date"] {
+    color-scheme: dark;
+    /* Zwingt den Browser, das native Dropdown dunkel zu machen */
+    background: #222;
+    border-color: #444;
+    color: #fff;
+}
+
+/* Fokus-Effekt (weicher blauer Schein) */
+.berichte-form input:focus {
+    outline: none;
+    border-color: #007bff;
+    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.15);
+}
+
+body.dark-mode .berichte-form input:focus {
+    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.3);
+}
+
+/* Vollbreiter, moderner Absende-Button */
+.btn-submit-bericht {
+    width: 100%;
+    background: #28a745;
+    /* Kräftiges Success-Grün */
+    color: white;
+    border: none;
+    padding: 14px;
+    font-size: 1rem;
+    font-weight: 600;
+    border-radius: 8px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    margin-top: 10px;
+    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.2);
+    transition: all 0.2s ease;
+}
+
+.btn-submit-bericht:hover {
+    background: #218838;
+    transform: translateY(-1px);
+    box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3);
+}
+
+.btn-submit-bericht:active {
+    transform: scale(0.98);
+}
+
+/* Kleine Bildschirme (Smartphones) */
+@media (max-width: 600px) {
+    .berichte-container {
+        margin: 15px;
+        padding: 20px;
+    }
+}
+
+.autocomplete-wrapper {
+    position: relative;
+}
+
+.autocomplete-suggestions {
+    display: none;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background: var(--card-bg);
+    color: var(--text);
+    border: 1px solid var(--input-border);
+    border-top: none;
+    max-height: 180px;
+    overflow-y: auto;
+    z-index: 1000;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+.autocomplete-suggestions div {
+    padding: 8px 10px;
+    cursor: pointer;
+}
+
+.autocomplete-suggestions div:hover,
+.autocomplete-suggestions div.active {
+    background: rgba(0, 123, 255, 0.15);
+}
+
+body.dark-mode .autocomplete-suggestions div:hover,
+body.dark-mode .autocomplete-suggestions div.active {
+    background: rgba(0, 123, 255, 0.25);
 }