<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/49865/lernerportfolio" 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/portfolio.jpg"
            alt="Lernerportfolio"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Lernerportfolio ist eine wunderbare Gelegenheit für Dich, Deinen Lernprozess und Deine Lernfortschritte zu dokumentieren. Es soll Dir beim Lernen helfen. Du solltest es nicht als eine Bürde sehen,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/28832/das-schulerportfolio" 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/portfolio.jpg"
            alt="Das Schülerportfolio"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Kursüberblick
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Das Schülerportfolio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Schülerportfolio (learner portfolio) ist ein zentraler und obligatorischer Bestandteil des Kurses. Es handelt sich um eine individuelle Sammlung der Arbeiten eines jeden Schülers, die er/sie in den...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 July 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/28742/willkommen" 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/welcome.jpg"
            alt="Willkommen"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Subject Site bietet zahlreiche Ideen und Materialien, die Ihnen als Lehrer die Planung und das Unterrichten des Lang&Lit-Kurses erleichtern. Sie finden hier Inspirationen für einen gelungenen Unterricht...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 July 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/48716/io-kombination-heine-kollwitz" 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/heine.jfif"
            alt="IO-Kombination: Heine-Kollwitz"
        >
    </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-Kombination: Heine-Kollwitz
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die politische Lyrik Heinrich Heines mit dem sozialkritischen Werk der Künstlerin Käthe Kollwitz zu vergleichen, bietet sich sehr gut für die mündliche Prüfung (IO) an. Sowohl die Zeichnungen und Graphiken...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 June 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/48174/hl-essay-hamlet" 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/hamlet.jpg"
            alt="HL Essay: Hamlet"
        >
    </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: Hamlet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Im Mittelpunkt der 1602 uraufgeführten Tragödie »Hamlet« von William Shakespeare steht der junge Prinz von Dänemark, der den Mord an seinem Vater rächen soll. Die Geschichte stammt aus dem frühen Mittelalter,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 June 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/47920/bow-die-grunen" 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/gruene-4.png"
            alt="BoW: Die Grünen"
        >
    </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: Die Grünen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> "Bereit, weil Ihr es seid" - mit diesem Slogan zog die Partei Bündnis 90/Die Grünen zur Bundestagswahl 2021 in den Wahlkampf. Ziel dieser Kampagne war es, sich als moderne, offene und inklusive Partei...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/47822/hl-essay-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/alte-dame.jpg"
            alt="HL Essay: Dürrenmatt"
        >
    </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: Dürrenmatt
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In dem kleinen verarmten Ort Güllen sorgt der Besuch einer alten Dame namens Claire Zachanassian für Aufregung. Die Bewohner hoffen, durch sie wieder zu Wohlstand und Vermögen zu gelangen. Die alte Dame...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 April 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/47784/bow-horst-haitzinger" 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/haitzinger-foto.jpg"
            alt="BoW: Horst Haitzinger"
        >
    </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: Horst Haitzinger
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Horst Haitzinger zählt zu den bekanntesten politischen Karikaturisten im deutschsprachigen Raum. Er hat über 15.000 Schwarz-Weiß Zeichnungen und farbig ausgeführte Aquarelle zu Politik, Umwelt sowie gesellschaftlichen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 April 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/47347/p2-tipps-fur-schuler-5" 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/vergleich.jpg"
            alt="P2: Tipps für Schüler (5)"
        >
    </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">
                        P2: Tipps für Schüler (5)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Auf dieser Seite geht es darum, wie Du Deinen Aufsatz für die Paper 2-Prüfung am besten strukturierst und wie es Dir gelingt, Deine Texte effektiv zu vergleichen und gegenüberzustellen (compare and contrast)....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 March 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/46101/p2-tipps-fur-schuler-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/kloster.jpg"
            alt="P2: Tipps für Schüler (3)"
        >
    </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">
                        P2: Tipps für Schüler (3)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sobald Du Dich entschieden hast, welche Werke Du im Paper 2 benutzen möchtest, musst Du diese zwei Werke sehr gut vorbereiten. Du musst die beiden Texte aus dem Effeff kennen, denn nur dann wirst Du in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 February 2023
                        </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=14" 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>
