<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/19496/p2-hl-selbstfindung" 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/Auschwitz.jpg"
            alt="P2 HL (Selbstfindung)"
        >
    </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">
                        P2 HL (Selbstfindung)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Anhand der im Unterricht gelesenen Werke (Part 3) sollten Schüler sich mit der folgenden Frage auseinandersetzen: In den Werken geht es immer auch um Selbstfindung. Inwiefern kann sich die Bedeutung dieser...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/26515/stilbluten" 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/stilblueten.png"
            alt="Stilblüten"
        >
    </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">
                        Stilblüten
                                                <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"> Eine Kollegin von mir, die unter anderem auch IB-Prüferin für das Paper 2 ist, schickte mir unlängst eine Liste mit Stilblüten, die sie beim Lesen der Essays gesammelt hatte. Sich neben dem Korrigieren...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 May 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/26260/ioc-sl-sehnsucht" 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/romantik.jpg"
            alt="IOC (SL) Sehnsucht"
        >
    </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">
                        IOC (SL) Sehnsucht
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Gedicht „Sehnsucht“ (1834) von Joseph von Eichendorff ist charakeristisch für die Romantik, aber auch für Eichendorff als Dichter selbst. Dies zeigt sich an dem einfachen Bau der Strophen, vor allem...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 May 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16421/zeitplanung" 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/Plan.jpg"
            alt="Zeitplanung"
        >
    </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">
                        Zeitplanung
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Neben der Entscheidung für Themen und Materialien gibt es noch andere Faktoren, die bei der Kursplanung eine Rolle spielen. Termine wie Schulferien, Klassenfahrten, aber auch einzuhaltende IB Fristen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 May 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/26164/extended-essay-2018" 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/ee-blog.png"
            alt="Extended Essay 2018"
        >
    </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">
                        Extended Essay 2018
                                                <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"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 April 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/25850/karikatur-globale-weihnachtsknaller" 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/nicole-oberth-karikatur(1).png"
            alt="Karikatur: Globale Weihnachtsknaller"
        >
    </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">
                        Karikatur: Globale Weihnachtsknaller
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das auf dieser Seite veröffentlichte FOA-Beispiel "Globale Weihnachtsknaller" stammt von Nicole Oberth von der Graz International Bilingual School. Im Unterricht hat die gesamte Klasse zum Thema "Karikaturen"...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 April 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/26103/p1-redemittel" 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/redemittel-p1.jpg"
            alt="P1 Redemittel"
        >
    </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">
                        P1 Redemittel
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Um eine sprachlich gelungene Textanalyse zu verfassen, müssen Schüler über die notwendigen Redemittel verfügen. Die hier gelisteten Redemittel sind formelhafte Wendungen, die helfen, Gedanken sprachlich...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 April 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/25719/p1-sl-bauer-sucht-frau" 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/bauer-sucht-frau.png"
            alt="P1 SL (Bauer sucht Frau)"
        >
    </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">
                        P1 SL (Bauer sucht Frau)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sie finden auf dieser Seite den bewerteten Beispielaufsatz eines Schülers, der im November 2017 seine SL-Prüfung für German Lang & Lit absolviert hat. Ich habe dieses Beispiel ausgesucht, da es zeigt,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/25969/denglisch-wise-guys" 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/wiseguys.jpg"
            alt="Denglisch (Wise Guys)"
        >
    </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">
                        Denglisch (Wise Guys)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die "Wise Guys" sind eine deutsche Musikgruppe, die Anfang der 1990er Jahre aus einer Kölner Schulband hervorging. Die Gruppe singt meist a cappella und bezeichnet ihren Musikstil als „Vokal-Pop“. Die...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16400/ioc-tipps" 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/You-can-do-it.jpg"
            alt="IOC Tipps"
        >
    </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">
                        IOC Tipps
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die mündliche Interpretation eines Textausschnittes muss vor dem "großen", prüfungsrelevanten Individual Oral Commentary unbedingt und mehrere Male geübt werden. Für die Schüler sollte es zum Zeitpunkt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 March 2018
                        </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=31" 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>
