small tweaks

css/tweaks.css

@@ -194,21 +194,32 @@ body {
   white-space: nowrap;
 }
 
-
-.btn-pill i { font-size: 1rem; line-height: 1;   margin: 0 .5rem;  }
+.btn-pill i {
+  font-size: 1rem;
+  line-height: 1;
+  margin: 0 0.5rem;
+}
 .btn-pill span {
-  width: 0; opacity: 0; overflow: hidden; white-space: nowrap; margin-left: 0;
-  transition: width .18s ease, opacity .18s ease, margin-left .18s ease;
+  width: 0;
+  opacity: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  margin-left: 0;
+  transition: width 0.18s ease, opacity 0.18s ease, margin-left 0.18s ease;
 }
 
 /* Hover: Button wächst, Text klappt auf */
 .btn-pill:hover {
   width: auto;
   flex: 0 1 16rem;
-  padding: .5rem .8rem;
+  padding: 0.5rem 0.8rem;
   /* Keine Ausrichtung hier setzen – die Utility-Klasse bleibt wirksam */
 }
-.btn-pill:hover span { width: auto; opacity: 1; margin-left: .35rem; }
+.btn-pill:hover span {
+  width: auto;
+  opacity: 1;
+  margin-left: 0.35rem;
+}
 
 /* Fokus sichtbar (zugänglich) */
 .btn-pill:focus-visible {
@@ -216,6 +227,14 @@ body {
   outline-offset: 2px;
 }
 
+/* ================= Footer ================== */
+
+.icon-sm {
+  width: 24px; /* oder 24px, wenn du es etwas größer magst */
+  height: auto;
+  vertical-align: middle;
+}
+
 /* ============ Responsive Tweaks ============ */
 @media (max-width: 575.98px) {
   .card-body {