<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/16054/part-3" 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/book-on-grass.jpg"
            alt="Part 3"
        >
    </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">
                        Part 3
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16096/social-media" 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/Social-Media-1.jpg"
            alt="Social Media"
        >
    </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">
                        Social Media
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Begriff Social Media stellt eine Tautologie dar, denn schließlich sind Medien immer sozial: Sie verbinden die Menschen einer Gesellschaft. Aber wenn wir von Social Media sprechen, meinen wir damit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16095/soaps" 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/GZSZ.png"
            alt="Soaps"
        >
    </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">
                        Soaps
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> "Sie sind verspottet und dennoch der große Renner im TV. Sie sind Stimmungsmittel gegen Alltagsfrust und Meinungsmacher für Trendbewusste. Sie zeigen, was hip ist und was nicht. Mit Seifenopern ist es...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16091/mediale-berichterstattung" 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/Zeitungsleser.jpg"
            alt="Mediale Berichterstattung"
        >
    </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">
                        Mediale Berichterstattung
                                                <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"> Täglich sind wir medialer Berichterstattung ausgesetzt. Wir lesen die Zeitung, sehen die Nachrichten im Fernsehen oder hören sie im Radio. Ohne uns dessen immer vollständig bewusst zu sein, übernehmen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17462/themen-part-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/crowd.jpg"
            alt="Themen Part 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">
                        Themen Part 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das IB nennt verschiedene Themen (topics) für Part 2. Diese werden im Language & Literature - Guide auf Englisch folgendermaßen benannt: Diese Liste weist aus meiner Sicht gewisse Schwächen auf: Warum...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16070/lernziele-part-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/Lernziel.jpg"
            alt="Lernziele Part 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">
                        Lernziele Part 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In Part 2 sollen die folgenden Lernziele erreicht werden: Eine wiederkehrende Frage in Part 2 ist die nach der Verbindung zwischen Form und Inhalt. Die berühmte Aussage von Marshal McLuhan "The medium...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16053/part-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/smartphone.jpg"
            alt="Part 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">
                        Part 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18515/berlinerisch" 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/Berlin.jpg"
            alt="Berlinerisch"
        >
    </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">
                        Berlinerisch
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der folgenden Unterrichtsstunde liegt das 1930 verfasste Gedicht "Danach" von Kurt Tucholsky zu Grunde. Das Gedicht ist ein gutes Beispiel dafür, wie ein kurzer literarischer Text im Language-Teil des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17461/themen-part-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/Woman-thinking.jpg"
            alt="Themen Part 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">
                        Themen Part 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das IB gibt verschiedene Themenbereiche für Part 1 vor. Lehrer können eigenständig entscheiden, welche Themen im Unterricht besprochen werden und in welcher Tiefe diese behandelt werden. Es ist wichtig,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16067/lernziele-part-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/Lernziel.jpg"
            alt="Lernziele Part 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">
                        Lernziele Part 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   In Part 1 sollen die folgenden Lernziele erreicht werden: Schüler lernen, dass jedem Text, egal welche Form dieser hat, eine Aussageabsicht zu Grunde liegt. Der Autor verfolgt ein Ziel und will dem...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 December 2016
                        </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=47" 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>
