<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/22242/love-poem-project" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/love-poem.jpg"
            alt="Love Poem Project"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Love Poem Project
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die hier vorgestellte Unterrichtsidee ist vor allem als Inspiration gedacht, da sie nicht eins zu eins für den Language & Literature - Kurs übernommen werden kann. Das liegt zum einen an dem zeitlichen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18237/exposition" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/exposition.png"
            alt="Exposition"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Exposition
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Exposition ist ein wesentlicher Bestandteil eines Romans oder Theaterstückes. Der Begriff bezeichnet die wirkungsvolle Einführung des Zuschauers in Grundstimmung, Ausgangssituation, Konflikte, Zustände,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18236/erzahlperspektive" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/id-100405882.jpg"
            alt="Erzählperspektive"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Erzählperspektive
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Es gibt verschiedene Erzählperspektiven, die der Erzähler in einem literarischen Werk einnehmen kann. Je nachdem, von welchem Standpunkt der Erzähler die dargestellten Geschehnisse betrachtet, kann der...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18235/bildsprache" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/Sky.jpg"
            alt="Bildsprache"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Bildsprache
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Besonders Metaphern spielen in literarischen Werken eine wichtige Rolle. Der Begriff der Metapher kommt aus dem Griechischen (metaphora) und bedeutet wörtlich übersetzt Übertragung, denn die Sprache springt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16101/leitfaden-lyrik-und-prosa" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/Flying%20books.jpg"
            alt="Leitfaden Lyrik und Prosa"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Leitfaden Lyrik und Prosa
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Um sich verschiedenen lyrischen bzw. epischen Texten anzunähern, hilft es Schülern aus Erfahrung, einen Leitfaden zur Hand zu haben, den sie bei jedem Gedicht bzw. Prosatext zum Texteinstieg nutzen. Geben...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/21675/guided-inquiry" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/strawberries.jpg"
            alt="Guided Inquiry"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Guided Inquiry
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Michael Michalko hat einmal gesagt: Diese Aussage fasst den Begriff der "Guided Inquiry" bereits in seinem wesentlichsten Punkt zusammen. Denn Fragen stehen im Zentrum des Inquiry Cycle. Die Schüler werden...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/20960/dramenpoetik-im-kontext" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/aristoteles.jpg"
            alt="Dramenpoetik im Kontext"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Dramenpoetik im Kontext
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sie finden auf dieser Seite einen zusammenfassenden Überblick über die Entwicklung des Dramas. Je nachdem, welches Drama Sie in Part 3 oder Part 4 im Unterricht lesen, können Sie bestimmte Passagen an...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/20447/persepolis-satrapi" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/graphic-novel.jpg"
            alt="Persepolis (Satrapi)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Persepolis (Satrapi)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Spielen Sie mit dem Gedanken eine Graphic Novel im Unterricht zu behandeln? Persepolis von Marjane Satrapi oder auch Maus von Art Spiegelmann sind bekannte Werke dieses Genres und gut für den Lang & Lit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16099/literatur-im-kontext" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/context.jpg"
            alt="Literatur im Kontext"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Literatur im Kontext
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sicher haben Sie schon mal einen bekannten literarischen Text gelesen, der Ihnen einfach nicht gefallen hat. Oder ein Text hat zwar Ihnen gut gefallen, doch im Unterricht kommt dieser bei den Schülern überhaupt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16071/uberblick-part-3" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/german/images/Face.jpg"
            alt="Überblick Part 3"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Altes Programm 2013-2020
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Überblick Part 3
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Part 3 beschäftigt sich damit, wie der gesellschaftliche, kulturelle und historische Kontext eines Werkes Einfluss auf dessen Thematik und Struktur nehmen kann. Schüler müssen begreifen, dass Literatur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/german/latest-updates?page=39" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Load more
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>

        </template>
    </turbo-stream>
