Ein Sonntag bei Oma - German Interactive Book</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgtitle>
<script src="/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgghost-assets/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgein-sonntag-bei-oma/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgein-sonntag-bei-oma.jpg"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgscript>
<link href="https:/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgcdnjs.cloudflare.com/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgajax/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglibs/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgfont-awesome/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg6.0.0/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgcss/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgall.min.css" rel="stylesheet">
<style>
@import url('https:/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgfonts.googleapis.com/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgcss2?family=Patrick+Hand&family=Roboto:wght@300;400;700&display=swap');
body {
font-family: 'Roboto', sans-serif;
background-color: #fdf6e3;
}
h1, h2, h3 {
font-family: 'Patrick Hand', cursive;
}
.chapter-card {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: transform 0.2s;
}
/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg* Quiz Styles */ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg
.quiz-option {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s;
}
.quiz-option:hover {
background-color: #fef3c7;
}
.correct-answer {
background-color: #d1fae5 !important;
color: #047857 !important;
font-weight: bold;
}
.incorrect-answer {
background-color: #fee2e2 !important;
color: #b91c1c !important;
}
/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg* Accordion Styling */ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg
details>summary {
list-style: none;
cursor: pointer;
}
details>summary::-webkit-details-marker {
display: none;
}
details[open] summary~* {
animation: sweep .3s ease-in-out;
}
@keyframes sweep {
0% { opacity: 0; transform: translateY(-10px) }
100% { opacity: 1; transform: translateY(0) }
}
.chevron { transition: transform 0.3s; }
details[open] .chevron { transform: rotate(180deg); }
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstyle>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpghead>
<body class="text-gray-800">
<div class="max-w-full mx-auto px-4 py-8 space-y-12">
<header class="text-center mb-12">
<h1 class="text-5xl text-orange-800 mb-2">Ein Sonntag bei Oma</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh1>
<p class="text-xl text-gray-600">A German Learning Story (Level A2)</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgheader>
<section id="chapter-1" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 1: Der Anruf</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-1', 1.0, 'btn-1-normal')" id="btn-1-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-1', 0.7, 'btn-1-slow')" id="btn-1-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-1" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Am Samstagmorgen klingelte mein Telefon. Es war meine Oma, Gerda. Sie hat eine sehr <strong>freundliche</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> Stimme. "Hallo! Hast du morgen Zeit?", fragte sie. "Ich möchte dich zum <strong>Kaffee und Kuchen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> einladen."</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>In Deutschland plant man Termine oft im Voraus. Man besucht niemanden <strong>spontan</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> ohne Anruf. "Ja, gerne, Oma!", antwortete ich. "Komm bitte <strong>pünktlich</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> um 15:00 Uhr", sagte sie. 15:00 Uhr ist die traditionelle Zeit für Kaffee. Ich schrieb den Termin sofort in meinen Kalender. <strong>Pünktlichkeit</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> ist sehr wichtig in meiner Familie.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
On Saturday morning, my phone rang. It was my grandma, Gerda. She has a very friendly voice. "Hello! Do you have time tomorrow?" she asked. "I would like to invite you for coffee and cake." In Germany, appointments are often planned in advance. You don't visit anyone spontaneously without a call. "Yes, gladly, Grandma!" I answered. "Please come punctually at 3:00 PM," she said. 3:00 PM is the traditional time for coffee. I wrote the appointment immediately in my calendar. Punctuality is very important in my family.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-1">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis (Comprehension)</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Die Oma rief am Sonntagmorgen an.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q1-1" value="f"> Falsch (False) <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q1-1" value="t"> Richtig (True)</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Wann soll der Besuch sein?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q1-2" value="a"> 12:00 Uhr</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q1-2" value="b"> 15:00 Uhr <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q1-2" value="c"> 18:00 Uhr</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. In Deutschland besucht man Leute oft ohne Anruf.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q1-3" value="f"> Falsch (False) <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q1-3" value="t"> Richtig (True)</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-1')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-2" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 2: Der Ruhetag</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-2', 1.0, 'btn-2-normal')" id="btn-2-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-2', 0.7, 'btn-2-slow')" id="btn-2-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-2" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Am Sonntagmorgen wachte ich auf. Es war sehr still in meiner Straße. In Deutschland ist der Sonntag ein "<strong>Ruhetag</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>". Das bedeutet, die meisten <strong>Geschäfte</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> sind geschlossen. Niemand arbeitet im Büro und die LKWs dürfen nicht auf der Autobahn fahren.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>Ich hörte keine Rasenmäher und keine laute Musik. Es ist <strong>verboten</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>, am Sonntag laut zu sein. Man darf auch keine Glasflaschen in den Container werfen, weil das zu laut ist. Ich genoss die <strong>Ruhe</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> und las ein Buch im Bett. Es war sehr entspannend.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
On Sunday morning, I woke up. It was very quiet in my street. In Germany, Sunday is a "rest day." That means most shops are closed. No one works in the office and trucks are not allowed to drive on the highway. I heard no lawnmowers and no loud music. It is forbidden to be loud on Sunday. You are also not allowed to throw glass bottles into the recycling container because that is too loud. I enjoyed the quiet and read a book in bed. It was very relaxing.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-2">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Die Geschäfte sind am Sonntag geöffnet.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q2-1" value="t"> Richtig (True)</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q2-1" value="f"> Falsch (False) <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Was darf man am Sonntag *nicht* machen?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q2-2" value="a"> Ein Buch lesen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q2-2" value="b"> Schlafen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q2-2" value="c"> Lauten Lärm machen <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. LKWs dürfen am Sonntag nicht auf der Autobahn fahren.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q2-3" value="t"> Richtig (True) <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q2-3" value="f"> Falsch (False)</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-2')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-3" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 3: Blumen finden</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-3', 1.0, 'btn-3-normal')" id="btn-3-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-3', 0.7, 'btn-3-slow')" id="btn-3-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-3" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Es war 14:00 Uhr. Ich musste mich fertig machen. Ich wollte Oma nicht mit <strong>leeren Händen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> besuchen. Es ist höflich, ein kleines "<strong>Mitbringsel</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>" zu haben. Normalerweise kaufe ich Pralinen oder Blumen.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>Aber die Supermärkte waren zu! Ich hatte ein Problem. Dann erinnerte ich mich: <strong>Blumenläden</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> am Bahnhof sind oft sonntags geöffnet. Ich lief schnell zum Bahnhof. Zum Glück war der Laden offen. Ich kaufte einen schönen Strauß mit gelben <strong>Tulpen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>. Oma liebt die Farbe Gelb. Jetzt war ich bereit.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
It was 2:00 PM. I had to get ready. I didn't want to visit Grandma with empty hands. It is polite to have a small "gift." Normally, I buy chocolates or flowers. But the supermarkets were closed! I had a problem. Then I remembered: Flower shops at the train station are often open on Sundays. I walked quickly to the train station. Luckily, the shop was open. I bought a beautiful bouquet with yellow tulips. Grandma loves the color yellow. Now I was ready.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-3">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Was wollte die Person kaufen?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q3-1" value="a"> Ein neues Auto</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q3-1" value="b"> Ein Mitbringsel (Blumen) <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q3-1" value="c"> Einen Kuchen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Alle Supermärkte waren geöffnet.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q3-2" value="t"> Richtig</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q3-2" value="f"> Falsch <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. Wo kaufte die Person die Blumen?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q3-3" value="a"> Am Bahnhof <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q3-3" value="b"> Im Supermarkt</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q3-3" value="c"> Auf dem Markt</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-3')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-4" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 4: Der pünktliche Zug</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-4', 1.0, 'btn-4-normal')" id="btn-4-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-4', 0.7, 'btn-4-slow')" id="btn-4-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-4" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Ich ging zum Gleis 4. Ich nahm die S-Bahn zu Oma. Auf der Anzeigetafel stand: "Ankunft 14:32". Ich schaute auf meine Uhr. Der Zug kam genau um 14:32 Uhr an. Die deutsche Bahn ist meistens <strong>pünktlich</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>, besonders am Sonntag.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>Ich stieg ein und setzte mich. Viele Leute trugen <strong>Wanderkleidung</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>. Sie machten Ausflüge in die Natur. Ich war ein bisschen nervös. Ich wollte nicht zu spät kommen. "Fünf Minuten vor der Zeit ist des Deutschen Pünktlichkeit", sagt man. Ich wollte genau um 14:55 Uhr an Omas Tür sein.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
I went to platform 4. I took the S-Bahn (suburban train) to Grandma's. The display board said: "Arrival 14:32". I looked at my watch. The train arrived exactly at 14:32. The German train is mostly punctual, especially on Sunday. I got on and sat down. Many people were wearing hiking clothes. They were going on trips into nature. I was a little nervous. I didn't want to be late. "Five minutes before the time is German punctuality," they say. I wanted to be at Grandma's door exactly at 14:55.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-4">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Wann kam der Zug an?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q4-1" value="a"> 14:30 Uhr</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q4-1" value="b"> 14:32 Uhr <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q4-1" value="c"> 15:00 Uhr</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Die Leute im Zug trugen Anzüge und Krawatten.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q4-2" value="t"> Richtig</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q4-2" value="f"> Falsch <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. Wann wollte die Person an der Tür sein?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q4-3" value="a"> Um 14:55 Uhr <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q4-3" value="b"> Um 15:10 Uhr</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q4-3" value="c"> Um 16:00 Uhr</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-4')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-5" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 5: Ankunft und Hausschuhe</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-5', 1.0, 'btn-5-normal')" id="btn-5-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-5', 0.7, 'btn-5-slow')" id="btn-5-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-5" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Ich klingelte an der Tür. Oma öffnete sie sofort. Sie trug eine schicke Bluse und eine Perlenkette. "Hallo mein Schatz!", rief sie und <strong>umarmte</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> mich. Ich gab ihr die gelben Tulpen. Sie freute sich sehr.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>Bevor ich in das Wohnzimmer ging, zog ich meine <strong>Straßenschuhe</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> aus. Das ist in Deutschland sehr wichtig. Man trägt keinen Schmutz von der Straße in die Wohnung. Oma gab mir ein Paar "<strong>Gästepantoffeln</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>". Sie waren aus grauem Filz und sehr warm. Jetzt fühlte ich mich wie zu Hause.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
I rang the doorbell. Grandma opened it immediately. She was wearing a chic blouse and a pearl necklace. "Hello my darling!" she shouted and hugged me. I gave her the yellow tulips. She was very happy. Before I went into the living room, I took off my street shoes. That is very important in Germany. You don't carry dirt from the street into the apartment. Grandma gave me a pair of "guest slippers." They were made of gray felt and very warm. Now I felt at home.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-5">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Was trug die Oma?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q5-1" value="a"> Einen Pyjama</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q5-1" value="b"> Eine Bluse und Perlenkette <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q5-1" value="c"> Einen Mantel</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Man behält die Straßenschuhe in der Wohnung an.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q5-2" value="t"> Richtig</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q5-2" value="f"> Falsch <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. Was gab die Oma dem Besuch?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q5-3" value="a"> Gästepantoffeln <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q5-3" value="b"> Neue Socken</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q5-3" value="c"> Einen Hut</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-5')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-6" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 6: Der gedeckte Tisch</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-6', 1.0, 'btn-6-normal')" id="btn-6-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-6', 0.7, 'btn-6-slow')" id="btn-6-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-6" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Wir gingen ins Wohnzimmer. Der Tisch sah wunderschön aus. Oma hatte ihre beste weiße Tischdecke benutzt. Darauf stand das "<strong>gute Porzellan</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>". Es hatte ein blaues Zwiebelmuster.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>In der Mitte stand eine <strong>Kanne</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> mit frischem Kaffee. Der Duft war herrlich. Es gab auch kleine Servietten und silberne Gabeln. Alles war sehr <strong>ordentlich</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>. "Setz dich", sagte Oma. Ich setzte mich vorsichtig auf den Stuhl. Ich hatte Angst, etwas kaputt zu machen. Für Oma ist die Kaffeezeit eine <strong>Zeremonie</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
We went into the living room. The table looked beautiful. Grandma had used her best white tablecloth. On it was the "good porcelain." It had a blue onion pattern. In the center stood a pot with fresh coffee. The smell was wonderful. There were also small napkins and silver forks. Everything was very tidy. "Sit down," said Grandma. I sat down carefully on the chair. I was afraid of breaking something. For Grandma, coffee time is a ceremony.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-6">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Welches Muster hatte das Porzellan?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q6-1" value="a"> Rote Rosen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q6-1" value="b"> Blaues Zwiebelmuster <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q6-1" value="c"> Grüne Streifen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Der Tisch war unordentlich.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q6-2" value="t"> Richtig</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q6-2" value="f"> Falsch <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. Was stand in der Mitte des Tisches?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q6-3" value="a"> Eine Kanne Kaffee <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q6-3" value="b"> Ein Fernseher</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q6-3" value="c"> Eine Flasche Wasser</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-6')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-7" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 7: Der Kuchen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-7', 1.0, 'btn-7-normal')" id="btn-7-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-7', 0.7, 'btn-7-slow')" id="btn-7-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-7" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Oma ging in die Küche und kam mit einer großen Platte zurück. Darauf war ein frischer <strong>Apfelkuchen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> mit Streuseln. "Selbstgebacken", sagte sie stolz. "Nicht vom Bäcker."</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>In Deutschland ist <strong>selbstgebackener</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> Kuchen sehr geschätzt. Es zeigt Liebe und Mühe. Der Kuchen war noch warm. "Er sieht lecker aus", sagte ich. Oma schnitt ein sehr großes Stück für mich ab. "Du bist so dünn", sagte sie. "Du musst mehr essen." Das sagen Omas immer. Ich konnte nicht nein sagen.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
Grandma went to the kitchen and came back with a large platter. On it was a fresh apple cake with crumble (Streusel). "Home-baked," she said proudly. "Not from the bakery." In Germany, home-baked cake is very appreciated. It shows love and effort. The cake was still warm. "It looks delicious," I said. Grandma cut a very large piece for me. "You are so thin," she said. "You must eat more." Grandmas always say that. I couldn't say no.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-7">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Welchen Kuchen hat Oma gebacken?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q7-1" value="a"> Schokoladenkuchen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q7-1" value="b"> Apfelkuchen mit Streuseln <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q7-1" value="c"> Käsekuchen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Der Kuchen war vom Supermarkt.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q7-2" value="t"> Richtig</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q7-2" value="f"> Falsch <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. Warum schnitt Oma ein großes Stück ab?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q7-3" value="a"> Sie wollte den Kuchen loswerden.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q7-3" value="b"> Sie fand, der Besuch war zu dünn. <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q7-3" value="c"> Es war ein Unfall.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-7')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-8" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 8: Kaffee und Sahne</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-8', 1.0, 'btn-8-normal')" id="btn-8-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-8', 0.7, 'btn-8-slow')" id="btn-8-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-8" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Oma fragte: "Möchtest du Sahne?" "Ja, bitte", sagte ich. Zu Apfelkuchen gehört geschlagene <strong>Sahne</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>. Sie gab mir einen großen Klecks auf den Teller.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>Wir aßen mit der kleinen <strong>Kuchengabel</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>. Man benutzt kein Messer für den Kuchen, außer er ist sehr hart. Wir tranken Kaffee und redeten über die Familie. Die Atmosphäre war sehr <strong>gemütlich</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>. Das deutsche Wort "Gemütlichkeit" ist schwer zu übersetzen, aber in diesem Moment fühlte ich es. Es war warm, freundlich und entspannt.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
Grandma asked: "Would you like cream?" "Yes, please," I said. Whipped cream belongs with apple cake. She gave me a big dollop on the plate. We ate with the small cake fork. You don't use a knife for cake, unless it is very hard. We drank coffee and talked about the family. The atmosphere was very "gemütlich" (cozy). The German word "Gemütlichkeit" is hard to translate, but in this moment I felt it. It was warm, friendly, and relaxed.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-8">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Was gehört zum Apfelkuchen dazu?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q8-1" value="a"> Senf</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q8-1" value="b"> Sahne <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q8-1" value="c"> Ketchup</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Womit isst man den Kuchen?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q8-2" value="a"> Mit einem Löffel</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q8-2" value="b"> Mit den Händen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q8-2" value="c"> Mit einer Kuchengabel <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. Die Atmosphäre war stressig.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q8-3" value="t"> Richtig</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q8-3" value="f"> Falsch <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-8')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-9" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 9: Der Sonntagsspaziergang</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-9', 1.0, 'btn-9-normal')" id="btn-9-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-9', 0.7, 'btn-9-slow')" id="btn-9-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-9" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Nach zwei Stücken Kuchen war ich sehr satt. "Wollen wir spazieren gehen?", fragte Oma. Das ist Tradition. Nach dem Kaffee macht man einen <strong>Verdauungsspaziergang</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong>. Wir zogen unsere Mäntel an und gingen in den Park. Viele andere Leute waren auch dort.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>"Grüß Gott", sagte Oma zu einem Nachbarn. "Hallo", sagte ich. Wir gingen langsam. Wir schauten uns die Bäume an und atmeten die frische Luft. Der <strong>Spaziergang</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> tat gut. Bewegung hilft gegen das volle Gefühl im Magen.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
After two pieces of cake, I was very full. "Shall we go for a walk?" asked Grandma. That is tradition. After coffee, one takes a digestion walk. We put on our coats and went to the park. Many other people were there too. "Grüß Gott" (God greet you), said Grandma to a neighbor. "Hello," I said. We walked slowly. We looked at the trees and breathed the fresh air. The walk felt good. Movement helps against the full feeling in the stomach.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-9">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Was machten sie nach dem Essen?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q9-1" value="a"> Ein Nickerchen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q9-1" value="b"> Einen Spaziergang <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q9-1" value="c"> Fernsehen</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Der Park war leer.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q9-2" value="t"> Richtig</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q9-2" value="f"> Falsch <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. Warum ist der Spaziergang gut?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q9-3" value="a"> Er hilft bei der Verdauung. <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q9-3" value="b"> Um Geld zu finden.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q9-3" value="c"> Um Blumen zu kaufen.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-9')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
<section id="chapter-10" class="chapter-card p-6 md:p-8">
<h2 class="text-3xl text-orange-800 mb-6">Kapitel 10: Reste und Abschied</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh2>
<div class="flex gap-3 mb-4">
<button onclick="playAudio('text-10', 1.0, 'btn-10-normal')" id="btn-10-normal" class="flex items-center gap-2 bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-orange-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Normal</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
<button onclick="playAudio('text-10', 0.7, 'btn-10-slow')" id="btn-10-slow" class="flex items-center gap-2 bg-blue-50 hover:bg-blue-100 text-blue-800 px-3 py-1.5 rounded-full transition text-sm font-semibold border border-blue-200"><i class="fas fa-play"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> Slow</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div id="text-10" class="prose prose-lg text-gray-700 leading-relaxed mb-6">
<p>Um 17:30 Uhr gingen wir zurück zum Haus. Es war Zeit zu gehen. "Warte!", rief Oma. Sie ging in die Küche. Sie packte zwei Stück Kuchen in <strong>Alufolie</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> ein.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<p>"Das ist für morgen", sagte sie. Man geht nie ohne <strong>Reste</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> von Oma nach Hause. Ich zog meine Straßenschuhe wieder an und gab Oma die Pantoffeln zurück. "Danke für den schönen Nachmittag", sagte ich. "Ruf mich an, wenn du zu Hause bist", sagte sie. Ich <strong>versprach</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgstrong> es. Ich stieg in den Zug, satt und glücklich.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<details class="group mb-8">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none bg-gray-50 hover:bg-gray-100 p-3 rounded-lg text-blue-600 transition-colors">
<span class="flex items-center gap-2"><i class="fas fa-language"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi> English Translation</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
<span class="transition group-open:rotate-180 chevron"><i class="fas fa-chevron-down"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsummary>
<div class="text-gray-600 italic text-md mt-3 px-3 bg-white">
At 5:30 PM we went back to the house. It was time to go. "Wait!" shouted Grandma. She went to the kitchen. She wrapped two pieces of cake in aluminum foil. "That is for tomorrow," she said. You never go home from Grandma's without leftovers. I put my street shoes back on and gave the slippers back to Grandma. "Thank you for the wonderful afternoon," I said. "Call me when you are home," she said. I promised. I got on the train, full and happy.
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdetails>
<div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200" id="quiz-10">
<h3 class="text-xl text-yellow-800 mb-4 font-bold"><i class="fas fa-pencil-alt mr-2"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgi>Verständnis</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgh3>
<div class="mb-4">
<p class="font-semibold mb-2">1. Was gab Oma dem Besuch für den Heimweg?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q10-1" value="a"> Geld</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q10-1" value="b"> Reste vom Kuchen <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q10-1" value="c"> Ein Buch</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">2. Womit packte sie den Kuchen ein?</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q10-2" value="a"> Alufolie <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q10-2" value="b"> Zeitungspapier</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q10-2" value="c"> Eine Plastiktüte</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<div class="mb-4">
<p class="font-semibold mb-2">3. Der Besuch war am Ende traurig und hungrig.</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgp>
<label class="quiz-option"><input type="radio" name="q10-3" value="t"> Richtig</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
<label class="quiz-option"><input type="radio" name="q10-3" value="f"> Falsch <span data-correct="true" class="hidden"></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgspan></ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpglabel>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<button onclick="checkAnswers('quiz-10')" class="mt-2 bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded font-bold transition">Check Answers</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbutton>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgsection>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgdiv>
<script>
/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg Speech Synthesis Logic
let currentUtterance = null;
let currentButtonId = null;
const synth = window.speechSynthesis;
function updateIcon(btnId, type) {
const btn = document.getElementById(btnId);
if (!btn) return;
const icon = btn.querySelector('i');
if (type === 'play') {
icon.className = 'fas fa-play';
btn.classList.remove('ring-2', 'ring-offset-1', 'ring-orange-400', 'ring-blue-400');
} else if (type === 'pause') {
icon.className = 'fas fa-pause';
if (btnId.includes('normal')) btn.classList.add('ring-2', 'ring-offset-1', 'ring-orange-400');
if (btnId.includes('slow')) btn.classList.add('ring-2', 'ring-offset-1', 'ring-blue-400');
}
}
function resetAllButtons() {
document.querySelectorAll('button[id^="btn-"]').forEach(btn => {
updateIcon(btn.id, 'play');
});
}
function playAudio(elementId, rate, btnId) {
if (currentButtonId === btnId) {
if (synth.paused) {
synth.resume();
updateIcon(btnId, 'pause');
} else if (synth.speaking) {
synth.pause();
updateIcon(btnId, 'play');
} else {
startNewSpeech(elementId, rate, btnId);
}
return;
}
synth.cancel();
resetAllButtons();
startNewSpeech(elementId, rate, btnId);
}
function startNewSpeech(elementId, rate, btnId) {
const text = document.getElementById(elementId).innerText;
currentUtterance = new SpeechSynthesisUtterance(text);
currentUtterance.lang = 'de-DE'; /ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg German
currentUtterance.rate = rate;
currentUtterance.onend = () => {
updateIcon(btnId, 'play');
currentButtonId = null;
currentUtterance = null;
};
currentUtterance.onerror = (e) => {
console.error('Speech error:', e);
updateIcon(btnId, 'play');
currentButtonId = null;
}
currentButtonId = btnId;
updateIcon(btnId, 'pause');
synth.speak(currentUtterance);
}
/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg Updated Quiz Logic for Radio Buttons
function checkAnswers(quizId) {
const quizContainer = document.getElementById(quizId);
/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg Get all unique radio group names within this quiz
const radioButtons = quizContainer.querySelectorAll('input[type="radio"]');
const groupNames = [...new Set(Array.from(radioButtons).map(r => r.name))];
groupNames.forEach(name => {
const group = quizContainer.querySelectorAll(`input[name="${name}"]`);
let selectedRadio = null;
/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg Reset styles
group.forEach(radio => {
radio.parentElement.classList.remove('correct-answer', 'incorrect-answer');
if(radio.checked) selectedRadio = radio;
});
if (selectedRadio) {
const isCorrect = selectedRadio.parentElement.querySelector('[data-correct="true"]');
if (isCorrect) {
selectedRadio.parentElement.classList.add('correct-answer');
} else {
selectedRadio.parentElement.classList.add('incorrect-answer');
/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg/ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpg Highlight the correct answer to be helpful
group.forEach(radio => {
if(radio.parentElement.querySelector('[data-correct="true"]')) {
radio.parentElement.classList.add('correct-answer');
}
});
}
}
});
}
window.onbeforeunload = function () {
synth.cancel();
};
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgscript>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpgbody>
</ghost-assets/ein-sonntag-bei-oma/ein-sonntag-bei-oma.jpghtml>
<!--kg-card-end: html-->
</div> </article> </main> <!-- Global Loading Bar --> <div id="loading-bar" class="fixed top-0 left-0 h-1 bg-[#005522] z-[100] transition-all duration-300 ease-out opacity-0 w-0"></div> <script>
let loadingTimeout;
document.addEventListener('astro:before-preparation', () => {
const bar = document.getElementById('loading-bar');
if (bar) {
bar.style.width = '30%';
bar.style.opacity = '1';
// Move slowly after initial jump
loadingTimeout = setTimeout(() => {
bar.style.width = '70%';
}, 300);
}
});
document.addEventListener('astro:after-navigation', () => {
const bar = document.getElementById('loading-bar');
if (bar) {
clearTimeout(loadingTimeout);
bar.style.width = '100%';
setTimeout(() => {
bar.style.opacity = '0';
setTimeout(() => {
bar.style.width = '0';
}, 300);
}, 200);
}
});
</script> </body> </html> <script type="text/javascript" src="https://jmayereup.github.io/tj-components/dist/tj-chapter-book.js" defer></script>