Termine-Tab nur offene Termine, Spalten links, Formular 60% Breite

- Termine-Tab (/) zeigt in der Liste nur noch offene (nicht erledigte)
  Termine; Überschrift entsprechend "Offene Termine"
- Spalten Arzt, Fachrichtung und Bemerkungen linksbündig (Header + Zellen)
- Eingabe-Panel (AppointmentForm) auf 60% Breite reduziert und zentriert

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/page.tsx

@@ -126,6 +126,9 @@ export default function Home() {
 
   const handlePrint = () => window.print();
 
+  // Termine-Tab zeigt nur offene (nicht erledigte) Termine
+  const openAppointments = appointments.filter((a) => !a.erledigt);
+
   // Aktuelle (offene) Termine ab heute für die Druckansicht
   const startOfToday = new Date();
   startOfToday.setHours(0, 0, 0, 0);
@@ -156,12 +159,12 @@ export default function Home() {
           </div>
 
           <div className="bg-white border border-black rounded-lg shadow-md p-6">
-            <h2 className="text-xl font-semibold mb-4">Alle Termine</h2>
+            <h2 className="text-xl font-semibold mb-4">Offene Termine</h2>
             {isLoading ? (
               <div className="text-center py-4">Lade Daten...</div>
             ) : (
               <AppointmentList
-                appointments={appointments}
+                appointments={openAppointments}
                 onToggleDone={toggleDone}
                 onEdit={startEdit}
                 onDelete={setDeleteId}