From 9fb56e905cbfd12ee6d14c750350c15176b0ddbb Mon Sep 17 00:00:00 2001
From: AIIrondev <iron.ai.dev@gmail.com>
Date: Fri, 14 Aug 2026 20:35:31 +0200
Subject: [PATCH] =?UTF-8?q?Renaming=20of=20the=20Sch=C3=BClerausweis=20to?=
 =?UTF-8?q?=20the=20Bibliotheksausweis?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Web/app.py                                    |    4 +-
 Web/templates/edit_inventar.html              | 1029 -----------------
 Web/templates/library.html                    |  752 ------------
 Web/templates/library_table.html              |    8 +-
 Web/templates/student_card_barcode_print.html |    4 +-
 Web/templates/student_cards_admin.html        |    2 +-
 6 files changed, 9 insertions(+), 1790 deletions(-)
 delete mode 100644 Web/templates/edit_inventar.html
 delete mode 100644 Web/templates/library.html

diff --git a/Web/app.py b/Web/app.py
index eccc091..29df6fa 100755
--- a/Web/app.py
+++ b/Web/app.py
@@ -4372,7 +4372,7 @@ def student_card_barcode_download():
             # "SCHÜLERAUSWEIS" text in header
             c.setFont("Helvetica-Bold", 9)
             c.setFillColor(white)
-            c.drawString(x_pos + 3*mm, y_pos - 6.5*mm, f"SCHÜLERAUSWEIS - {str(school_name)}")
+            c.drawString(x_pos + 3*mm, y_pos - 6.5*mm, f"BIBLIOTHEKSAUSWEIS - {str(school_name)}")
             
             # Student name - large and bold
             c.setFillColor(text_dark)
@@ -4548,7 +4548,7 @@ def student_card_single_barcode_download(card_id):
         # "SCHÜLERAUSWEIS" text in header
         c.setFont("Helvetica-Bold", 11)
         c.setFillColor(white)
-        c.drawString(x_pos + 4*mm, y_pos - 6.5*mm, f"SCHÜLERAUSWEIS - {str(school_name)}")
+        c.drawString(x_pos + 4*mm, y_pos - 6.5*mm, f"BIBLIOTHEKSAUSWEIS - {str(school_name)}")
         
         # Student name - large and prominent
         c.setFillColor(text_dark)
diff --git a/Web/templates/edit_inventar.html b/Web/templates/edit_inventar.html
deleted file mode 100644
index 2e20b48..0000000
--- a/Web/templates/edit_inventar.html
+++ /dev/null
@@ -1,1029 +0,0 @@
-<!--
-   Copyright 2025-2026 AIIrondev
-
-   Licensed under the Inventarsystem EULA (Endbenutzer-Lizenzvertrag).
-   See Legal/LICENSE for the full license text.
-   Unauthorized commercial use, SaaS hosting, or removal of branding is prohibited.
-   For commercial licensing inquiries: https://github.com/AIIrondev
--->
-{% extends "base.html" %}
-
-{% block title %}{{ page_title|default('Artikel bearbeiten') }} - Inventarsystem{% endblock %}
-
-{% block content %}
-
-<script>
-    // Pre-initialize duplicate data from server
-    var serverDuplicateData = null;
-    const dataElement = document.getElementById('server-duplicate-data');
-    if (dataElement) {
-        // Safely parse JSON arrays with error handling
-        function safeJsonParse(jsonStr, defaultValue = []) {
-            try {
-                if (!jsonStr) return defaultValue;
-                return JSON.parse(jsonStr);
-            } catch (e) {
-                console.error("Error parsing JSON:", e, "Value was:", jsonStr);
-                return defaultValue;
-            }
-        }
-
-        // Get images data and log it for debugging
-        const imagesData = dataElement.getAttribute('data-images') || "[]";
-        console.log("Raw images data attribute:", imagesData);
-
-        serverDuplicateData = {
-            name: dataElement.getAttribute('data-name') || "",
-            description: dataElement.getAttribute('data-description') || "",
-            location: dataElement.getAttribute('data-location') || "",
-            room: dataElement.getAttribute('data-room') || "",
-            year: dataElement.getAttribute('data-year') || "",
-            cost: dataElement.getAttribute('data-cost') || "",
-            images: safeJsonParse(imagesData),
-            filter1: safeJsonParse(dataElement.getAttribute('data-filter1')),
-            filter2: safeJsonParse(dataElement.getAttribute('data-filter2')),
-            filter3: safeJsonParse(dataElement.getAttribute('data-filter3')),
-            original_id: dataElement.getAttribute('data-original-id') || ""
-        };
-        console.log("Server-provided duplicate data:", serverDuplicateData);
-    }
-</script>
-
-<style>
-    /* Book information display styles */
-    .book-info-container {
-        margin-top: 10px;
-        padding: 10px;
-        border: 1px solid #ddd;
-        border-radius: 5px;
-        background-color: #f9f9f9;
-        min-height: 40px;
-    }
-
-    .book-info {
-        padding: 15px;
-        background-color: var(--ui-surface);
-        border: 1px solid #ddd;
-        border-radius: 5px;
-        margin-bottom: 10px;
-    }
-
-    .book-info h4 {
-        color: var(--ui-text);
-        margin: 0 0 10px 0;
-        font-size: 1.2em;
-        font-weight: bold;
-    }
-
-    .book-info p {
-        margin: 5px 0;
-        color: #666;
-        line-height: 1.4;
-    }
-
-    .book-thumbnail {
-        max-width: 120px;
-        max-height: 180px;
-        float: right;
-        margin: 0 0 10px 15px;
-        border: 1px solid #ddd;
-        border-radius: 3px;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    }
-
-    .book-description {
-        clear: both;
-        margin-top: 15px;
-        padding-top: 10px;
-        border-top: 1px solid #eee;
-    }
-
-    .book-description h5 {
-        color: var(--ui-text);
-        margin: 0 0 8px 0;
-        font-size: 1em;
-        font-weight: bold;
-    }
-
-    .book-description p {
-        max-height: 150px;
-        overflow-y: auto;
-        padding: 5px;
-        background-color: var(--ui-surface-soft);
-        border: 1px solid #e9ecef;
-        border-radius: 3px;
-        font-size: 0.9em;
-        line-height: 1.5;
-    }
-
-    /* Import button styling */
-    .import-book-button {
-        background-color: #28a745;
-        color: white;
-        border: none;
-        padding: 10px 15px;
-        border-radius: 4px;
-        cursor: pointer;
-        font-weight: bold;
-        margin-top: 15px;
-        transition: background-color 0.2s ease;
-        display: block;
-        width: 100%;
-    }
-
-    .import-book-button:hover {
-        background-color: #218838;
-    }
-
-    .import-book-button:active {
-        background-color: #1e7e34;
-    }
-
-    /* Quagga Scanner Video Styles */
-    #code4-scanner video, #code4-scanner canvas,
-    #isbn-scanner video, #isbn-scanner canvas {
-        width: 100%;
-        max-width: 640px;
-        height: auto;
-        border-radius: 5px;
-        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-    }
-
-    #code4-scanner canvas, #isbn-scanner canvas {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-
-    #code4-scanner, #isbn-scanner {
-        position: relative;
-        overflow: hidden;
-    }
-
-    /* ISBN input group styling */
-    .isbn-input-group {
-        display: flex;
-        gap: 10px;
-        align-items: center;
-    }
-
-    .isbn-input-group input {
-        flex: 1;
-    }
-
-    .fetch-isbn-button {
-        background-color: #007bff;
-        color: white;
-        border: none;
-        padding: 8px 12px;
-        border-radius: 4px;
-        cursor: pointer;
-        white-space: nowrap;
-        transition: background-color 0.2s ease;
-    }
-
-    .fetch-isbn-button:hover {
-        background-color: #0056b3;
-    }
-
-    /* Loading spinner */
-    .loading-spinner {
-        color: #007bff;
-        font-style: italic;
-        text-align: center;
-        padding: 20px;
-        background-color: var(--ui-surface-soft);
-        border: 1px solid #dee2e6;
-        border-radius: 4px;
-    }
-
-    .loading-spinner::after {
-        content: "...";
-        animation: dots 1.5s steps(5, end) infinite;
-    }
-
-    @keyframes dots {
-        0%, 20% {
-            color: rgba(0,0,0,0);
-            text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
-        }
-        40% {
-            color: #007bff;
-            text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
-        }
-        60% {
-            text-shadow: .25em 0 0 #007bff, .5em 0 0 rgba(0,0,0,0);
-        }
-        80%, 100% {
-            text-shadow: .25em 0 0 #007bff, .5em 0 0 #007bff;
-        }
-    }
-
-    /* Error message styling */
-    .error-message {
-        color: #721c24;
-        background-color: #f8d7da;
-        border: 1px solid #f5c6cb;
-        border-radius: 4px;
-        padding: 12px;
-        margin: 10px 0;
-        text-align: center;
-        font-weight: 500;
-    }
-
-    /* Success message styling */
-    .import-success-message {
-        color: #155724;
-        background-color: #d4edda;
-        border: 1px solid #c3e6cb;
-        border-radius: 4px;
-        padding: 12px;
-        margin: 10px 0;
-        text-align: center;
-        font-weight: bold;
-        animation: fadeInOut 3s ease;
-    }
-
-    @keyframes fadeInOut {
-        0% { opacity: 0; transform: translateY(-10px); }
-        10%, 90% { opacity: 1; transform: translateY(0); }
-        100% { opacity: 0; transform: translateY(-10px); }
-    }
-
-    /* Code validation styling */
-    .code-checking {
-        background-color: #fff3cd !important;
-        border-color: #ffc107 !important;
-        position: relative;
-    }
-
-    .code-checking::after {
-        content: "Prüfe...";
-        position: absolute;
-        right: 10px;
-        top: 50%;
-        transform: translateY(-50%);
-        font-size: 0.8em;
-        color: #856404;
-        font-style: italic;
-    }
-
-    .code-valid {
-        background-color: #d4edda !important;
-        border-color: #28a745 !important;
-        color: #155724 !important;
-    }
-
-    .code-invalid {
-        background-color: #f8d7da !important;
-        border-color: #dc3545 !important;
-        color: #721c24 !important;
-    }
-
-    /* Duplicate code popup styling */
-    .popup-overlay {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0, 0, 0, 0.6);
-        z-index: 10000;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        animation: overlayFadeIn 0.3s ease;
-    }
-
-    @keyframes overlayFadeIn {
-        from { opacity: 0; }
-        to { opacity: 1; }
-    }
-
-    .duplicate-code-popup {
-        background-color: white;
-        padding: 30px;
-        border-radius: 8px;
-        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
-        max-width: 500px;
-        width: 90%;
-        text-align: center;
-        position: relative;
-        animation: popupSlideIn 0.3s ease;
-    }
-
-    @keyframes popupSlideIn {
-        from {
-            opacity: 0;
-            transform: scale(0.8) translateY(-20px);
-        }
-        to {
-            opacity: 1;
-            transform: scale(1) translateY(0);
-        }
-    }
-
-    .popup-content h3 {
-        color: #dc3545;
-        margin: 0 0 15px 0;
-        font-size: 1.3em;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 10px;
-    }
-
-    .popup-content h3::before {
-        content: "⚠️";
-        font-size: 1.2em;
-    }
-
-    .popup-content p {
-        color: var(--ui-text);
-        margin: 15px 0;
-        line-height: 1.5;
-        font-size: 1em;
-    }
-
-    .popup-content .duplicate-code {
-        font-weight: bold;
-        color: #dc3545;
-        background-color: #f8d7da;
-        padding: 5px 10px;
-        border-radius: 3px;
-        font-family: monospace;
-        font-size: 1.1em;
-    }
-
-    .popup-close-button {
-        background-color: #6c757d;
-        color: white;
-        border: none;
-        padding: 10px 20px;
-        border-radius: 4px;
-        cursor: pointer;
-        font-weight: bold;
-        margin-top: 20px;
-        transition: background-color 0.2s ease;
-    }
-
-    .popup-close-button:hover {
-        background-color: #5a6268;
-    }
-
-    .popup-close-x {
-        position: absolute;
-        top: 10px;
-        right: 15px;
-        background: none;
-        border: none;
-        font-size: 24px;
-        color: #999;
-        cursor: pointer;
-        padding: 5px;
-        line-height: 1;
-    }
-
-    .popup-close-x:hover {
-        color: var(--ui-text);
-    }
-
-    /* Upload form styles */
-    .upload-container {
-        max-width: 800px;
-        margin: 0 auto;
-        padding: 20px;
-        background-color: var(--ui-surface);
-        border-radius: 8px;
-        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-    }
-
-    .upload-form h1 {
-        color: var(--ui-text);
-        margin-bottom: 30px;
-        text-align: center;
-        font-size: 2em;
-    }
-
-    .form-group {
-        margin-bottom: 20px;
-    }
-
-    .form-group label {
-        display: block;
-        margin-bottom: 5px;
-        font-weight: bold;
-        color: var(--ui-text);
-    }
-
-    .form-group input,
-    .form-group select,
-    .form-group textarea {
-        width: 100%;
-        padding: 10px;
-        border: 1px solid #ddd;
-        border-radius: 4px;
-        font-size: 16px;
-        box-sizing: border-box;
-    }
-
-    .form-group textarea {
-        height: 100px;
-        resize: vertical;
-    }
-
-    .filter-inputs {
-        background-color: var(--ui-surface-soft);
-        padding: 20px;
-        border-radius: 5px;
-        margin: 20px 0;
-    }
-
-    .filter-inputs h3 {
-        color: var(--ui-text);
-        margin-bottom: 15px;
-        font-size: 1.2em;
-    }
-
-    .multi-filter {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-        gap: 15px;
-    }
-
-    .filter-dropdown-select {
-        width: 100%;
-        padding: 8px;
-        border: 1px solid #ddd;
-        border-radius: 4px;
-        background-color: white;
-    }
-
-    .add-new-btn {
-        background-color: #007bff;
-        color: white;
-        border: none;
-        padding: 5px 10px;
-        border-radius: 3px;
-        cursor: pointer;
-        margin-top: 5px;
-        font-size: 12px;
-    }
-
-    .add-new-btn:hover {
-        background-color: #0056b3;
-    }
-
-    .image-preview-container {
-        margin-top: 10px;
-        display: flex;
-        flex-wrap: wrap;
-        gap: 10px;
-    }
-
-    .image-preview {
-        position: relative;
-        display: inline-block;
-    }
-
-    .image-preview img {
-        width: 100px;
-        height: 100px;
-        object-fit: cover;
-        border: 1px solid #ddd;
-        border-radius: 4px;
-    }
-
-    .remove-image {
-        position: absolute;
-        top: -5px;
-        right: -5px;
-        background-color: #dc3545;
-        color: white;
-        border: none;
-        border-radius: 50%;
-        width: 20px;
-        height: 20px;
-        font-size: 12px;
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    /* Video preview styles */
-    .video-preview {
-        border: 2px dashed #17a2b8;
-        background-color: #f0f8ff;
-    }
-
-    .video-placeholder {
-        width: 100px;
-        height: 100px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        background-color: #e9ecef;
-        border-radius: 4px;
-        text-align: center;
-    }
-
-    .video-icon {
-        font-size: 30px;
-        margin-bottom: 5px;
-    }
-
-    .video-name {
-        font-size: 10px;
-        word-break: break-all;
-        max-width: 90px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    /* Book cover preview styles */
-    .book-cover-preview {
-        margin-top: 10px;
-        padding: 10px;
-        border: 2px dashed #007bff;
-        border-radius: 5px;
-        background-color: #f8f9ff;
-    }
-
-    .book-cover-preview .preview-item {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 5px;
-    }
-
-    .book-cover-preview img {
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    }
-
-    .image-loading {
-        padding: 10px;
-        text-align: center;
-        color: #666;
-        font-style: italic;
-    }
-
-    .submit-button {
-        background-color: #28a745;
-        color: white;
-        border: none;
-        padding: 15px 30px;
-        border-radius: 5px;
-        font-size: 18px;
-        font-weight: bold;
-        cursor: pointer;
-        width: 100%;
-        margin-top: 20px;
-        transition: background-color 0.2s ease;
-    }
-
-    .submit-button:hover {
-        background-color: #218838;
-    }
-
-    .submit-button:active {
-        background-color: #1e7e34;
-    }
-
-    /* Navigation button */
-    .nav-back-button {
-        background-color: #6c757d;
-        color: white;
-        border: none;
-        padding: 10px 20px;
-        border-radius: 5px;
-        text-decoration: none;
-        display: inline-block;
-        margin-bottom: 20px;
-        transition: background-color 0.2s ease;
-    }
-
-    .nav-back-button:hover {
-        background-color: #5a6268;
-        color: white;
-        text-decoration: none;
-    }
-
-    /* Responsive adjustments */
-    @media (max-width: 768px) {
-        .upload-container {
-            margin: 10px;
-            padding: 15px;
-        }
-
-        .multi-filter {
-            grid-template-columns: 1fr;
-        }
-
-        .isbn-input-group {
-            flex-direction: column;
-            gap: 8px;
-        }
-
-        .fetch-isbn-button {
-            width: 100%;
-        }
-
-        .book-thumbnail {
-            float: none;
-            display: block;
-            margin: 10px auto;
-        }
-    }
-
-    @media (max-width: 480px) {
-        .upload-form h1 {
-            font-size: 1.5em;
-        }
-
-        .submit-button {
-            padding: 12px 20px;
-            font-size: 16px;
-        }
-    }
-
-    /* Additional styles for elements with inline styles */
-    .edit-new-location-container {
-        display: none;
-        margin-top: 10px;
-    }
-
-    .book-cover-thumbnail {
-        max-width: 100px;
-        max-height: 150px;
-        border: 1px solid #ddd;
-        border-radius: 3px;
-    }
-
-    /* Standardized button styles across the application */
-    .import-book-button, .fetch-isbn-button, .add-new-btn, .popup-close-button, .nav-back-button,
-    .submit-button, button[type="submit"], button[type="button"] {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        text-align: center;
-        min-width: 120px;
-        height: 40px;
-        padding: 8px 16px;
-        font-weight: bold;
-        font-size: 0.9rem;
-        border-radius: 5px;
-        cursor: pointer;
-        white-space: nowrap;
-        box-sizing: border-box;
-    }
-
-    .book-cover-caption {
-        font-size: 0.8em;
-        color: #666;
-        margin: 5px 0;
-    }
-
-    .remove-book-cover-button {
-        background: #dc3545;
-        color: white;
-        border: none;
-        padding: 2px 8px;
-        border-radius: 3px;
-        cursor: pointer;
-        font-size: 0.8em;
-    }
-
-    .duplicate-image-preview {
-        max-width: 150px;
-        max-height: 150px;
-        object-fit: cover;
-    }
-
-    .remove-duplicate-image-button {
-        background: #dc3545;
-        color: white;
-        border: none;
-        padding: 5px 10px;
-        border-radius: 3px;
-        cursor: pointer;
-        margin-left: 10px;
-    }
-</style>
-
-<div class="edit-container">
-    <div class="edit-form">
-        <h1>{{ page_title|default('Artikel bearbeiten') }}</h1>
-
-        <form id="edit-item-form" method="POST" action="{{ url_for('item_edit', id=item._id) }}" enctype="multipart/form-data">
-            <!-- Hidden IDs -->
-            <input type="hidden" name="item_id" value="{{ item._id }}">
-            <input type="hidden" name="series_group_id" value="{{ item.SeriesGroupId if item.SeriesGroupId else '' }}">
-
-            {% if show_library_features %}
-            <!-- Bibliotheks-Modus: ISBN & Barcode -->
-            <div class="form-group">
-                <label for="isbn">ISBN/Barcode:</label>
-                <div class="isbn-input-group" style="display:flex; gap:10px;">
-                    <input type="text" id="isbn" name="isbn" placeholder="ISBN oder Barcode..." value="{{ item.ISBN if item.ISBN else '' }}" class="form-control">
-                    <button type="button" id="scan-isbn-btn" class="btn btn-secondary">Barcode scannen</button>
-                    <button type="button" class="btn btn-info" onclick="fetchBookInfo('edit')">Info abrufen</button>
-                </div>
-                <div id="isbn-scanner" style="width:100%; max-width:520px; display:none; margin-top:10px;"></div>
-                <small id="isbn-scan-status" class="form-text text-muted"></small>
-                <div id="book-info-container" class="book-info-container"></div>
-            </div>
-            {% endif %}
-
-            <!-- Name / Titel -->
-            <div class="form-group">
-                <label for="name">Name / Titel:</label>
-                <input type="text" id="name" name="name" value="{{ item.Name if item.Name else '' }}" class="form-control" required>
-            </div>
-
-            <!-- Ort -->
-            <div class="form-group">
-                <label for="ort">Ort / Standort:</label>
-                <select id="ort" name="ort" class="form-control" data-current-value="{{ item.Ort if item.Ort else '' }}" required>
-                    <option value="">-- Bitte Ort auswählen --</option>
-                </select>
-                <button type="button" class="btn btn-sm btn-link" id="add-new-location-btn">Neuen Ort hinzufügen</button>
-                <div id="new-location-container" style="display:none; margin-top:5px;">
-                    <input type="text" id="new-location-input" placeholder="Neuen Ort eingeben" class="form-control" style="display:inline-block; width:auto;">
-                    <button type="button" class="btn btn-sm btn-success" onclick="addNewLocation()">Hinzufügen</button>
-                    <button type="button" class="btn btn-sm btn-secondary" onclick="cancelAddLocation()">Abbrechen</button>
-                </div>
-            </div>
-
-            <!-- Beschreibung -->
-            <div class="form-group">
-                <label for="beschreibung">Beschreibung:</label>
-                <textarea id="beschreibung" name="beschreibung" rows="4" class="form-control" required>{{ item.Beschreibung if item.Beschreibung else '' }}</textarea>
-            </div>
-
-            <!-- Barcode / Basis-Code -->
-            <div class="form-group" id="primary_code_group">
-                <label for="code_4">Basis-Code (Haupt-Barcode)</label>
-                <div style="display: flex; gap: 10px;">
-                    <input type="text" id="code_4" name="code_4" class="form-control" value="{{ item.Code_4 if item.Code_4 else '' }}" required>
-                    <button type="button" id="scan-code4-btn" class="btn btn-primary" style="white-space: nowrap;">Barcode scannen</button>
-                </div>
-                <div id="code4-scanner" style="display:none; margin-top: 10px;"></div>
-                <small id="code4-scan-status" class="form-text text-muted"></small>
-            </div>
-
-            <!-- Weitere Einzelcodes -->
-            <div class="form-group" id="individual_codes_group">
-                <label for="individual_codes">Weitere Einzelcodes (je Zeile ein Code)</label>
-                <textarea id="individual_codes" name="individual_codes" rows="4" class="form-control">{{ item.IndividualCodes if item.IndividualCodes else '' }}</textarea>
-                <small style="display:block; color:#666; margin-top: 5px;">Der Scanner füllt zuerst den Basis-Code; weitere gescannte Codes werden hier automatisch zeilenweise angehängt.</small>
-            </div>
-
-            {% if show_library_features %}
-            <!-- Bibliotheks-Klassifizierung -->
-            <div class="filter-inputs">
-                <h3>Medientyp</h3>
-                <div class="form-group">
-                    {% set current_type = item.ItemType if item.ItemType else '' %}
-                    <select name="item_type_input" id="item_type_input" class="form-control">
-                        <option value="" disabled {% if not current_type %}selected{% endif %}>Medientyp auswählen...</option>
-                        <option value="Buch" {% if current_type == 'Buch' %}selected{% endif %}>Buch</option>
-                        <option value="Schulbuch" {% if current_type == 'Schulbuch' %}selected{% endif %}>Schulbuch</option>
-                        <option value="CD" {% if current_type == 'CD' %}selected{% endif %}>CD</option>
-                        <option value="DVD" {% if current_type == 'DVD' %}selected{% endif %}>DVD</option>
-                        <option value="Sonstiges" {% if current_type == 'Sonstiges' %}selected{% endif %}>Sonstiges</option>
-                    </select>
-                </div>
-
-                <h3>Kategorie / Fach:</h3>
-                <div class="form-group">
-                    <input type="text" name="library_category" id="library_category" class="form-control" value="{{ item.Kategorie if item.Kategorie else '' }}" placeholder="z.B. Belletristik, Sachbücher...">
-                </div>
-            </div>
-            {% else %}
-            <!-- Inventar-Filter -->
-            <div class="filter-inputs">
-                <h3>Unterrichtsfach:</h3>
-                <div class="multi-filter">
-                    {% for i in range(1, 5) %}
-                    <div class="form-group">
-                        <label for="filter1-{{ i }}">Wert {{ i }}:</label>
-                        <select id="filter1-{{ i }}" name="filter" class="filter-dropdown-select form-control" data-current-value="{{ item.Filter1[i-1] if item.Filter1 and item.Filter1|length >= i else '' }}" {% if i == 1 %}required{% endif %}>
-                            <option value="">-- {% if i == 1 %}Bitte auswählen{% else %}Optional{% endif %} --</option>
-                        </select>
-                    </div>
-                    {% endfor %}
-                </div>
-
-                <h3>Jahrgangsstufe:</h3>
-                <div class="multi-filter">
-                    {% for i in range(1, 5) %}
-                    <div class="form-group">
-                        <label for="filter2-{{ i }}">Wert {{ i }}:</label>
-                        <select id="filter2-{{ i }}" name="filter2" class="filter-dropdown-select form-control" data-current-value="{{ item.Filter2[i-1] if item.Filter2 and item.Filter2|length >= i else '' }}" {% if i == 1 %}required{% endif %}>
-                            <option value="">-- {% if i == 1 %}Bitte auswählen{% else %}Optional{% endif %} --</option>
-                        </select>
-                    </div>
-                    {% endfor %}
-                </div>
-
-                <h3>Schlagwörter:</h3>
-                <div class="multi-filter">
-                    {% for i in range(1, 5) %}
-                    <div class="form-group">
-                        <label for="filter3-{{ i }}">Wert {{ i }}:</label>
-                        <input type="text" id="filter3-{{ i }}" name="filter3" class="form-control" value="{{ item.Filter3[i-1] if item.Filter3 and item.Filter3|length >= i else '' }}">
-                    </div>
-                    {% endfor %}
-                </div>
-            </div>
-            {% endif %}
-
-            <!-- Anschaffung & Kosten -->
-            <div class="form-group">
-                <label for="anschaffungsjahr">Anschaffungsjahr:</label>
-                <input type="date" id="anschaffungsjahr" name="anschaffungsjahr" class="form-control" value="{{ item.Anschaffungsjahr if item.Anschaffungsjahr else '' }}">
-            </div>
-
-            <div class="form-group">
-                <label for="anschaffungskosten">Anschaffungskosten (€):</label>
-                <input type="text" id="anschaffungskosten" name="anschaffungskosten" class="form-control" value="{{ item.Anschaffungskosten if item.Anschaffungskosten else '' }}">
-            </div>
-
-            <!-- Bilder verwalten -->
-            <div class="form-group">
-                <label>Bestehende Bilder:</label>
-                <div class="existing-images-container" style="display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px;">
-                    {% if item.Images %}
-                        {% for img in item.Images %}
-                        <div class="image-keep-item" style="text-align:center;">
-                            <img src="{{ url_for('uploaded_file', filename=img) }}" style="max-width:80px; max-height:80px; display:block; margin-bottom:4px;">
-                            <label style="font-size:0.8em;"><input type="checkbox" name="existing_images" value="{{ img }}" checked> Behalten</label>
-                        </div>
-                        {% endfor %}
-                    {% else %}
-                        <small class="text-muted">Keine Bilder vorhanden.</small>
-                    {% endif %}
-                </div>
-
-                <label for="images">Neue Bilder/Videos hinzufügen:</label>
-                <input type="file" id="images" name="images" accept=".jpg,.jpeg,.png,.gif,.mp4,.mov,.avi,.mkv,.webm" class="form-control" multiple>
-                <div class="image-preview-container" id="image-preview-container" style="display:flex; gap:10px; margin-top:10px;"></div>
-            </div>
-
-            <!-- Reservierbarkeit -->
-            <div class="form-group">
-                <label for="reservierbar" style="display:inline-block; width:auto; margin-right:10px;">Reservierbar:</label>
-                <input type="checkbox" id="reservierbar" name="reservierbar" style="width:auto;" {% if item.Reservierbar or item.Reservierbar is not defined %}checked{% endif %}>
-            </div>
-
-            <button type="submit" class="btn btn-primary submit-button">Änderungen speichern</button>
-        </form>
-    </div>
-</div>
-
-<script src="https://cdn.jsdelivr.net/npm/@ericblade/quagga2/dist/quagga.js"></script>
-<script>
-    const libraryModuleEnabled = {{ 'true' if library_module_enabled else 'false' }};
-    let scannerRunning = false;
-    let activeScannerCallback = null;
-    let code4LastScanned = '';
-    let code4LastScannedAt = 0;
-    let currentBookData = null;
-
-    function getItemId() {
-        const input = document.querySelector('input[name="item_id"]');
-        return input ? input.value : null;
-    }
-
-    function runEngineInitialization(targetSelector, activeCallback, completionMsg, errorStatusSetter) {
-        if (scannerRunning) { Quagga.stop(); scannerRunning = false; }
-        activeScannerCallback = activeCallback;
-
-        Quagga.init({
-            inputStream: { name: "Live", type: "LiveStream", target: document.querySelector(targetSelector), constraints: { width: 640, height: 480, facingMode: "environment" } },
-            decoder: { readers: ["code_128_reader", "ean_reader", "code_39_reader", "upc_reader"] }
-        }, function(err) {
-            if (err) { errorStatusSetter("Kamera-Fehler.", true); return; }
-            Quagga.start(); scannerRunning = true; errorStatusSetter(completionMsg, false);
-        });
-    }
-
-    function killScannerHardware() {
-        if (!scannerRunning) return;
-        Quagga.stop(); scannerRunning = false; activeScannerCallback = null;
-    }
-
-    Quagga.onDetected(function(data) {
-        if (!data || !data.codeResult || !data.codeResult.code) return;
-        if (typeof activeScannerCallback === "function") activeScannerCallback(String(data.codeResult.code).trim());
-    });
-
-    function startCode4Scanner() {
-        const scannerBox = document.getElementById('code4-scanner');
-        const scanButton = document.getElementById('scan-code4-btn');
-        const baseCodeField = document.getElementById('code_4');
-        const individualCodesField = document.getElementById('individual_codes');
-
-        if (!scannerBox || !scanButton || !baseCodeField) return;
-
-        if (scannerBox.style.display !== 'none') {
-            killScannerHardware(); scannerBox.style.display = 'none'; scanButton.textContent = 'Barcode scannen'; return;
-        }
-
-        scannerBox.style.display = 'block'; scanButton.textContent = 'Scanner stoppen';
-        runEngineInitialization('#code4-scanner', function(decodedText) {
-            const now = Date.now();
-            if (decodedText === code4LastScanned && (now - code4LastScannedAt) < 1500) return;
-            code4LastScanned = decodedText; code4LastScannedAt = now;
-
-            killScannerHardware(); scannerBox.style.display = 'none'; scanButton.textContent = 'Barcode scannen';
-
-            // Intelligentes Eintragen: Entweder Basis-Code oder Textarea
-            if (!baseCodeField.value.trim()) {
-                baseCodeField.value = decodedText;
-            } else {
-                let currentCodes = individualCodesField.value.split('\n').map(c => c.trim()).filter(c => c);
-                if (!currentCodes.includes(decodedText) && baseCodeField.value.trim() !== decodedText) {
-                    currentCodes.push(decodedText);
-                    individualCodesField.value = currentCodes.join('\n');
-                }
-            }
-        }, 'Scanner läuft...', (msg) => { document.getElementById('code4-scan-status').textContent = msg; });
-    }
-
-    document.addEventListener('DOMContentLoaded', function() {
-        const scanCodeBtn = document.getElementById('scan-code4-btn');
-        if (scanCodeBtn) scanCodeBtn.addEventListener('click', startCode4Scanner);
-    });
-
-    function validateCodeField(input, excludeId) {
-        const code = input.value.trim();
-        if (!code) return;
-        const currentId = excludeId || getItemId();
-
-        fetch(`/check_code_unique/${encodeURIComponent(code)}?exclude_id=${currentId}`)
-            .then(res => res.json())
-            .then(data => {
-                if (data.is_unique) {
-                    input.classList.remove('is-invalid'); input.classList.add('is-valid');
-                } else {
-                    input.classList.remove('is-valid'); input.classList.add('is-invalid');
-                    alert(`Der Code "${code}" wird bereits verwendet!`);
-                }
-            });
-    }
-
-    function loadLocationOptions() {
-        fetch('/get_predefined_locations')
-            .then(res => res.json())
-            .then(data => {
-                const select = document.getElementById('ort');
-                if (!select) return;
-                const currentVal = select.dataset.currentValue || '';
-                while (select.children.length > 1) select.removeChild(select.lastChild);
-
-                data.locations.forEach(loc => {
-                    const opt = document.createElement('option');
-                    opt.value = loc; opt.textContent = loc;
-                    if (currentVal && loc === currentVal) opt.selected = true;
-                    select.appendChild(opt);
-                });
-            });
-    }
-
-    function addNewLocation() {
-        const input = document.getElementById('new-location-input');
-        if (!input.value.trim()) return;
-        const select = document.getElementById('ort');
-        const opt = document.createElement('option');
-        opt.value = input.value.trim(); opt.textContent = input.value.trim(); opt.selected = true;
-        select.appendChild(opt);
-        cancelAddLocation();
-    }
-
-    function cancelAddLocation() {
-        document.getElementById('new-location-container').style.display = 'none';
-        document.getElementById('new-location-input').value = '';
-    }
-
-    document.addEventListener('DOMContentLoaded', function() {
-        loadLocationOptions();
-
-        const scanCodeBtn = document.getElementById('scan-code4-btn');
-        if (scanCodeBtn) scanCodeBtn.addEventListener('click', startCode4Scanner);
-
-        const addLocBtn = document.getElementById('add-new-location-btn');
-        if (addLocBtn) addLocBtn.addEventListener('click', () => {
-            const container = document.getElementById('new-location-container');
-            container.style.display = container.style.display === 'none' ? 'block' : 'none';
-        });
-
-        const codeField = document.getElementById('code_4');
-        if (codeField) codeField.addEventListener('blur', function() { validateCodeField(this, getItemId()); });
-    });
-</script>
-
-{% endblock %}
\ No newline at end of file
diff --git a/Web/templates/library.html b/Web/templates/library.html
deleted file mode 100644
index 4442ecf..0000000
--- a/Web/templates/library.html
+++ /dev/null
@@ -1,752 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}Bibliothek - {{ APP_VERSION }}{% endblock %}
-
-{% block content %}
-<div class="content-container">
-    <!-- Header Section -->
-    <div class="header-section">
-        <div class="header-title-group">
-            <h1>📚 Bibliothek</h1>
-            <p class="subtitle">Bücher, CDs und weitere Medien</p>
-        </div>
-    </div>
-
-    <!-- Search & Filter Section -->
-    <div class="search-filter-section">
-        <input type="text" id="searchInput" placeholder="Nach Titel, Autor, ISBN suchen..." class="search-input">
-        
-        <div class="filter-group" id="filterGroup">
-            <button class="filter-btn" id="filterBtn" aria-expanded="false" aria-label="Filter öffnen">
-                🔍 Filter <span class="filter-arrow">▼</span>
-            </button>
-            <div class="filter-dropdown" id="filterDropdown" style="display: none;">
-                <div class="filter-section">
-                    <h4>Medientyp</h4>
-                    <div class="filter-options">
-                        <label><input type="checkbox" class="filter-checkbox" data-filter="type" value="book"> Buch</label>
-                        <label><input type="checkbox" class="filter-checkbox" data-filter="type" value="cd"> CD/DVD</label>
-                        <label><input type="checkbox" class="filter-checkbox" data-filter="type" value="other"> Sonstige</label>
-                    </div>
-                </div>
-                <div class="filter-section">
-                    <h4>Status</h4>
-                    <div class="filter-options">
-                        <label><input type="checkbox" class="filter-checkbox" data-filter="status" value="available"> Verfügbar</label>
-                        <label><input type="checkbox" class="filter-checkbox" data-filter="status" value="borrowed"> Ausgeliehen</label>
-                        <label><input type="checkbox" class="filter-checkbox" data-filter="status" value="reserved"> Reserviert</label>
-                    </div>
-                </div>
-                <button id="clearFiltersBtn" class="button">Filter zurücksetzen</button>
-            </div>
-        </div>
-
-        <!-- Barcode Scanner -->
-        <button id="scannerBtn" class="scan-button" aria-expanded="false" aria-label="Scanner öffnen">
-            📱 Scanner <span class="scanner-arrow">▼</span>
-        </button>
-    </div>
-
-    <!-- Scanner Panel -->
-    <div id="qrContainer" class="qr-container" style="display: none;">
-        <div id="qr-reader" style="width: auto; height: 300px;"></div>
-        <span id="qr-result" style="display: none;"></span>
-    </div>
-
-    <!-- Table Header (only in table mode) -->
-    <div class="library-table-wrapper">
-    <div class="table-header" id="tableHeader" style="display: none;">
-        <div class="table-row">
-            <div class="table-cell title-cell">Titel</div>
-            <div class="table-cell author-cell">Autor/Künstler</div>
-            <div class="table-cell isbn-cell">ISBN/Code</div>
-            <div class="table-cell type-cell">Typ</div>
-            <div class="table-cell status-cell">Status</div>
-            <div class="table-cell actions-cell">Aktionen</div>
-        </div>
-    </div>
-
-    <!-- Items Container -->
-    <div id="itemsContainer" class="items-container">
-        {% if library_items %}
-            {% for item in library_items %}
-                <div class="item-card library-item" data-item-id="{{ item._id }}" data-type="{{ item.get('ItemType', 'book') }}" data-status="{{ 'borrowed' if item.get('Verfuegbar') == False else 'available' }}">
-                    <!-- Card Mode View -->
-                    <div class="item-content card-mode">
-                        <div class="item-image-wrapper">
-                            {% if item.get('Image') %}
-                                <img src="/uploads/{{ item.Image }}" alt="{{ item.Name }}" class="item-image">
-                            {% else %}
-                                <div class="placeholder-image">📚</div>
-                            {% endif %}
-                        </div>
-                        
-                        <div class="item-details">
-                            <h3 class="item-name">{{ item.Name }}</h3>
-                            
-                            {% if item.get('Author') %}
-                                <p class="item-author">Von: {{ item.Author }}</p>
-                            {% endif %}
-                            
-                            {% if item.get('ISBN') %}
-                                <p class="item-isbn">ISBN: {{ item.ISBN }}</p>
-                            {% endif %}
-                            
-                            <div class="item-meta">
-                                <span class="item-type">{{ item.get('ItemType', 'Medium') }}</span>
-                                <span class="item-status {% if item.get('Verfuegbar') == False %}borrowed{% else %}available{% endif %}">
-                                    {% if item.get('Verfuegbar') == False %}Ausgeliehen{% else %}Verfügbar{% endif %}
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Table Mode View -->
-                    <div class="item-content table-mode" style="display: none;">
-                        <div class="table-row">
-                            <div class="table-cell title-cell">
-                                <span class="descriptor">Titel:</span>
-                                <span class="value">{{ item.Name }}</span>
-                            </div>
-                            <div class="table-cell author-cell">
-                                <span class="descriptor">Autor:</span>
-                                <span class="value">{{ item.get('Author', '—') }}</span>
-                            </div>
-                            <div class="table-cell isbn-cell">
-                                <span class="descriptor">ISBN:</span>
-                                <span class="value">{{ item.get('ISBN', '—') }}</span>
-                            </div>
-                            <div class="table-cell type-cell">
-                                <span class="descriptor">Typ:</span>
-                                <span class="value">{{ item.get('ItemType', 'Medium') }}</span>
-                            </div>
-                            <div class="table-cell status-cell">
-                                <span class="descriptor">Status:</span>
-                                <span class="value {% if item.get('Verfuegbar') == False %}borrowed{% else %}available{% endif %}">
-                                    {% if item.get('Verfuegbar') == False %}Ausgeliehen{% else %}Verfügbar{% endif %}
-                                </span>
-                            </div>
-                            <div class="table-cell actions-cell">
-                                <button class="action-button details-btn" data-item-id="{{ item._id }}">Details</button>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Action Buttons (Card Mode) -->
-                    <div class="item-actions card-mode" style="display: flex;">
-                        <button class="action-button details-btn" data-item-id="{{ item._id }}">Details</button>
-                        {% if item.get('Verfuegbar') == True %}
-                            <button class="action-button borrow-btn" data-item-id="{{ item._id }}">Ausleihen</button>
-                        {% else %}
-                            <button class="action-button return-btn" data-item-id="{{ item._id }}" disabled>Ausgeliehen</button>
-                        {% endif %}
-                    </div>
-                </div>
-            {% endfor %}
-        {% else %}
-            <div class="empty-state">
-                <p>Keine Bibliotheks-Medien gefunden</p>
-            </div>
-        {% endif %}
-    </div>
-    </div>
-</div>
-
-<!-- Detail Modal -->
-<div id="detailModal" class="modal" style="display: none;">
-    <div class="modal-content">
-        <button class="modal-close" aria-label="Schließen">✕</button>
-        
-        <div class="modal-body" id="modalBody">
-            <!-- Filled by JavaScript -->
-        </div>
-    </div>
-</div>
-
-<!-- Borrow Modal -->
-<div id="borrowModal" class="modal" style="display: none;">
-    <div class="modal-content">
-        <h2>Ausleihen</h2>
-        <form id="borrowForm">
-            <input type="hidden" id="borrowItemId" name="item_id">
-            
-            <div class="form-group">
-                <label for="studentIdInput">Schülerausweis-ID (optional):</label>
-                <input type="text" id="studentIdInput" name="student_id" placeholder="Ausweis scannen oder eingeben" class="form-input">
-            </div>
-            
-            <div class="form-group">
-                <label for="borrowDaysInput">Ausleih-Dauer (Tage):</label>
-                <input type="number" id="borrowDaysInput" name="borrow_days" min="1" max="365" class="form-input" value="14">
-            </div>
-            
-            <div class="form-actions">
-                <button type="submit" class="button primary-button">Ausleihen</button>
-                <button type="button" class="button cancel-button" onclick="document.getElementById('borrowModal').style.display='none'">Abbrechen</button>
-            </div>
-        </form>
-    </div>
-</div>
-<script src="https://cdn.jsdelivr.net/npm/@ericblade/quagga2/dist/quagga.js"></script>
-<script>
-// View mode persistence
-const LIBRARY_VIEW_MODE_KEY = 'inventarLibraryViewMode';
-const MOBILE_LIBRARY_MAX_WIDTH = 900;
-const MOBILE_LIBRARY_MIN_ITEMS = 24;
-
-function isMobileViewport() {
-    return window.matchMedia(`(max-width: ${MOBILE_LIBRARY_MAX_WIDTH}px)`).matches;
-}
-
-function setViewMode(mode) {
-    localStorage.setItem(LIBRARY_VIEW_MODE_KEY, mode);
-    const container = document.getElementById('itemsContainer');
-    const tableHeader = document.getElementById('tableHeader');
-    const renderedItems = Array.from(container.querySelectorAll('.item-card'));
-    const virtualizationState = window.mobileLibraryVirtualizationState || null;
-    const detachedItems = virtualizationState && virtualizationState.active && Array.isArray(virtualizationState.items)
-        ? virtualizationState.items.filter(item => !container.contains(item))
-        : [];
-    const items = [...renderedItems, ...detachedItems.filter(item => !container.contains(item))];
-    
-    items.forEach(item => {
-        const cardContent = item.querySelector('.item-content.card-mode');
-        const cardActions = item.querySelector('.item-actions.card-mode');
-        const tableContent = item.querySelector('.item-content.table-mode');
-        
-        if (mode === 'table') {
-            if (cardContent) cardContent.style.display = 'none';
-            if (cardActions) cardActions.style.display = 'none';
-            if (tableContent) tableContent.style.display = 'block';
-        } else {
-            if (cardContent) cardContent.style.display = 'flex';
-            if (cardActions) cardActions.style.display = 'flex';
-            if (tableContent) tableContent.style.display = 'none';
-        }
-    });
-    
-    tableHeader.style.display = mode === 'table' ? 'block' : 'none';
-    
-    document.getElementById('viewModeToggle').classList.toggle('open', mode === 'table');
-}
-
-function initMobileWindowedLibraryLoading() {
-    const container = document.getElementById('itemsContainer');
-    if (!container) {
-        return;
-    }
-
-    if (!window.mobileLibraryVirtualizationState) {
-        window.mobileLibraryVirtualizationState = {
-            active: false,
-            items: [],
-            topSpacer: null,
-            bottomSpacer: null,
-            averageItemHeight: Math.max(Math.round(window.innerHeight * 0.35), 230),
-            lastStart: -1,
-            lastEnd: -1,
-            framePending: false,
-            scrollListener: null,
-            resizeListener: null,
-            initialized: false
-        };
-    }
-    const state = window.mobileLibraryVirtualizationState;
-
-    function restoreAllImages() {
-        state.items.forEach(item => {
-            const image = item.querySelector('img.item-image');
-            if (!image) {
-                return;
-            }
-
-            const originalSrc = image.dataset.mobileSrc || '';
-            if (!image.getAttribute('src') && originalSrc) {
-                image.setAttribute('src', originalSrc);
-            }
-        });
-    }
-
-    function updateImageMemory(startIndex, endIndex) {
-        const imageBuffer = 4;
-        state.items.forEach((item, index) => {
-            const image = item.querySelector('img.item-image');
-            if (!image) {
-                return;
-            }
-
-            if (!image.dataset.mobileSrc) {
-                image.dataset.mobileSrc = image.getAttribute('src') || '';
-            }
-            image.loading = 'lazy';
-            image.decoding = 'async';
-
-            const shouldKeepLoaded = index >= startIndex - imageBuffer && index < endIndex + imageBuffer;
-            if (shouldKeepLoaded) {
-                if (!image.getAttribute('src') && image.dataset.mobileSrc) {
-                    image.setAttribute('src', image.dataset.mobileSrc);
-                }
-                return;
-            }
-
-            if (image.getAttribute('src')) {
-                image.removeAttribute('src');
-            }
-        });
-    }
-
-    function renderVisibleWindow() {
-        if (!state.active || !state.topSpacer || !state.bottomSpacer) {
-            return;
-        }
-
-        const viewportHeight = window.innerHeight || 800;
-        const scrollTop = window.scrollY || window.pageYOffset || 0;
-        const renderBuffer = viewportHeight * 1.5;
-
-        let startIndex = Math.max(0, Math.floor((scrollTop - renderBuffer) / state.averageItemHeight));
-        let endIndex = Math.min(state.items.length, Math.ceil((scrollTop + viewportHeight + renderBuffer) / state.averageItemHeight));
-
-        if (endIndex - startIndex < 14) {
-            endIndex = Math.min(state.items.length, startIndex + 14);
-        }
-
-        if (startIndex === state.lastStart && endIndex === state.lastEnd) {
-            return;
-        }
-
-        state.lastStart = startIndex;
-        state.lastEnd = endIndex;
-
-        while (state.topSpacer.nextSibling && state.topSpacer.nextSibling !== state.bottomSpacer) {
-            state.topSpacer.nextSibling.remove();
-        }
-
-        const fragment = document.createDocumentFragment();
-        for (let index = startIndex; index < endIndex; index += 1) {
-            fragment.appendChild(state.items[index]);
-        }
-        container.insertBefore(fragment, state.bottomSpacer);
-
-        let measuredHeightSum = 0;
-        let measuredCount = 0;
-        for (let index = startIndex; index < endIndex; index += 1) {
-            const height = state.items[index].getBoundingClientRect().height;
-            if (height > 0) {
-                measuredHeightSum += height;
-                measuredCount += 1;
-            }
-        }
-
-        if (measuredCount > 0) {
-            const measuredAverage = measuredHeightSum / measuredCount;
-            state.averageItemHeight = Math.round((state.averageItemHeight * 3 + measuredAverage) / 4);
-        }
-
-        state.topSpacer.style.height = `${Math.max(0, startIndex * state.averageItemHeight)}px`;
-        state.bottomSpacer.style.height = `${Math.max(0, (state.items.length - endIndex) * state.averageItemHeight)}px`;
-        updateImageMemory(startIndex, endIndex);
-    }
-
-    function scheduleWindowRender() {
-        if (!state.active || state.framePending) {
-            return;
-        }
-        state.framePending = true;
-        requestAnimationFrame(() => {
-            state.framePending = false;
-            renderVisibleWindow();
-        });
-    }
-
-    function activateVirtualization() {
-        if (state.active) {
-            return;
-        }
-
-        if (!Array.isArray(state.items) || state.items.length === 0) {
-            state.items = Array.from(container.querySelectorAll('.library-item'));
-        }
-        if (state.items.length <= MOBILE_LIBRARY_MIN_ITEMS) {
-            return;
-        }
-
-        state.topSpacer = document.createElement('div');
-        state.topSpacer.className = 'mobile-window-spacer top';
-        state.bottomSpacer = document.createElement('div');
-        state.bottomSpacer.className = 'mobile-window-spacer bottom';
-
-        state.items.forEach(item => item.remove());
-        container.appendChild(state.topSpacer);
-        container.appendChild(state.bottomSpacer);
-
-        state.lastStart = -1;
-        state.lastEnd = -1;
-        state.framePending = false;
-        state.active = true;
-
-        if (!state.scrollListener) {
-            state.scrollListener = () => scheduleWindowRender();
-            window.addEventListener('scroll', state.scrollListener, { passive: true });
-        }
-
-        scheduleWindowRender();
-    }
-
-    function deactivateVirtualization() {
-        if (!state.active) {
-            if (!Array.isArray(state.items) || state.items.length === 0) {
-                state.items = Array.from(container.querySelectorAll('.library-item'));
-            }
-            return;
-        }
-
-        if (state.scrollListener) {
-            window.removeEventListener('scroll', state.scrollListener);
-            state.scrollListener = null;
-        }
-
-        if (state.topSpacer && state.topSpacer.parentNode === container) {
-            state.topSpacer.remove();
-        }
-        if (state.bottomSpacer && state.bottomSpacer.parentNode === container) {
-            state.bottomSpacer.remove();
-        }
-
-        const fragment = document.createDocumentFragment();
-        state.items.forEach(item => fragment.appendChild(item));
-        container.appendChild(fragment);
-
-        restoreAllImages();
-
-        state.topSpacer = null;
-        state.bottomSpacer = null;
-        state.lastStart = -1;
-        state.lastEnd = -1;
-        state.framePending = false;
-        state.active = false;
-
-        const currentMode = localStorage.getItem(LIBRARY_VIEW_MODE_KEY) || 'card';
-        setViewMode(currentMode);
-    }
-
-    function syncVirtualizationWithViewport() {
-        if (!Array.isArray(state.items) || state.items.length === 0) {
-            state.items = Array.from(container.querySelectorAll('.library-item'));
-        }
-
-        const shouldVirtualize = isMobileViewport() && state.items.length > MOBILE_LIBRARY_MIN_ITEMS;
-        if (shouldVirtualize) {
-            activateVirtualization();
-            scheduleWindowRender();
-        } else {
-            deactivateVirtualization();
-        }
-    }
-
-    if (!state.initialized) {
-        state.resizeListener = () => syncVirtualizationWithViewport();
-        window.addEventListener('resize', state.resizeListener, { passive: true });
-        state.initialized = true;
-    }
-
-    syncVirtualizationWithViewport();
-}
-
-// Initialize view mode
-document.addEventListener('DOMContentLoaded', function() {
-    const savedMode = localStorage.getItem(LIBRARY_VIEW_MODE_KEY) || 'card';
-    setViewMode(savedMode);
-    
-    document.getElementById('viewModeToggle').addEventListener('click', function() {
-        const currentMode = localStorage.getItem(LIBRARY_VIEW_MODE_KEY) || 'card';
-        const newMode = currentMode === 'card' ? 'table' : 'card';
-        setViewMode(newMode);
-    });
-    
-    // Details button handlers
-    document.querySelectorAll('.details-btn').forEach(btn => {
-        btn.addEventListener('click', function(e) {
-            e.preventDefault();
-            const itemId = this.dataset.itemId;
-            fetch(`/get_item_details/${itemId}`)
-                .then(r => r.json())
-                .then(data => {
-                    if (data.success) {
-                        displayLibraryItemDetail(data.item);
-                        document.getElementById('detailModal').style.display = 'flex';
-                    }
-                });
-        });
-    });
-    
-    // Borrow button handlers
-    document.querySelectorAll('.borrow-btn').forEach(btn => {
-        btn.addEventListener('click', function() {
-            document.getElementById('borrowItemId').value = this.dataset.itemId;
-            document.getElementById('borrowModal').style.display = 'flex';
-        });
-    });
-    
-    // Borrow form submit
-    document.getElementById('borrowForm').addEventListener('submit', function(e) {
-        e.preventDefault();
-        const itemId = document.getElementById('borrowItemId').value;
-        const studentId = document.getElementById('studentIdInput').value || null;
-        const borrowDays = document.getElementById('borrowDaysInput').value || 14;
-        
-        fetch('/borrow_item', {
-            method: 'POST',
-            headers: {'Content-Type': 'application/json'},
-            body: JSON.stringify({
-                item_id: itemId,
-                student_id: studentId,
-                borrow_days: borrowDays
-            })
-        })
-        .then(r => r.json())
-        .then(data => {
-            if (data.success) {
-                alert('Erfolgreich ausgeliehen!');
-                location.reload();
-            } else {
-                alert('Fehler: ' + data.message);
-            }
-        });
-    });
-    
-    // Modal close handlers
-    document.querySelectorAll('.modal-close').forEach(btn => {
-        btn.addEventListener('click', function() {
-            this.closest('.modal').style.display = 'none';
-        });
-    });
-    
-    // Close modals on outside click
-    document.querySelectorAll('.modal').forEach(modal => {
-        modal.addEventListener('click', function(e) {
-            if (e.target === this) this.style.display = 'none';
-        });
-    });
-
-    initMobileWindowedLibraryLoading();
-});
-
-function displayLibraryItemDetail(item) {
-    const modalBody = document.getElementById('modalBody');
-    const returnBtn = item.Verfuegbar === false ? `<button class="action-button return-btn" onclick="returnItem('${item._id}')">Zurückgeben</button>` : '';
-    const borrowBtn = item.Verfuegbar === true ? `<button class="action-button borrow-btn" onclick="openBorrowModal('${item._id}')">Ausleihen</button>` : '';
-    
-    modalBody.innerHTML = `
-        <h2>${item.Name}</h2>
-        <div class="detail-content">
-            ${item.Image ? `<img src="/uploads/${item.Image}" alt="${item.Name}" style="max-width: 200px; margin-bottom: 20px;">` : ''}
-            <p><strong>Autor:</strong> ${item.Author || '—'}</p>
-            <p><strong>ISBN:</strong> ${item.ISBN || '—'}</p>
-            <p><strong>Typ:</strong> ${item.ItemType || 'Medium'}</p>
-            <p><strong>Status:</strong> ${item.Verfuegbar === false ? 'Ausgeliehen' : 'Verfügbar'}</p>
-            ${item.User ? `<p><strong>Ausgeliehen von:</strong> ${item.User}</p>` : ''}
-            ${item.Beschreibung ? `<p><strong>Beschreibung:</strong> ${item.Beschreibung}</p>` : ''}
-            <div class="modal-actions">
-                ${borrowBtn}
-                ${returnBtn}
-            </div>
-        </div>
-    `;
-}
-
-function openBorrowModal(itemId) {
-    document.getElementById('borrowItemId').value = itemId;
-    document.getElementById('borrowModal').style.display = 'flex';
-    document.getElementById('detailModal').style.display = 'none';
-}
-
-function returnItem(itemId) {
-    if (confirm('Wirklich zurückgeben?')) {
-        fetch('/return_item', {
-            method: 'POST',
-            headers: {'Content-Type': 'application/json'},
-            body: JSON.stringify({item_id: itemId})
-        })
-        .then(r => r.json())
-        .then(data => {
-            if (data.success) {
-                alert('Erfolgreich zurückgegeben!');
-                location.reload();
-            }
-        });
-    }
-}
-
-// Filter dropdown toggle with auto-close
-function closeAllFilters() {
-    document.querySelectorAll('.filter-dropdown').forEach(d => d.style.display = 'none');
-    document.getElementById('filterBtn').setAttribute('aria-expanded', 'false');
-    document.getElementById('filterBtn').classList.remove('open');
-}
-
-document.getElementById('filterBtn').addEventListener('click', function(e) {
-    e.stopPropagation();
-    const dropdown = document.getElementById('filterDropdown');
-    const isOpen = dropdown.style.display !== 'none';
-    closeAllFilters();
-    if (!isOpen) {
-        dropdown.style.display = 'block';
-        this.setAttribute('aria-expanded', 'true');
-        this.classList.add('open');
-    }
-});
-
-document.addEventListener('click', closeAllFilters);
-document.getElementById('filterDropdown').addEventListener('click', e => e.stopPropagation());
-
-// Clear filters
-document.getElementById('clearFiltersBtn').addEventListener('click', function() {
-    document.querySelectorAll('.filter-checkbox').forEach(c => c.checked = false);
-    closeAllFilters();
-});
-
-// Scanner toggle
-// Scanner state tracking
-let isScanning = false; 
-
-document.getElementById('scannerBtn').addEventListener('click', function(e) {
-    e.stopPropagation();
-    const container = document.getElementById('qrContainer');
-    const isOpen = container.style.display !== 'none';
-    const btn = this;
-    
-    if (isOpen) {
-        // Close the scanner
-        container.style.display = 'none';
-        Quagga.stop();
-        isScanning = false;
-        
-        btn.classList.remove('open');
-        btn.setAttribute('aria-expanded', 'false');
-    } else {
-        // Open the scanner
-        container.style.display = 'block';
-        btn.classList.add('open');
-        btn.setAttribute('aria-expanded', 'true');
-        
-        Quagga.init({
-            inputStream: {
-                name: "Live",
-                type: "LiveStream",
-                // Targets the element where the video stream will inject
-                target: document.querySelector('#qr-reader'), 
-                constraints: {
-                    width: 640,
-                    height: 480,
-                    facingMode: "environment" // Forces back camera
-                },
-            },
-            decoder: {
-                // Optimized for 1D barcodes (e.g., student IDs, member cards)
-                readers: ["code_128_reader", "ean_reader", "code_39_reader", "upc_reader"]
-            } 
-        }, function(err) {
-            if (err) {
-                console.error("Initialization error:", err);
-                alert("Kamera konnte nicht gestartet werden.");
-                return;
-            }
-            Quagga.start();
-            isScanning = true;
-        });
-    }
-});
-
-// Single Quagga event listener for successful scans
-Quagga.onDetected(function(data) {
-    const decodedText = data.codeResult.code;
-    const studentId = String(decodedText || '').trim();
-    
-    // Stop scanning immediately to prevent multiple triggers
-    Quagga.stop();
-    isScanning = false;
-    
-    // Reset UI states to closed
-    const container = document.getElementById('qrContainer');
-    const btn = document.getElementById('scannerBtn');
-    if (container) container.style.display = 'none';
-    if (btn) {
-        btn.classList.remove('open');
-        btn.setAttribute('aria-expanded', 'false');
-    }
-    
-    // Route the scanned data to your input
-    document.getElementById('studentIdInput').value = studentId;
-    alert('Ausweis gescannt: ' + studentId);
-});
-</script>
-
-<style>
-.library-item .item-image-wrapper {
-    width: 120px;
-    height: 160px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    border-radius: 8px;
-    overflow: hidden;
-    flex-shrink: 0;
-}
-
-.library-item .placeholder-image {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 48px;
-    color: white;
-}
-
-.library-item .item-author {
-    font-size: 0.9rem;
-    color: #666;
-    margin: 4px 0;
-}
-
-.library-item .item-isbn {
-    font-size: 0.85rem;
-    color: #999;
-    font-family: monospace;
-    margin: 4px 0;
-}
-
-.library-item .item-type {
-    display: inline-block;
-    background: #e8f0fe;
-    color: #1967d2;
-    padding: 2px 8px;
-    border-radius: 4px;
-    font-size: 0.8rem;
-}
-
-.library-item .item-status.available {
-    background: #e6f4ea;
-    color: #137333;
-}
-
-.library-item .item-status.borrowed {
-    background: #fce8e6;
-    color: #b3261e;
-}
-
-/* Mobile: allow horizontal scrolling for table-mode views */
-@media (max-width: 900px) {
-    .library-table-wrapper {
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch;
-        width: 100%;
-    }
-    .library-table-wrapper .table-row {
-        min-width: 720px; /* allow table to have intrinsic width and be scrolled */
-    }
-    .table-header, .item-content.table-mode {
-        display: block; /* keep rows stacked but allow horizontal scroll */
-    }
-}
-</style>
-{% endblock %}
diff --git a/Web/templates/library_table.html b/Web/templates/library_table.html
index a98be4a..7c1da5b 100644
--- a/Web/templates/library_table.html
+++ b/Web/templates/library_table.html
@@ -541,7 +541,7 @@
             <button id="manualReturnBtn" class="button" type="button" style="margin-left:6px; background:#10b981;color:white;">Rückgabe per Code</button>
         </div>
         <div id="scanStatus" class="library-scan-status">
-            Hinweis: Im Schnellmodus zuerst den Schülerausweis scannen, danach den Buch-/Mediencode.
+            Hinweis: Im Schnellmodus zuerst den Bibliotheksausweis scannen, danach den Buch-/Mediencode.
         </div>
         <div id="scanReaderWrap" class="library-scan-reader-wrap" style="display: none;">
             <div id="libraryQrReader" class="library-scan-reader">
@@ -1148,9 +1148,9 @@
         }
 
         const defaultCardId = activeStudentCardId || '';
-        const cardId = (window.prompt('Bitte Schülerausweis-ID eingeben:', defaultCardId) || '').trim().toUpperCase();
+        const cardId = (window.prompt('Bitte Bibliotheksausweis-ID eingeben:', defaultCardId) || '').trim().toUpperCase();
         if (!cardId) {
-            alert('Ausleihe abgebrochen: Für Bibliotheksmedien ist eine gültige Schülerausweis-ID erforderlich.');
+            alert('Ausleihe abgebrochen: Für Bibliotheksmedien ist eine gültige Bibliotheksausweis-ID erforderlich.');
             return;
         }
 
@@ -1361,7 +1361,7 @@
         if (modeSelect) {
             modeSelect.addEventListener('change', () => {
                 if (modeSelect.value === 'quick_toggle' && !activeStudentCardId) {
-                    setScanStatus('Schnellmodus: zuerst Schülerausweis scannen.', 'warn');
+                    setScanStatus('Schnellmodus: zuerst Bibliotheksausweis scannen.', 'warn');
                 } else if (modeSelect.value === 'card_only') {
                     setScanStatus('Nur Ausweis-Modus aktiv.', 'warn');
                 }
diff --git a/Web/templates/student_card_barcode_print.html b/Web/templates/student_card_barcode_print.html
index d1382f5..4d59b36 100644
--- a/Web/templates/student_card_barcode_print.html
+++ b/Web/templates/student_card_barcode_print.html
@@ -11,7 +11,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Schülerausweis - Barcode PDF Download</title>
+    <title>Bibliotheksausweis - Barcode PDF Download</title>
     <style>
         * {
             margin: 0;
@@ -123,7 +123,7 @@
 <body>
     <div class="container">
         <div class="icon">📇</div>
-        <h1>Schülerausweis-Download</h1>
+        <h1>Bibliotheksausweis-Download</h1>
         <p>Generieren Sie eine PDF mit Barcodes aller Bibliotheksausweise zum direkten Drucken</p>
 
         <div class="info-box">
diff --git a/Web/templates/student_cards_admin.html b/Web/templates/student_cards_admin.html
index 73a2ae5..6e77b79 100644
--- a/Web/templates/student_cards_admin.html
+++ b/Web/templates/student_cards_admin.html
@@ -249,7 +249,7 @@
 
     <!-- Add/Edit Form -->
     <div class="student-card-form">
-        <h2>{% if edit_mode %}Ausweis bearbeiten{% else %}Neuer Schülerausweis{% endif %}</h2>
+        <h2>{% if edit_mode %}Ausweis bearbeiten{% else %}Neuer Bibliotheksausweis{% endif %}</h2>
         
         <form method="POST" action="{{ url_for('student_cards_admin') }}">
             {% if edit_mode %}