<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/blog/42047/reise-der-verlorenen-kehlmann" 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/saint-louis.jpg"
            alt="Reise der Verlorenen (Kehlmann)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Reise der Verlorenen (Kehlmann)
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Daniel Kehlmanns Drama um die Irrfahrt der St. Louis ist das letzte der vier Stücke, die zwischen 2010 und 2018 entstanden sind, in Österreich uraufgeführt und im Jahr 2019 in einer gemeinsamen Buchausgabe...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/39174/herz-der-finsternis-conrad" 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/kongo.jpeg"
            alt="Herz der Finsternis (Conrad)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Literatur
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Herz der Finsternis (Conrad)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Leser schließt die Augen, vernimmt den Titel „Herz der Finsternis“ und vergegenwärtigt sich zwei Farben: die nur implizit genannte Farbe des Herzens, rot, und die negativ konnotierte Farbe der Finsternis,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 October 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/41468/hl-essay-goethe-gedichte" 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/goethe-1.jpg"
            alt="HL-Essay: Goethe-Gedichte"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        HL-Essay: Goethe-Gedichte
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Wie betont Goethe, durch die Verwendung unterschiedlichen literarischen Mittel in seinen Gedichten, den Wandel verschiedener Epochen? Johann Wolfgang von Goethe (1749-1832) zählte zu drei bewegende Epochen;...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/41542/hl-essay-2-mai-2021" 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/goethe2.jpg"
            alt="HL Essay (2) Mai 2021"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        HL Essay (2) Mai 2021
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Johann Wolfgang von Goethe (1749-1832) zählte zu drei bewegende Epochen; Sturm und Drang (1765-1785), die Weimar Klassik (1786-1805) und die Romantik (1795-1840) in deren er mehrere unterschiedliche literarische...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/41388/hl-essay-1-mai-2021" 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/afd.jfif"
            alt="HL Essay (1) Mai 2021"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        HL Essay (1) Mai 2021
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ich habe mich entschieden mein HL Essay auf das Areal „Zeit und Raum“ zu beziehen, welches sich auf die Konzeptfragen der Perspektive des Lesers, die Transformation, Intertextualität, und die Repräsentation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/36780/hl-essay-voltaire" 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/voltaire.jpg"
            alt="HL Essay: Voltaire"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        HL Essay: Voltaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> "Candide ou l'optimisme" ist eine 1759 erschienene satirische Novelle des französischen Philosophen Voltaire. Im Jahr 1776 erschien eine deutsche Übersetzung unter dem Titel "Candide oder die beste aller...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/41132/deutscher-rap" 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/samy-rap.jpg"
            alt="Deutscher Rap"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Deutscher Rap
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Lieder deutscher Rapper sind sehr gut für unseren Language & Literature - Kurs geeignet. Die Liedtexte greifen aktuelle und globale Themen auf, kommen in der Regel gut bei den Schülern an und bieten...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/40323/bow-terre-des-hommes" 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/tdh.jfif"
            alt="BoW: Terre des Hommes"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Sprache
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        BoW: Terre des Hommes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Organisation "Terre des Hommes" setzt sich für eine »Erde der Menschlichkeit« ein. Sie versucht Gewalt gegen Kinder zu stoppen, sie vor Sklaverei, Ausbeutung und Missbrauch zu schützen und für Erziehung...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/33568/lieder" 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/biermann.jpg"
            alt="Lieder"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Im neuen Programm werden Lieder bzw. Liedtexte als Lyrik definiert und gehören somit zur Kategorie "Literatur". So wurde zum Beispiel der Liedermacher Wolf Biermann offiziell in die deutsche Prescribed...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/37097/die-konzepte" 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/concepts-leitfragen.png"
            alt="Die Konzepte"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Kursüberblick
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Die Konzepte
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Wie wird die Identität eines Individuums oder einer Gruppe durch einen literarischen oder nicht-literarischen Text zum Ausdruck gebracht? Welche Bedeutung hat die Identität eines Autors beim Schreiben...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 August 2021
                        </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=20" 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>
