feat(quick-260329-u1d): add kindgerechte Erklaerung on forest screen

- Added forest__intro paragraph between title and greeting area in index.html
- Added .forest__intro CSS block with Nunito font, centered, pastel-style styling

index.html

@@ -30,6 +30,9 @@
 		<section id="screen-forest" class="screen">
 			<div class="forest">
 				<h1 class="forest__title">Dein Zauberwald</h1>
+				<p class="forest__intro">
+				  Willkommen in deinem Zauberwald! Waehle eine Stufe und uebe verschiedene Buchstaben auf der Tastatur. Jedes Mal, wenn du eine Uebung schaffst, waechst dein Wald — und ein neues Bild erscheint! Was wohl als Naechstes kommt?
+				</p>
 				<div id="forest-greeting" class="companion-area" style="display:none">
 					<img id="forest-greeting-avatar" class="companion-area__avatar" src="" alt="">
 					<p id="forest-greeting-text" class="companion-area__text"></p>

src/styles/main.css

@@ -187,6 +187,17 @@ h3 {
 	margin-bottom: 1.5rem;
 }
 
+.forest__intro {
+	font-family: "Nunito", sans-serif;
+	font-size: 1.1rem;
+	color: var(--text-dark);
+	text-align: center;
+	max-width: 480px;
+	line-height: 1.6;
+	margin: 0 auto 1.5rem;
+	opacity: 0.85;
+}
+
 .forest__level-map {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);