<Section>
<Panel character="promi" mood="excited">
Willkommen in den **Kontext-Höhlen**! 🕳️ Hier entdecken wir die Magie der **Hintergrundinformationen**!
</Panel>
</Section>

<Section>
<Panel character="promi" mood="thinking">
Hast du jemals jemandem einen Witz erzählt, aber er hat nicht gelacht, weil er den Hintergrund nicht verstanden hat? Kontext ist wie jemandem die Vorgeschichte zu geben!
</Panel>
</Section>

<Section>
## Was ist Kontext?

**Kontext** sind die zusätzlichen Informationen, die der KI helfen, deine Anfrage besser zu verstehen.

Denke daran wie eine Geschichte erzählen - wenn du nur sagst "und dann hat er gewonnen!" weiß niemand, wer gewonnen hat, was er gewonnen hat, oder warum es wichtig ist!
</Section>

<Section>
## Sieh den Unterschied

<PromptVsMistake
  question="Welcher Prompt gibt besseren Kontext?"
  good="Ich schreibe eine Geburtstagskarte für meine 8-jährige Schwester, die Einhörner liebt. Kannst du mir helfen, eine kurze, lustige Nachricht zu schreiben?"
  bad="Schreibe eine Geburtstagsnachricht"
  explanation="Der erste Prompt sagt Promi, FÜR WEN es ist (8-jährige Schwester), WAS sie mag (Einhörner), und WELCHEN Stil du willst (kurz, lustig)!"
  promiMessage="Kontext hilft mir, die Situation zu verstehen und dir genau das zu geben, was du brauchst!"
/>
</Section>

<Section>
## Die Szene setzen

<PromptVsMistake
  question="Welcher Prompt setzt eine bessere Szene?"
  good="Ich bin ein 10-jähriger Schüler, der an einem Schulprojekt über Dinosaurier arbeitet. Kannst du erklären, was der T-Rex gefressen hat, mit einfachen Worten?"
  bad="Was hat der T-Rex gefressen?"
  explanation="Wenn du mir sagst, dass du 10 bist und es für die Schule ist, weiß ich, einfache Wörter zu verwenden und es lehrreich zu machen!"
  promiMessage="Wenn ich weiß, wem ich helfe und warum, kann ich meine Antworten perfekt anpassen!"
/>
</Section>

<Section>
## Übe Kontext zu setzen!

<MagicWords
  sentence="Ich bin ein ___ und brauche Hilfe mit ___. Kannst du es auf eine ___ Weise erklären?"
  blanks={[
    { hint: "👤 wer du bist", answers: ["Schüler", "Kind", "Anfänger", "junger Künstler", "neugieriger Lerner"] },
    { hint: "📚 was du brauchst", answers: ["Mathe-Hausaufgaben", "einem Wissenschaftsprojekt", "eine Geschichte schreiben", "zeichnen lernen", "den Weltraum verstehen"] },
    { hint: "✨ wie erklären", answers: ["einfache", "lustige", "schrittweise", "leicht verständliche", "kreative"] }
  ]}
  successMessage="Toller Kontext! Jetzt weiß die KI genau, wie sie dir helfen kann!"
/>
</Section>

<Section>
## Ausgezeichneter Start! 🎉

<Panel character="promi" mood="celebrating">
Du lernst, die Szene zu setzen! Denke daran: Mir Kontext zu geben hilft mir, deine Situation zu verstehen und dir bessere Antworten zu geben!
</Panel>

<LevelComplete 
  levelSlug="3-1-setting-the-scene" 
  stars={3}
  message="Du hast gelernt, wie Kontext der KI hilft, dich zu verstehen!"
/>
</Section>
