Add favicon and apple-touch-icon to multiple HTML files; implement toast notification feature in app.js; update duration mode handling; enhance footer navigation and styling; create AGB and Mietbedingungen pages; improve Nginx configuration for HTML file handling; add logo images.

frontend/styles.css

@@ -97,6 +97,20 @@ section { padding: 5rem 0; }
 }
 .logo:hover { opacity: 0.85; }
 
+.logo-icon {
+    width: 2.3rem;
+    height: 2.3rem;
+    border-radius: 10px;
+    object-fit: cover;
+    box-shadow: 0 4px 12px rgba(196, 138, 66, 0.35);
+    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
+}
+
+.logo:hover .logo-icon {
+    transform: scale(1.04);
+    box-shadow: 0 6px 16px rgba(196, 138, 66, 0.55);
+}
+
 .logo-mark {
     display: grid;
     place-items: center;
@@ -760,6 +774,10 @@ select:focus, input:focus, textarea:focus {
     border-radius: 4px;
 }
 
+.footer-grid > div > a {
+    display: block;
+}
+
 .footer-bottom {
     border-top: 1px solid var(--line);
     padding-top: 1.8rem;
@@ -772,6 +790,30 @@ select:focus, input:focus, textarea:focus {
     gap: 1rem;
 }
 
+/* ----------------Toast Notification --------------- */
+.toast {
+    position: fixed;
+    bottom: 2rem;
+    left: 50%;
+    transform: translateX(-50%) translateY(200px);
+    background: var(--accent);
+    color: var(--bg-base);
+    padding: 1rem 2rem;
+    border-radius: 8px;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+    font-size: 0.95rem;
+    text-align: center;
+    max-width: 90%;
+    z-index: 9999;
+    transition: transform 0.3s ease;
+    pointer-events: none;
+}
+
+.toast.show {
+    transform: translateX(-50%) translateY(0);
+    pointer-events: auto;
+}
+
 /* ---------------- Dialog ---------------- */
 dialog {
     width: min(700px, 92vw);