<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/blog/37456/mock-paper-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/sos-kinderdorf.jpg"
            alt="Mock Paper 1"
        >
    </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">
                        Mock Paper 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"> Hier finden Sie ein Beispiel für ein Mock Paper 1, das Sie Ihren Schülern zur Vorbereitung auf das bevorstehende Examen geben können. Es handelt sich um einen Text mit visuellem Element - auch einer der...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 January 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/37288/paper-1-update" 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/paper-1-prufung.jpg"
            alt="Paper 1 Update"
        >
    </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">
                        Paper 1 Update
                                                <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 hat vor kurzem auf "My IB" zwei interessante Dokumente zum Paper 1 veröffentlicht. Während das erste Dokument "10 tips for schools and teachers about paper 1" eher allgemeiner Natur ist, geht das...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 January 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35331/p1-tipps" 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/Smiling-students.jpg"
            alt="P1 Tipps"
        >
    </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">
                        P1 Tipps
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die Schüler bekommen zwei nicht-literarische Texte zur Auswahl. Einer der beiden Texte ist ein visueller oder überwiegend visueller Text. Es handelt sich um zwei verschiedene Texttypen. Die Analyse soll...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 December 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/34981/drama" 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/aristoteles.jpg"
            alt="Drama"
        >
    </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">
                        Drama
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sie finden auf dieser Seite einen zusammenfassenden Überblick über die Entwicklung des Dramas. Je nachdem, welches Drama Sie im Unterricht lesen, können Sie bestimmte Passagen an Ihre Schüler verteilen,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 December 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/36883/hl-essay-sample" 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/voltaire.jpg"
            alt="HL Essay Sample"
        >
    </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">
                        HL Essay Sample
                                                <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"> "Candide ou l'optimisme" ist eine 1759 erschienene satirische Novelle des französischen Philosophen Voltaire. Im Jahr 1776 erschien eine deutsche Übersetzung unter dem Titel "Candide oder die beste aller...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/36032/io-erpenbeck-ponomarev" 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/ponomarev.jpg"
            alt="IO: Erpenbeck - Ponomarev"
        >
    </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: Erpenbeck - Ponomarev
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dieses Mock Individual Oral wurde von Stefan Sennhenn (Internationale Schule Hannover Region) aufgenommen. Die Schüler hatten im Unterricht Jenny Erpenbecks Roman "Gehen, Ging, Gegangen" (2015) gelesen....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/36749/schulerbeispiel-p1" 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/horoskop.jpg"
            alt="Schülerbeispiel P1"
        >
    </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">
                        Schülerbeispiel P1
                                                <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 folgende Interview erschien am 27. Januar 2012 in der online-Ausgabe der Süddeutschen Zeitung in der Rubrik "Gesellschaft". Das Interview wurde von Violetta Simon geführt. Bei diesem Interview handelt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/36388/individual-oral-erpenbeck-ponomarev" 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/ponomarev.jpg"
            alt="Individual Oral: Erpenbeck - Ponomarev"
        >
    </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">
                        Individual Oral: Erpenbeck - Ponomarev
                                                <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 hier veröffentlichte Oral basiert auf der Lektüre des Romans "Gehen, Ging, Gegangen" von Jenny Erpenbeck, erschienen im Jahr 2015. Der Roman handelt von Richard, einem Professor für klassische Philologie,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 October 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/36089/lehrerfragen-im-io" 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/fragen-io.jpg"
            alt="Lehrerfragen im IO"
        >
    </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">
                        Lehrerfragen im IO
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das Individual Oral (IO) besteht aus zwei Teilen: dem 10-minütigen Vortrag des Schülers und dem sich anschließenden 5-minütigen Gespräch zwischen Lehrer und Schüler, in dem der Lehrer Fragen stellt und...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/36187/follow-up-in-der-mundlichen-prufung" 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/fragen-io.jpg"
            alt="Follow-up in der mündlichen Prüfung"
        >
    </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">
                        Follow-up in der mündlichen Prüfung
                                                <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 Individual Oral (IO) besteht aus zwei Teilen: dem 10-minütigen Vortrag des Schülers und dem sich anschließenden 5-minütigen Gespräch zwischen Lehrer und Schüler, in dem der Lehrer Fragen stellt und...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2020
                        </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=24" 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>
