feat: Verschluesselung waehlbar, dazu zwei Layout-Fehler

Verschluesselung: Bisher gab es nur den Schalter use_ssl – also implizites
TLS auf 993 oder gar nichts. STARTTLS auf 143 fehlte ganz, und das bieten
viele Anbieter an. Jetzt ein Feld mit drei Werten, der Port zieht bei der
Auswahl mit, und "keine" warnt, dass Zugangsdaten im Klartext gehen.

Layout: Die Postfach-Karte steht in einer schmalen Spalte; der waagerechte
Aufbau brach dort auf ein Wort je Zeile um und die Knoepfe lagen ueber dem
Titel. Jetzt gestapelt.

Die Einstellungsseite nutzte ein Raster, das die Karten zeilenweise
ausrichtet – die zweite Reihe begann erst unter der hoechsten Karte der
ersten, weshalb "Backup zurueckladen" allein weit unten stand. Jetzt
fliessen die Karten spaltenweise, und die Spalten sind breiter: vier
schmale Karten nebeneinander waren auf dem Notebook nicht lesbar.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/src/finance.css

@@ -284,13 +284,20 @@
   min-width: 0;
 }
 
-/* Einstellungen & Mein Konto: Karten in ein mehrspaltiges Raster (nutzt die
-   Bildschirmbreite besser als das bisherige Untereinander). */
+/* Einstellungen & Mein Konto: Karten fliessen spaltenweise.
+   Ein Raster richtet die Karten zeilenweise aus – die zweite Reihe beginnt erst
+   unter der HOECHSTEN Karte der ersten, was bei sehr unterschiedlich hohen
+   Karten ein grosses Loch hinterlaesst. Der Spaltenfluss stapelt stattdessen
+   weiter, sobald oben Platz frei wird. Die Spalten sind bewusst breit: vier
+   schmale Karten nebeneinander waren auf dem Notebook nicht mehr lesbar. */
 .settings-grid {
-  display: grid;
-  gap: var(--sp-4);
-  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-  align-items: start;
+  column-width: 380px;
+  column-gap: var(--sp-4);
+}
+.settings-grid > * {
+  break-inside: avoid;
+  margin-bottom: var(--sp-4);
+  width: 100%;
 }
 
 /* Nutzer-Chip in der Seitenleisten-Fußzeile ist ein Link auf „Mein Konto". */