<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/27882/emojis-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/emojis-2017.png"
            alt="Emojis (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">
                        Emojis (Teil 2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Eine Textnachricht ohne Emojis ist heute kaum noch denkbar. Emojis können aber auch ordentlich für Verwirrung sorgen. Das ergab die Bachelorarbeit von Yvonne Scherff, Absolventin des Studiengangs Angewandte...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 November 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17716/beispiel-8-mulisch" 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/Fire.jpg"
            alt="Beispiel 8: Mulisch"
        >
    </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">
                        Beispiel 8: Mulisch
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Attentat ist ein Roman von Harry Mulisch aus dem Jahre 1982. Schuld und Verantwortung sind die zentralen Themen des Werkes. Vergangenheitsaufarbeitung ist der rote Faden, der die fünf Episoden der...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 November 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/27474/p1-sl-efd" 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/volunteer.jpg"
            alt="P1 SL (EFD)"
        >
    </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 (EFD)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Original-IB-Paper kann aus urheberrechtlichen Gründen nicht auf dem Subject Site veröffentlicht werden. Inhaltlich entsprechen die verschiedenen Textkomponenten dem Original-Paper, allerdings ist...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 October 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/27396/p1-sl-merkel-klinsmann" 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/klinsmann.jpg"
            alt="P1 SL (Merkel-Klinsmann)"
        >
    </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 (Merkel-Klinsmann)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sehr geehrte Damen und Herren – ich mache die Anrede kurz –, vor allem lieber Jürgen Klinsmann, Sie haben schon viele Pokale in der Hand gehalten und eine Reihe von Auszeichnungen entgegengenommen – darunter...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 September 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/27372/der-unit-plan" 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/unit-plan.jpg"
            alt="Der &quot;Unit Plan&quot;"
        >
    </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 "Unit Plan"
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die sogenannten Unit plans sind seit längerer Zeit fester Bestandteil des MYP Programms. Seit einiger Zeit sind viele Schulen dazu übergegangen, auch für das Diploma Programme solche Unit plans von ihren...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/26989/der-dieb-und-die-hunde" 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/machfus.jpg"
            alt="Der Dieb und die Hunde"
        >
    </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">
                        Der Dieb und die Hunde
                                                <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"> Auf meiner Leseliste für diesen Sommer standen zu Beginn der Ferien drei Titel: "Max Mannheimer. Drei Leben" verfasst von Marie-Luise von der Leyen, der englische Titel "The left hand of darkness" von...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/26987/p2-sl-moral" 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/wedekind(1).jpg"
            alt="P2 SL (Moral)"
        >
    </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 SL (Moral)
                                    

                    </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: Wie werden Ehre oder Tugend/Moral in einem Werk behandelt? Welche Rolle spielt dabei der...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 August 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/26822/framing" 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/framing-1.png"
            alt="Framing"
        >
    </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">
                        Framing
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Anglizismus "Framing" macht zurzeit in politischen Kreisen die Runde. Framing heißt so viel wie "Rahmen setzen". Es geht hier um politische Kommunikation, oder genauer: Es geht politischen Gruppen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/26664/p2-sl-leidenschaft" 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/huxley.jpg"
            alt="P2 SL (Leidenschaft)"
        >
    </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 SL (Leidenschaft)
                                    

                    </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: Leidenschaft leitet oft das Verhalten der literarischen Charaktere. Erörtern Sie diese...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 July 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/26172/netzhetze" 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/dak-das-leben-steht-kopf.jpg"
            alt="Netzhetze"
        >
    </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">
                        Netzhetze
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ein junges Paar betrachtet voller Freude das Ultraschallbild seines ungeborenen Kindes. Eigentlich wollte die DAK, eine deutsche Krankenkasse, mit diesem Werbeplakat werdende Eltern ansprechen, doch dann...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 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=30" 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>
