<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/57474/hl-essay-han-kang" 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/han-kang.jpg"
            alt="HL Essay: Han Kang"
        >
    </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: Han Kang
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Menschenwerk, geschrieben von der südkoreanischen Autorin Han Kang, ist ein vielseitiges Werk, das die Leser in die unterschiedlichen Arten von menschlichem Leid durch abwechslungsreiche Erzählperspektiven...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/54698/mock-p1-mai-2024" 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/hilbring-transgender-debatte.jpg"
            alt="Mock P1 (Mai 2024)"
        >
    </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">
                        Mock P1 (Mai 2024)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Paper 1 steht kurz vor der Tür. Hier finden Sie und Ihre Schüler noch zwei von Julia Jennings selbst erstellte Paper 1 zur Vorbereitung auf die Prüfung. Die beiden Cartoons zeigen sehr schön, wie...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/31336/dystopien" 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/metropolis.jpeg"
            alt="Dystopien"
        >
    </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">
                        Dystopien
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Als Dystopie bzw. Anti-Utopie wird in der Literatur und Kunst das Gegenstück zur positiven Utopie bezeichnet. Die Dystopie ist ein Narrativ, das ein negatives Zerrbild der zukünftigen Menschheit zeigt....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/42885/bow-weltreporter" 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/weltreporter.jpg"
            alt="BoW: Weltreporter"
        >
    </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: Weltreporter
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Weltreporter.net ist das größte Netzwerk freier deutschsprachiger Auslandskorrespondenten. Sie berichten aktuell und mit fundiertem Hintergrundwissen aus mehr als 160 Ländern. Alle Journalisten des Netzwerkes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/55923/bow-franciska-legat" 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/mdf-2.png"
            alt="BoW: Franciska Legát"
        >
    </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: Franciska Legát
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Franciska Legát, 1997 in Budapest geboren, lebt und arbeitet als Fotografin in Budapest. Im Jahr 2021 schloss sie ihr Studium an der Moholy-Nagy-Universität für Kunst und Design mit dem Bachelor of Photography...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/55563/io-goethe-greenfield" 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/audios/hearphones-for-audio-material.jpg"
            alt="IO: Goethe - Greenfield"
        >
    </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">
                        IO: Goethe - Greenfield
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  IO Goethe - Greenfield  IO Texte Goethe - Greenfield...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 June 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/55301/bow-das-schweigende-klassenzimmer" 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/klassenzimmer.jpg"
            alt="BoW: Das schweigende Klassenzimmer"
        >
    </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: Das schweigende Klassenzimmer
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der deutsche Regisseur Lars Kraume hat mehrere interessante Filme gedreht, die sich im Unterricht gut als "body of work" anbieten, da sie sich mit gesellschaftlichen und politischen Themen der Zeitgeschichte...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 June 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/54911/io-ibsen-kraume" 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/audios/hearphones-for-audio-material.jpg"
            alt="IO: Ibsen - Kraume"
        >
    </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">
                        IO: Ibsen - Kraume
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   IO Ibsen - Kraume  IO Texte Ibsen - Kraume...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 June 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/55565/io-sexualisierung-von-madchen" 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/files/greenfield-madchen.jpg"
            alt="IO Sexualisierung von Mädchen"
        >
    </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">
                        IO Sexualisierung von Mädchen
                                                <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"> Lauren Greenfield, geboren 1966 in Boston, ist eine US-amerikanische Künstlerin, Dokumentarfotografin und Dokumentarfilmerin. Bis heute hat sie vier fotografische Monographien veröffentlicht, verschiedene Dokumentarfilme...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 June 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/54544/p1-infografik-november-2023-2" 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/biene-1.png"
            alt="P1 Infografik November 2023 (2)"
        >
    </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 Infografik November 2023 (2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Infografik "Die Biene" war einer der Paper 1-Texte im November 2023. Sie wurde von der österreichischen Umweltorganisation Global 2000 erstellt und entstammt der Webseite von Kirsten Jana Kater....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 May 2024
                        </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=11" 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>
