fix: Das Notizfeld sieht aus wie die anderen Felder, statt als winziges Kaestchen

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

web/src/styles.css

@@ -225,7 +225,7 @@ h2 { font-size: 0.95rem; font-weight: 650; margin: 0 0 var(--sp-3); letter-spaci
 
 /* ---------- Forms ---------- */
 label { display: block; margin-bottom: var(--sp-4); font-size: 0.8rem; color: var(--muted); font-weight: 580; }
-input, select {
+input, select, textarea {
   width: 100%; margin-top: 5px;
   padding: 8px 10px;
   border: 1px solid var(--border-strong);
@@ -234,11 +234,13 @@ input, select {
   background: var(--surface); color: var(--text);
   transition: border-color .12s, box-shadow .12s;
 }
-input:focus, select:focus {
+input:focus, select:focus, textarea:focus {
   outline: none; border-color: var(--accent);
   box-shadow: 0 0 0 3px var(--accent-soft);
 }
-input::placeholder { color: var(--muted); opacity: 0.7; }
+input::placeholder, textarea::placeholder { color: var(--muted); opacity: 0.7; }
+/* Nur in der Hoehe ziehbar: seitwaerts sprengte das Feld den Dialog. */
+textarea { resize: vertical; min-height: 4.5em; line-height: 1.45; }
 /* Ankreuzfelder sind keine Textfelder: die Regel oben (width:100%, margin-top)
    zoege sie sonst ueber die volle Breite, das Haekchen landete in der Mitte und
    der Text daneben ganz rechts. Hier zentral ausgenommen, damit das nicht an