<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/30056/individual-oral" 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/oral.jpg"
            alt="Individual Oral"
        >
    </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">
                        Individual Oral
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Individual Oral basiert auf einer allgemeinen Aufgabenstellung, die jedoch für jedes Oral vom Schüler in Bezug auf die ausgewählten Texte präzisiert werden muss. Im Guide heißt es: „students must...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/20619/response-journal" 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/response-journal.jpg"
            alt="Response Journal"
        >
    </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">
                        Response Journal
                                                <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"> Das vom IB geforderte Lernerportfolio ist im Grunde ein detailliertes Response Journal, dessen Ziel es ist, die intensive Auseinandersetzung mit einem literarischen Text zu unterstützen. Natürlich kann...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/49407/kursuberblick" 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/books-on-table.jpg"
            alt="Kursüberblick"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Führen eines Lernerportfolios ist für alle Schüler/innen verpflichtend. Klick hier, um mehr über Das Schülerportfolio zu erfahren. Im SL-Kurs liest Du vier literarische Werke, die Dein/e Lehrer/in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/68247/bow-frida-kahlo" 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/frida-kahlo.jpg"
            alt="BoW: Frida Kahlo"
        >
    </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: Frida Kahlo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Laut der Biografie Frida Kahlo: Leben, Werk, Wirkung von Karen Genschow (erschienen bei Suhrkamp) wird Frida Kahlo als eine Künstlerin dargestellt, deren Leben und Kunst untrennbar miteinander verbunden...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/68001/p1-regenzeit-mai-2025" 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/evolution.png"
            alt="P1 Regenzeit (Mai 2025)"
        >
    </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">
                        P1 Regenzeit (Mai 2025)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das von dem Autoren Frank Schätzing recherchierte und verfasste Sachbuch “Nachrichten aus einem unbekannten Universum” (2006) diente als Grundlage für den nicht-visuellen Textauszug des Paper 1 im Mai...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/67660/p1-holz-mai-2025" 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/holz.jpg"
            alt="P1 Holz (Mai 2025)"
        >
    </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">
                        P1 Holz (Mai 2025)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Werbeanzeige “Holz ist einflussreich”, veröffentlicht im Spiegel Spezial Magazin, war einer der beiden Paper 1-Texte im Mai 2025. Sie wurde vom Holzabsatzfond, der zentralen Marketingeinrichtung der...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/39578/haufig-gestellte-fragen" 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/question.jpg"
            alt="Häufig gestellte Fragen"
        >
    </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">
                        Häufig gestellte Fragen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Auf dieser Seite lesen Sie eine Zusammenstellung sehr häufig gestellter Fragen. Sie können hier die Antworten und auch Links zu den entsprechenden Seiten auf dem Subject Site finden. Nein. Schüler müssen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16065/extended-essay" 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/Graduation.jpg"
            alt="Extended Essay"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Extended Essay, auf den folgenden Seiten auch einfach kurz EE genannt, ist integraler Bestandteil des IB Diplomas. Einem Kandidaten, der keinen EE einreicht, wird das IB Diploma nicht verliehen. Der...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16434/uberblick-ee-2026" 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/Graduation.jpg"
            alt="Überblick EE (2026)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            IB Core
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Überblick EE (2026)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Extended Essay, im folgenden kurz EE genannt, ist integraler Bestandteil des IB Diplomas. Einem Kandidaten, der keinen EE einreicht, wird das IB Diploma nicht verliehen. Der EE ist eine Facharbeit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16419/beispielessays-bis-2026" 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/High-School-1.jpg"
            alt="Beispielessays (bis 2026)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            IB Core
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Beispielessays (bis 2026)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Zur Vorbereitung ist es für Schüler und Lehrer hilfreich, sich Beispiele verschiedener Extended Essays anzusehen. Auf diese Weise kann ein Verständnis dafür entwickelt werden, welche konkreten Erwartungen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 March 2026
                        </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=6" 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>
