<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/17712/beispiel-7-wedekind" 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.jpg"
            alt="Beispiel 7: Wedekind"
        >
    </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 7: Wedekind
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das 1891 geschriebene und 1906 in Berlin uraufgeführte Drama »Frühlings Erwachen« (Untertitel: »Eine Kindertragödie«) von Frank Wedekind spielt Ende des 19. Jahrhunderts. Die beiden Gymnasiasten Melchior...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17699/beispiel-6-mcdonalds-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/subject/generic/39/01.jpg"
            alt="Beispiel 6: McDonalds 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">
                        Beispiel 6: McDonalds Werbung
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das hier vorgestellte Written Task basiert auf Part 2 (Sprache und Massenmedien) des Language and Literature-Kurses. Der Schüler (SL) setzt sich in Form eines Leserbriefes mit zwei von McDonalds veröffentlichten...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17100/beispiel-5-kommunikation-mannfrau" 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/Adam-und-Eva.jpg"
            alt="Beispiel 5: Kommunikation Mann/Frau"
        >
    </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 5: Kommunikation Mann/Frau
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das vorliegende Task beschäftigt sich mit Gender-spezifischem Kommunikationsverhalten und soll veranschaulichen, wie die unterschiedlichen Kommunikationsweisen zu Problemen in der Verständigung zwischen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17711/beispiel-4-sexistische-reklame-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/Female-legs.jpg"
            alt="Beispiel 4: Sexistische Reklame (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">
                        Beispiel 4: Sexistische Reklame (2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In diesem Written Task, das von einem HL-Schüler verfasst wurde, wird in Form eines Leserbriefs (Texttyp) der online-Artikel "Die Dose trägt Dessous, hihi" der Spiegel-Kolumnistin Silke Burmester kritisiert....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17099/beispiel-3-sexistische-reklame-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/dolce.jpg"
            alt="Beispiel 3: Sexistische Reklame (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">
                        Beispiel 3: Sexistische Reklame (1)
                                                <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"> In dem vorliegenden Written Task für den Language-Teil des Kurses geht es um Sexismus in der Werbung. Dem Task liegt ein auf dem Spiegel Online-Portal "einestages" veröffentlichter Artikel zu Grunde,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17094/beispiel-2-kehlmann-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/Freiheitsstatue.jpg"
            alt="Beispiel 2: Kehlmann (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">
                        Beispiel 2: Kehlmann (2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dem hier vorliegenden Written Task liegt der im Jahre 2005 erschienene Roman "Die Vermessung der Welt" von Daniel Kehlmann zu Grunde. Der Roman beschäftigt sich auf fiktive und ironisierende Weise mit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17088/beispiel-1-kehlmann-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/Berge.jpg"
            alt="Beispiel 1: Kehlmann (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">
                        Beispiel 1: Kehlmann (1)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dem hier vorliegenden Written Task 1 liegt der im Jahre 2005 erschienene Roman "Die Vermessung der Welt" von Daniel Kehlmann zu Grunde. Der Roman beschäftigt sich auf fiktive und ironisierende Weise mit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18925/textsorten" 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/Lupe.jpg"
            alt="Textsorten"
        >
    </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">
                        Textsorten
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Für das Written Task 1 wird verlangt, eine bestimmte Textform zu imitieren. Es stehen viele Möglichkeiten zur Auswahl wie zum Beispiel eine Broschüre, eine Rede, ein Leserbrief, ein persönlicher Brief,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/22777/p2-hl-figurenentwicklung-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/persepolis-abba.jpg"
            alt="P2 HL (Figurenentwicklung 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">
                        P2 HL (Figurenentwicklung 2)
                                    

                    </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: Bei Figuren oder Personen findet im Laufe eines Werks oft eine Entwicklung statt. Wie...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18407/schreibentwurfe" 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/Gedankenblitz.jpg"
            alt="Schreibentwürfe"
        >
    </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">
                        Schreibentwürfe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Es gibt nicht die eine richtige Art beim Schreiben von Paper 2. Es gibt aber durchaus empfehlenswerte Vorgehensweisen bei der Strukturierung des Essays. Schüler sollten in der Prüfung (und auch in der...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 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=37" 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>
