Baustein 8: Lernzielkontrollen mit Freigabe, Abgabe und Korrektur

- Ausbilder gibt frei; vorher sieht der Azubi die Fragen nicht
- Freigabe laesst sich zuruecknehmen, solange nicht abgegeben wurde
- Antworten werden beim Tippen je Frage zwischengespeichert
- Musterloesungen erst nach dem Absenden: sichtbareKontrolle() entfernt sie
  serverseitig, bevor die Daten in die Ausgabe gelangen
- Korrektur mit Punkten und Anmerkung je Frage, Summe und Note laufen mit
- Notenschluessel der IHK; solange eine Frage offen ist, bleibt das Ergebnis
  vorlaeufig und die Kontrolle gilt nicht als korrigiert
- Ergebnis bei beiden sichtbar, Schnitt ueber alle Kontrollen
- Abgegebene Kontrollen unter "Was auf dich wartet" und im Wochenfortschritt
- scripts/pruefungen/musterloesung-dichtheit.mjs prueft die Sperre gegen den
  echten Wortlaut aus der Inhaltsdatei im rohen Seitenquelltext

36 neue Tests, davon 21 fuer die Sichtbarkeit der Musterloesung.
Insgesamt 277.

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

src/app/globals.css

@@ -1546,3 +1546,132 @@ textarea[aria-invalid="true"] { border-color: var(--fehler); }
 @media print {
   .tagesnotizen, .vorschlagsliste, .formulierungshilfe { display: none; }
 }
+
+/* --- Lernzielkontrollen --- */
+
+.kontrollliste { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.45rem; }
+
+.kontrollzeile {
+  display: flex;
+  align-items: center;
+  gap: 0.8rem;
+  flex-wrap: wrap;
+  background: var(--flaeche);
+  border: 1px solid var(--rand-zart);
+  border-radius: var(--radius);
+  padding: 0.7rem 0.9rem;
+  text-decoration: none;
+  color: var(--text);
+}
+a.kontrollzeile:hover { background: var(--flaeche-kraeftig); color: var(--text); }
+.kontrollzeile-gesperrt { opacity: 0.72; }
+.kontrollzeile-haupt {
+  display: flex;
+  align-items: center;
+  gap: 0.8rem;
+  flex: 1 1 260px;
+  text-decoration: none;
+  color: var(--text);
+}
+.kontrollzeile-haupt:hover { color: var(--petrol); }
+.kontroll-titel { flex: 1; font-weight: 650; }
+
+.kontroll-woche {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.15rem 0.6rem;
+  border-radius: var(--radius-klein);
+  background: var(--petrol);
+  color: var(--text-auf-petrol);
+  font-weight: 700;
+  font-size: 0.8rem;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.kontroll-woche-gross { font-size: 0.92rem; padding: 0.25rem 0.7rem; }
+
+.kontrolle-kopf {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+.speicherstand { font-variant-numeric: tabular-nums; }
+
+.note-anzeige {
+  display: grid;
+  place-items: center;
+  width: 2.6rem;
+  height: 2.6rem;
+  border-radius: var(--radius-klein);
+  background: var(--petrol);
+  color: var(--text-auf-petrol);
+  font-size: 1.5rem;
+  font-weight: 700;
+}
+.note-vorlaeufig { background: var(--flaeche-kraeftig); color: var(--text-leise); }
+
+.fragenliste { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; counter-reset: frage; }
+.fragenliste > li {
+  background: var(--grund);
+  border: 1px solid var(--rand);
+  border-radius: var(--radius);
+  padding: 0.9rem 1rem;
+}
+
+.frage-kopf {
+  display: grid;
+  grid-template-columns: 1.9rem 1fr auto;
+  gap: 0.6rem;
+  align-items: start;
+  margin-bottom: 0.6rem;
+}
+.frage-nummer {
+  display: grid;
+  place-items: center;
+  width: 1.9rem;
+  height: 1.9rem;
+  border-radius: 50%;
+  background: var(--petrol);
+  color: var(--text-auf-petrol);
+  font-weight: 700;
+  font-size: 0.9rem;
+}
+.frage-text { margin: 0; font-weight: 600; line-height: 1.45; padding-top: 0.2rem; }
+.frage-punkte {
+  white-space: nowrap;
+  font-size: 0.85rem;
+  color: var(--text-leise);
+  font-variant-numeric: tabular-nums;
+  padding-top: 0.3rem;
+}
+
+.korrektur-spalten {
+  display: grid;
+  gap: 0.8rem;
+  grid-template-columns: 1fr;
+}
+@media (min-width: 760px) {
+  .korrektur-spalten { grid-template-columns: 1fr 1fr; }
+}
+
+.musterloesung {
+  background: var(--gut-flaeche);
+  border-color: var(--gut);
+}
+
+.korrektur-bewertung {
+  display: flex;
+  gap: 0.75rem;
+  align-items: flex-end;
+  margin-top: 0.7rem;
+  flex-wrap: wrap;
+}
+.korrektur-bewertung input[type="number"] { width: 7rem; }
+
+.ergebnis-balken { display: grid; gap: 0.35rem; }
+
+@media print {
+  .kontrolle-kopf { position: static !important; }
+}