<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/25007/ausdruck-von-identitat-in-der-kunst" 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/kunst.png"
            alt="Ausdruck von Identität in der Kunst"
        >
    </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">
                        Ausdruck von Identität in der Kunst
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Diese Unterrichtseinheit passt gut in das erste Halbjahr eines neu beginnenden Language & Literature - Kurses. Zum einen werden in dieser Einheit grundlegende Konzepte des Kurses vermittelt, zum anderen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 November 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/24801/sprachkonzepte-politischer-parteien" 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/sprache-als-droge.png"
            alt="Sprachkonzepte politischer Parteien"
        >
    </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">
                        Sprachkonzepte politischer Parteien
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die hier vorgestellten Further Oral Activities sind das Ergebnis einer Unterrichtseinheit zum Thema "Sprache und Macht", die Michael Huber von der Internationalen Schule Zug-Luzern mit seinen Schülern...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 October 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/21415/zensur-in-den-medien" 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/zensur.jpg"
            alt="Zensur in den Medien"
        >
    </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">
                        Zensur in den Medien
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dieser als Debatte organisierten FOA ging eine Unterrichtseinheit zu medialer Berichterstattung voraus. Die Schüler hatten sich mit der medialen Darstellung der Flüchtlingskrise und dem Krieg in Syrien...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 October 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/19867/was-darf-satire" 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/Merkel.png"
            alt="Was darf Satire?"
        >
    </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">
                        Was darf Satire?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der hier vorgestellten Further Oral Activity liegt eine Unterrichtseinheit zum Thema "Satire" zu Grunde. Die Unterrichtseinheit und FOA wurden von Michael Huber an der Internationalen Schule Zug-Luzern...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 October 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/21575/kinder-in-der-werbung" 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/lego-friends.jpg"
            alt="Kinder in der Werbung"
        >
    </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">
                        Kinder in der Werbung
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der hier vorgestellten Further Oral Activity liegt eine Unterrichtseinheit zum Thema Werbung zu Grunde. Die Schülerin hat sich entschieden für ihre FOA genauer zu untersuchen, inwiefern Kinder als Zielgruppe...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 October 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/23611/interpretationsansatze" 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/buecherkopf.png"
            alt="Interpretationsansätze"
        >
    </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">
                        Interpretationsansätze
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Wie lesen wir ein literarisches Werk? Die Bedeutung und Aussage eines literarischen Werkes ist nicht per se gegeben, denn es gibt verschiedene Herangehensweisen an ein Werk. Je nachdem welche Interpretationsmethode...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16078/kursuberblick" 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/Verkehrsschild%20Richtungen.jpg"
            alt="Kursüberblick"
        >
    </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">
                        Kursüberblick
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nachdem Sie den Language A: Language & Literature Guide gelesen haben, werden Sie sich sicherlich fragen, wo und womit Sie und Ihre Schüler im Unterricht beginnen sollen. Zunächst ist es wichtig, die...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/21296/anglizismen" 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/Backshop.jpg"
            alt="Anglizismen"
        >
    </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">
                        Anglizismen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Schicken Sie Ihre Schüler auf Anglizismen-Jagd! Eine Fotosafari, bei der die Schüler in der Stadt nach Anglizismen auf Plakaten, öffentlichen Werbeflächen etc. suchen und diese fotografieren, ist eine...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/20426/sargassomeer-rhys" 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/sargassomeer.jpg"
            alt="Sargassomeer (Rhys)"
        >
    </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">
                        Sargassomeer (Rhys)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ausgehend von der Annahme, dass Schriftsteller von gesellschaftlichen und persönlichen Faktoren in ihrem Schreiben beeinflusst werden, müssen wir im Unterricht mehr zu diesen Faktoren herausfinden, um...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/23904/p1-sl-gentleman-regeln" 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/gentlemanblog.png"
            alt="P1 SL (Gentleman-Regeln)"
        >
    </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 (Gentleman-Regeln)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 14. November 2012 Was macht einen Gentleman heutzutage aus? Während viele althergebrachte Sitten und Bräuche nach wie vor Gültigkeit besitzen, sind andere längst überholt. Der Gentleman-Blog präsentiert...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2017
                        </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=33" 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>
