<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/16843/ee-beispiel-2-sprache-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/Times-Square.jpg"
            alt="EE Beispiel 2: Sprache in der Werbung"
        >
    </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 2: Sprache in der Werbung
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dieser Essay beschäftigt sich mit den wesentlichen sprachlichen Merkmalen von Werbung und inwiefern sich die Sprache in der Werbung von der Umgangssprache abhebt. Die Schülerin analysiert in ihrem Essay...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18976/ioc-vorbereitung" 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/bunter-Schreibblock.jpg"
            alt="IOC Vorbereitung"
        >
    </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">
                        IOC Vorbereitung
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Schüler haben in der mündlichen Prüfung 20 Minuten, in denen sie sich auf den Individual Oral Commentary vorbereiten können. Um diese relativ kurze Zeit optimal zu nutzen, sollten sie die folgenden...</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/19505/wt-1-und-2-kombiniert-hl" 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/Moschee.jpg"
            alt="WT 1 und 2 kombiniert (HL)"
        >
    </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">
                        WT 1 und 2 kombiniert (HL)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Hier finden Sie zwei kombinierte Written Tasks von zwei HL-Schülern. Als Textgrundlage für das Written Task 1, das in Form eines Blogs geschrieben wurde, dient ein Poster der Schweizer Partei SVP, das...</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/19475/frage-4-dolce-gabbana" 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="Frage 4 (Dolce &amp; Gabbana)"
        >
    </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">
                        Frage 4 (Dolce & Gabbana)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Deutscher Arbeitstitel: Auf welche Art und Weise wird das weibliche Geschlecht in der Dolce & Gabbana Werbung an den Rand gestellt, ausgeschlossen oder zum Schweigen gebracht? Frage: Welche gesellschaftlichen...</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/19293/frage-3-horvath" 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/Vienna.jpg"
            alt="Frage 3 (Horváth)"
        >
    </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">
                        Frage 3 (Horváth)
                                                <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"> "Geschichten aus dem Wiener Wald" ist das bekannte Theaterstück des österreichisch-ungarischen Schriftstellers Ödön von Horváth. Es wurde 1931 in Berlin uraufgeführt. Horváths Stück demaskiert knapp und...</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/17782/frage-2-roma" 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/Roma.JPG"
            alt="Frage 2 (Roma)"
        >
    </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">
                        Frage 2 (Roma)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> «Junge Einbrecherinnen auf frischer Tat ertappt», meldete die Zuger Kantonspolizei vor zwei Wochen. Am Dienstag, 20. März, um 10.57 Uhr, schnappten sie ein 13- und ein 16-jähriges Roma-Mädchen, als diese...</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/17511/frage-1-miller" 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/Coins.jpg"
            alt="Frage 1 (Miller)"
        >
    </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">
                        Frage 1 (Miller)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Deutscher Arbeitstitel: Wie könnte das Drama Der Tod eines Handlungsreisenden von Arthur Miller von amerikanischen Lesern in den 1940er-1950er Jahren und den deutschen Lesern in der heutigen Zeit anders...</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/19148/sekundarliteratur" 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/Library.jpg"
            alt="Sekundärliteratur"
        >
    </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">
                        Sekundärliteratur
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Was unterscheidet ein gutes Written Task 2 von einem mittelmäßigen? Abgesehen davon, dass das Thema zur gewählten Frage passen muss, muss der Schüler für ein gutes Task einen Rechercheprozess nach geeigneter...</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/18228/beispiel-10-durrenmatt" 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/Science.jpg"
            alt="Beispiel 10: Dürrenmatt"
        >
    </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 10: Dürrenmatt
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das vorliegende Task basiert auf der Tragikkomödie "Die Physiker" von Friedrich Dürrenmatt. Titelfiguren sind drei Physiker, die als Patienten in einer privaten psychiatrischen Klinik leben. Einer von...</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/18227/beispiel-9-schlink" 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/Jail.jpg"
            alt="Beispiel 9: Schlink"
        >
    </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 9: Schlink
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das folgende Task basiert auf dem Roman "Der Vorleser" von Bernhard Schlink aus dem Jahre 1995. Im Vordergrund des dreiteiligen Romans steht anfangs die ungleiche erotische Beziehung des Ich-Erzählers...</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=36" 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>
