<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/39145/textanalyse-die-vier-cs" 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/files/visible-thinking.jfif"
            alt="Textanalyse: ​​​​​​​Die vier Cs"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Literatur
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Textanalyse: ​​​​​​​Die vier Cs
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die vier Cs - Connections, Challenges, Concepts, Changes - sind durch das Buch "Making Thinking Visible" von Ron Ritchhart, Mark Church and Karin Morrison in den vergangenen Jahren sehr bekannt geworden....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/40170/ferdinand-von-schirach-schuld" 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/schuld.jfif"
            alt="Ferdinand von Schirach: Schuld"
        >
    </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">
                        Ferdinand von Schirach: Schuld
                                                <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"> Die Sommerferien stehen vor der Tür bzw. haben vielerorts schon begonnen. Vielleicht suchen Sie für die schulfreien Tage noch eine kurzweilige Lektüre, die vielschichtig und anspruchsvoll genug ist, um...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 July 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35947/bow-the-hate-you-give" 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/rassismus.jpg"
            alt="BoW: The Hate You Give"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Sprache
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        BoW: The Hate You Give
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Jugendroman "The Hate U Give" erschien 2017 und wurde von der afro-amerikanischen Schriftstellerin Angie Thomas verfasst. Das Buch beschreibt das Leben der 16-jährigen Protagonistin Starr Carter,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 July 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/40094/the-hate-u-give" 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/starr.png"
            alt="The Hate U Give"
        >
    </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">
                        The Hate U Give
                                                <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"> Der Jugendroman "The Hate U Give" erschien 2017 und wurde von der afro-amerikanischen Schriftstellerin Angie Thomas verfasst. Das Buch beschreibt das Leben der 16-jährigen Protagonistin Starr Carter,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 July 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/31213/bodies-of-work" 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/rodin.jpg"
            alt="Bodies of work"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Sprache
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Bodies of work
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In der deutschen Fassung des IB Guides (Handbuch Sprache A: Sprache und Literatur) wird "body of work" als "breiteres Gesamtwerk" übersetzt. Fakt ist, dass Sachtexte, also nicht-literarische Texte, die...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 June 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/39474/hl-essay-schnitzler" 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/reigen.jpg"
            alt="HL Essay: Schnitzler"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        HL Essay: Schnitzler
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Arthur Schnitzlers Reigen entstand Anfang des 20. Jahrhunderts zu Zeiten der Wiener Moderne. Das Drama setzt sich mit der herrschenden Ungleichheit zwischen den Geschlechtern auseinander und beschreibt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/39492/arthur-schnitzler-reigen" 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/arthur.jpg"
            alt="Arthur Schnitzler: Reigen"
        >
    </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">
                        Arthur Schnitzler: Reigen
                                                <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"> Arthur Schnitzlers Drama und Skandalstück Reigen, erschienen 1903 in Wien und uraufgeführt 1920 in Berlin, nimmt heute die Stellung eines Klassikers der Wiener Moderne ein. Der hier vorgestellte HL Essay...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/39076/bow-wahlplakate" 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/svp1.png"
            alt="BoW: Wahlplakate"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Sprache
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        BoW: Wahlplakate
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Schweizer Volkspartei (SVP) macht mit ihren Wahlplakaten gerne deutlich, wo sie politisch steht. Auf ihrer Website wirbt sie für neue Mitglieder mit den Worten "Werden Sie SVP-Mitglied und unterstützen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 May 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/39349/io-struktur" 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/oral-test.jpg"
            alt="IO Struktur"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        IO Struktur
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Zur Vorbereitung des Individual Orals Das hier vorgestellte Outline ist ein Vorschlag zur Strukturierung des IO. Es gibt andere Möglichkeiten, das IO zu strukturieren. Ich werde in losen Abständen noch...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 May 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/39334/struktur-individual-oral" 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/files/io-witz.jpg"
            alt="Struktur Individual Oral"
        >
    </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">
                        Struktur Individual Oral
                                                <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"> Das IB schreibt NICHT die EINE richtige Art und Weise vor, das IO zu strukturieren. Wenn Sie diesbezüglich mit anderen Aussagen konfrontiert werden, sind diese nicht richtig. Das IO wird kriterienbezogen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 May 2021
                        </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=21" 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>
