From e6638b737da464b7eb00720069913892d1e62e06 Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Tue, 18 Mar 2025 09:08:53 +0100
Subject: [PATCH] =?UTF-8?q?Logo=20im=20oberen=20Bereich=20der=20App=20zent?=
 =?UTF-8?q?riert=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/index.html | 93 +++++++++++++++++++++++---------------------
 1 file changed, 49 insertions(+), 44 deletions(-)
diff --git a/templates/index.html b/templates/index.html
index 6d44de7..21baa9e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -187,56 +187,61 @@
 </head>
 <body>
     <div class="main-content">
-        <div class="container search-container">
-            <h1 class="text-center mb-4">medisoftware Kundensuche</h1>
-            
-            <div class="input-group mb-4 position-relative">
-                <input type="text" id="searchInput" class="form-control form-control-lg" 
-                       placeholder="Allgemeine Suche...">
-                <i class="fa-solid fa-xmark reset-icon" id="searchReset"></i>
-                <span class="search-icon">🔍</span>
+        <div class="container">
+            <div class="text-center mb-4">
+                <img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid" style="max-width: 200px;">
             </div>
+            <div class="search-container">
+                <h1 class="text-center mb-4">medisoftware Kundensuche</h1>
+                
+                <div class="input-group mb-4 position-relative">
+                    <input type="text" id="searchInput" class="form-control form-control-lg" 
+                           placeholder="Allgemeine Suche...">
+                    <i class="fa-solid fa-xmark reset-icon" id="searchReset"></i>
+                    <span class="search-icon">🔍</span>
+                </div>
 
-            <div class="search-fields">
-                <div class="search-field">
-                    <input type="text" id="nameInput" class="form-control" 
-                           placeholder="Name...">
-                    <i class="fa-solid fa-xmark reset-icon" id="nameReset"></i>
+                <div class="search-fields">
+                    <div class="search-field">
+                        <input type="text" id="nameInput" class="form-control" 
+                               placeholder="Name...">
+                        <i class="fa-solid fa-xmark reset-icon" id="nameReset"></i>
+                    </div>
+                    <div class="search-field">
+                        <input type="text" id="ortInput" class="form-control" 
+                               placeholder="Ort...">
+                        <i class="fa-solid fa-xmark reset-icon" id="ortReset"></i>
+                    </div>
+                    <div class="search-field">
+                        <input type="text" id="kundennummerInput" class="form-control" 
+                               placeholder="Kundennummer...">
+                        <i class="fa-solid fa-xmark reset-icon" id="kundennummerReset"></i>
+                    </div>
+                    <div class="search-field">
+                        <input type="text" id="fachrichtungInput" class="form-control" 
+                               placeholder="Fachrichtung...">
+                        <i class="fa-solid fa-xmark reset-icon" id="fachrichtungReset"></i>
+                    </div>
+                    <div class="search-field">
+                        <input type="text" id="telefonInput" class="form-control" 
+                               placeholder="Telefon...">
+                        <i class="fa-solid fa-xmark reset-icon" id="telefonReset"></i>
+                    </div>
                 </div>
-                <div class="search-field">
-                    <input type="text" id="ortInput" class="form-control" 
-                           placeholder="Ort...">
-                    <i class="fa-solid fa-xmark reset-icon" id="ortReset"></i>
-                </div>
-                <div class="search-field">
-                    <input type="text" id="kundennummerInput" class="form-control" 
-                           placeholder="Kundennummer...">
-                    <i class="fa-solid fa-xmark reset-icon" id="kundennummerReset"></i>
-                </div>
-                <div class="search-field">
-                    <input type="text" id="fachrichtungInput" class="form-control" 
-                           placeholder="Fachrichtung...">
-                    <i class="fa-solid fa-xmark reset-icon" id="fachrichtungReset"></i>
-                </div>
-                <div class="search-field">
-                    <input type="text" id="telefonInput" class="form-control" 
-                           placeholder="Telefon...">
-                    <i class="fa-solid fa-xmark reset-icon" id="telefonReset"></i>
-                </div>
-            </div>
 
-            <div class="result-counts">
-                <span id="generalCount" class="result-count"></span>
-            </div>
-
-            <div id="loading" class="loading">
-                <div class="spinner-border text-primary" role="status">
-                    <span class="visually-hidden">Laden...</span>
+                <div class="result-counts">
+                    <span id="generalCount" class="result-count"></span>
                 </div>
-            </div>
 
-            <div id="results" class="mt-4">
-                <!-- Hier werden die Suchergebnisse angezeigt -->
+                <div id="loading" class="loading">
+                    <div class="spinner-border text-primary" role="status">
+                        <span class="visually-hidden">Laden...</span>
+                    </div>
+                </div>
+
+                <div id="results" class="mt-4">
+                    <!-- Hier werden die Suchergebnisse angezeigt -->
+                </div>
             </div>
         </div>
     </div>
