diff --git a/srv/poe_manager/templates/index.html b/srv/poe_manager/templates/index.html
index f68abab..1de5c6f 100644
--- a/srv/poe_manager/templates/index.html
+++ b/srv/poe_manager/templates/index.html
@@ -10,29 +10,19 @@
 <div class="row row-cols-1 row-cols-md-6 g-3">
     {% for d in devices %}
     <div class="col">
-        <div class="card text-center p-2">
-            <div class="card-header">{{ d[1] }}</div> <!-- Name -->
+        <div class="card text-center p-2"
+             {% if last_seen[d[0]] %} title="{{ last_seen[d[0]][0] }}&#10;{{ last_seen[d[0]][1] }}" {% endif %}>
+            <div class="card-header">{{ d[1] }}</div>
             <div class="card-body">
                 <span class="fw-bold" style="color: 
                     {% if d[2] == 0 %}gray
                     {% elif status[d[0]] == 'online' %}green
-                    {% elif status[d[0]] == 'offline' %}red
-                    {% else %}black
+                    {% else %}red
                     {% endif %};">
                     {% if d[2] == 0 %}
                         Deaktiviert
                     {% else %}
-                        {% if status[d[0]] == 'online' %}
-                            Online
-                        {% elif status[d[0]] == 'offline' %}
-                            Offline<br>
-                            {% if last_seen[d[0]] %}
-                                {{ last_seen[d[0]][0] }}<br>
-                                {{ last_seen[d[0]][1] }}
-                            {% endif %}
-                        {% else %}
-                            Unbekannt
-                        {% endif %}
+                        {% if status[d[0]] %}{{ status[d[0]]|capitalize }}{% else %}Unbekannt{% endif %}
                     {% endif %}
                 </span>
             </div>
@@ -41,6 +31,7 @@
     {% endfor %}
 </div>
 
+
 <script>
 document.addEventListener("DOMContentLoaded", () => {
     const intervalMinutes = {{ interval | int }}; // aus DB