<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/blog/35998/individual-oral-grass-ernst" 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/ernst.jpg"
            alt="Individual Oral: Grass - Ernst"
        >
    </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">
                        Individual Oral: Grass - Ernst
                                                <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 hier veröffentlichte Oral basiert auf der Lektüre des Romans "Die Blechtrommel" von Günter Grass. Nachdem der Roman im Unterricht besprochen worden war, dachten Lehrer (Stephan Klausch) und Schüler...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 September 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/34523/die-blechtrommel-grass" 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/grass.jpg"
            alt="Die Blechtrommel (Grass)"
        >
    </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">
                        Die Blechtrommel (Grass)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Roman Die Blechtrommel von Günter Grass, erschienen 1959 und im Jahr 1999 auch mit dem Literaturnobelpreis maßgeblich gewürdigt, gilt laut Martin Walser als „der letztmögliche antifaschistische Roman,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/35913/grass-die-blechtrommel" 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/grass.jpg"
            alt="Grass: Die Blechtrommel"
        >
    </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">
                        Grass: Die Blechtrommel
                                                <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"> Der Roman Die Blechtrommel von Günter Grass, erschienen 1959 und im Jahr 1999 auch mit dem Literaturnobelpreis maßgeblich gewürdigt, gilt laut Martin Walser als „der letztmögliche antifaschistische Roman,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35870/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">
                            Literatur
                        </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"> Diese Seite habe ich vor mehreren Jahren erstellt. Sie zeigt, dass der konzeptuelle Ansatz, der im neuen Programm so betont wird, nichts grundlegend Neues ist. Er wurde allerdings nun sehr deutlich ins...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35868/bow-women-without-men" 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/shirin.jpg"
            alt="BoW: Women Without Men"
        >
    </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: Women Without Men
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Auf der Suche nach Begleitmaterial in Form von Bildern oder Filmen für das Thema Die Rolle der Frau in der Literatur im interkulturellen Vergleich stieß ich auf die Fotografin und Regisseurin Shirin Neshat....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/35714/paper-2-abgesagt" 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/abgesagt.jpg"
            alt="Paper 2 abgesagt"
        >
    </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">
                        Paper 2 abgesagt
                                                <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"> Vor kurzem hat das IB Änderungen bezüglich der Prüfungsmodalitäten für Mai 2021 angekündigt. Für beide Literaturkurse (Literature und Language & Literature) wird es nun kein Paper 2 geben. Alle Schüler...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35846/bow-jojo-rabbit" 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/jojo.jpg"
            alt="BoW: Jojo Rabbit"
        >
    </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: Jojo Rabbit
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> An dem Film "Jojo Rabbit" des neuseeländischen Regisseurs Taika Waititi scheiden sich sicherlich die Geister, denn die Frage, ob ein ernstes Thema wie der Holocaust und die Schrecken des Nazi-Regimes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35845/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">
                            Assessment
                        </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">
                            21 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35844/p1-fertigkeiten" 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/Tutoring.jpg"
            alt="P1 Fertigkeiten"
        >
    </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 Fertigkeiten
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Schreiben von Paper 1 erfordert bestimmte Fertigkeiten. Schüler müssen den Text nicht nur verstehen, sie müssen außerdem ihre Gedanken in eine strukturierte, schriftliche Form bringen. Das Schreiben...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35306/der-schreibentwurf" 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/Gedankenblitz.jpg"
            alt="Der Schreibentwurf"
        >
    </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">
                        Der Schreibentwurf
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Schüler sollten in der Prüfung selbst - und auch in der Vorbereitungsphase in der Schule und zu Hause - nicht einfach aufs Geratewohl losschreiben, sondern sich 15 bis 20 Minuten Zeit nehmen, um ihre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 August 2020
                        </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=25" 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>
