docs: Entwickler-Kommentare in Templates und CSS hinzugefügt

static/css/styles.css

@@ -1,20 +1,121 @@
+/* 
+    medisoftware Kundensuche - Hauptstyles
+    Version: 1.2.19
+    Entwickler: medisoftware GmbH
+    Letzte Änderung: 2024-03-19
+*/
+
+/* Allgemeine Styles */
 body {
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     margin: 0;
     padding: 0;
+    background-color: #f8f9fa;
 }
 
+/* Hauptcontainer */
 .main-content {
     flex: 1 0 auto;
     padding: 2rem 0;
-    margin-bottom: 4rem; /* Platz für die fixierte Fußzeile */
+    margin-bottom: 4rem;
 }
 
+/* Suchcontainer */
 .search-container {
-    max-width: 800px;
+    background-color: white;
+    padding: 2rem;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+}
+
+/* Suchergebnisse */
+#searchResults {
+    margin-top: 2rem;
+}
+
+/* Kundenkarte */
+.customer-card {
+    background-color: white;
+    border-radius: 8px;
+    padding: 1.5rem;
+    margin-bottom: 1rem;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.customer-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+}
+
+/* Kundenname */
+.customer-name {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 0.5rem;
+}
+
+/* Kundeninformationen */
+.customer-info {
+    color: #666;
+    margin-bottom: 0.5rem;
+}
+
+/* Klickbare Links */
+.customer-info a {
+    color: #0d6efd;
+    text-decoration: none;
+}
+
+.customer-info a:hover {
+    text-decoration: underline;
+}
+
+/* Footer */
+.footer {
+    flex-shrink: 0;
+    text-align: center;
+    padding: 1rem;
+    background-color: #f8f9fa;
+    border-top: 1px solid #dee2e6;
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: 100;
+}
+
+.footer-content {
+    max-width: 1200px;
     margin: 0 auto;
+    padding: 0 1rem;
+}
+
+.footer-link {
+    color: #0d6efd;
+    text-decoration: none;
+}
+
+.footer-link:hover {
+    text-decoration: underline;
+}
+
+/* Responsive Anpassungen */
+@media (max-width: 768px) {
+    .main-content {
+        padding: 1rem 0;
+    }
+    
+    .search-container {
+        padding: 1rem;
+    }
+    
+    .customer-card {
+        padding: 1rem;
+    }
 }
 
 .result-card {
@@ -73,19 +174,6 @@ body {
     font-size: 0.9em;
 }
 
-.footer {
-    flex-shrink: 0;
-    text-align: center;
-    padding: 1rem;
-    background-color: #f8f9fa;
-    border-top: 1px solid #dee2e6;
-    width: 100%;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    z-index: 100;
-}
-
 .share-feedback {
     position: fixed;
     bottom: 20px;
@@ -209,14 +297,6 @@ body {
     font-size: 1.2em;
 }
 
-.customer-card {
-    background: white;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    margin-bottom: 1rem;
-    padding: 1rem;
-}
-
 .customer-header {
     display: flex;
     justify-content: space-between;
@@ -224,12 +304,6 @@ body {
     margin-bottom: 0.5rem;
 }
 
-.customer-name {
-    margin: 0;
-    font-size: 1.2rem;
-    color: #333;
-}
-
 .customer-actions {
     display: flex;
     align-items: center;
@@ -286,26 +360,6 @@ body {
     font-size: 0.875rem;
 }
 
-.footer-content {
-    padding: 1rem;
-    background-color: #f8f9fa;
-    border-top: 1px solid #dee2e6;
-    width: 100%;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    z-index: 100;
-}
-
-.footer-link {
-    color: #0d6efd;
-    text-decoration: none;
-}
-
-.footer-link:hover {
-    text-decoration: underline;
-}
-
 .general-search {
     max-width: 800px;
     margin: 0 auto;