<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/blog/32438/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="&amp;quot;Jojo Rabbit&amp;quot;"
        >
    </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">
                        &quot;Jojo Rabbit&quot;
                                                <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 ist der Film "Jojo Rabbit" des neuseeländischen Regisseurs Taika Waititi in deutschen Kinos angelaufen. Die Geister werden sich an diesem Film sicherlich scheiden, denn die Frage, ob ein ernstes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 February 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/32125/bow-reden-willy-brandt" 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/willy-brandt.png"
            alt="BoW: Reden Willy Brandt"
        >
    </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: Reden Willy Brandt
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Willy Brandt (1913 bis 1992) war ein deutscher SPD-Politiker und von 1969 bis 1974 Bundeskanzler der Bundesrepublik Deutschland. Als Kanzler in der sozialliberalen Koalition schlug Brandt mit seiner „Neuen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 January 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/31928/bow-kolumnen" 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/post-von-wagner.jpg"
            alt="BoW: Kolumnen"
        >
    </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: Kolumnen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Bei der Kolumne handelt es sich um eine journalistische Textsorte, die eine Form des Kommentars ist. Die Kolumne wird in der Regel von einem Redakteur oder einem Gastpublizisten verfasst und erscheint...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 January 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/31509/bow-frauenbilder" 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/nivea.jpg"
            alt="BoW: Frauenbilder"
        >
    </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: Frauenbilder
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Darstellung von Frauen in der Werbung ist oft klischeehaft: In den 50er Jahren beherrschte das Bild der perfekten, dem Manne dienenden Hausfrau die Werbung. Heute ist dies weniger der Fall, doch dafür...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 December 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/31287/bow-lauren-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/images/greenfield1.jpg"
            alt="BoW: Lauren Greenfield"
        >
    </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: Lauren Greenfield
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Im Frühjahr 2019 haben die Deichtorhallen in Hamburg die Ausstellung Generation Wealth der amerikanischen Filmemacherin und Fotografin Lauren Greenfield gezeigt. In ihren Fotografien hält die Künstlerin...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 December 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/26261/die-me-too-debatte-teil-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/me-too-backlash.jpg"
            alt="Die &quot;Me Too&quot;- Debatte (Teil 2)"
        >
    </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">
                        Die "Me Too"- Debatte (Teil 2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die "Me Too" - Debatte hat nicht zuletzt auch eine feministische Debatte entfacht. Einigen Frauen ging die Sache zu weit: Im Januar 2018 veröffentlichte eine Gruppe von Frauen in Frankreich eine Stellungnahme...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/25720/die-me-too-debatte-teil-1" 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/metoo-white-.jpg"
            alt="Die &quot;Me Too&quot;- Debatte (Teil 1)"
        >
    </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">
                        Die "Me Too"- Debatte (Teil 1)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Es begann mit einem einzigen Tweet:  Am 15. Oktober 2017 schrieb die US-Schauspielerin Alyssa Milano: „Wenn du sexuell belästigt oder missbraucht wurdest, schreibe ,me too‘ als Antwort auf diesen Tweet.“...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/31333/ee-beispiel-7-springer-verlag" 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/sds.jpg"
            alt="EE Beispiel 7: Springer Verlag"
        >
    </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">
                        EE Beispiel 7: Springer Verlag
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Im Rahmen von Teil 1 und 2 des Kurses „Sprache und Literatur” haben wir uns im Unterricht mit sozialen Medien beschäftigt. Dabei wurde unter anderem die Problematik, die aus der Informationsflut in jenen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 October 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/23180/fake-news-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/afd-oktoberfest.jpg"
            alt="Fake News (2)"
        >
    </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">
                        Fake News (2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Wie können wir den Begriff des Postfaktischen im Unterricht für unsere Schüler zum Leben erwecken? In einer Welt, in der die englischen Begriffe "post-truth" und "fake news" in aller Munde sind, sollte...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 May 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/29226/der-goldne-topf-eta-hoffmann" 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/topf.jpg"
            alt="Der goldne Topf (E.T.A. Hoffmann)"
        >
    </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">
                        Der goldne Topf (E.T.A. Hoffmann)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In diesem Written Task 2 hat der Schüler die Frage 2 "If the text had been written in a different time or place or language or for a different audience, how and why might it differ?" gewählt. Der deutsche...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 May 2019
                        </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=28" 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>
