<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/blog/38576/erich-kastner-politische-lyrik" 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/kaestner.jpg"
            alt="Erich Kästner: Politische Lyrik"
        >
    </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">
                        Erich Kästner: Politische Lyrik
                                                <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"> Erich Kästner zählt in der Weimarer Republik zu den so genannten "Gebrauchslyrikern". Es handelt sich um Autoren, die mit ihren Gedichten Gesellschaftskritik zum Ausdruck bringen wollen und dies in einer...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 April 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/37251/erich-kastner-politische-lyrik" 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/kaestner.jpg"
            alt="Erich Kästner: Politische Lyrik"
        >
    </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">
                        Erich Kästner: Politische Lyrik
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Erich Kästner wird 1899 in Dresden in einfachen Verhältnissen geboren. Als junger Mann muss er als Soldat im Ersten Weltkrieg dienen. Große Bekanntheit erlangt Kästner durch die Veröffentlichung seiner...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/38069/paper-1-ib-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/paper-1-prufung.jpg"
            alt="Paper 1 IB-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">
                        Paper 1 IB-Tipps
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das IB hat 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 zweite Dokument...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/35731/p1-kriterien" 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/Excellent.jpg"
            alt="P1 Kriterien"
        >
    </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 Kriterien
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Bei der Vorbereitung auf Paper 1 sollten sich Lehrer und Schüler gleichermaßen mit den Bewertungskriterien vertraut machen. Wenn die Schüler wissen, worauf Prüfer achten und was sie beurteilen, kann eine...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/37988/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/feuer.jpg"
            alt="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">
                        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"> Die schriftliche P1-Prüfung rückt näher - es geht gewissermaßen nun in den Endspurt bei der Vorbereitung auf das Examen. Die Schüler schreiben ab jetzt idealerweise einmal pro Woche eine Textanalyse,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 March 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/37832/io-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/webinar.png"
            alt="IO 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">
                        IO 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"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/34708/io-grass-max-ernst" 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/ernst.jpg"
            alt="IO: Grass- Max Ernst"
        >
    </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: Grass- Max Ernst
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Das hier veröffentlichte Oral basiert auf der Lektüre des Romans "Die Blechtrommel" von Günter Grass. Nachdem der Roman im Unterricht besprochen worden war, dachten Lehrer (Stephan Klausch) und Schüler...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/37584/bow-max-mannheimer" 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/mannheimer.jpg"
            alt="BoW: Max Mannheimer"
        >
    </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: Max Mannheimer
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die von Marie-Luise von der Leyen aufgezeichneten Erinnerungen des Max Mannheimers erschienen 2012 unter dem Titel "Drei Leben". Ich selbst habe das Buch 2018 entdeckt, nachdem die Verkäuferin im Museumsshop...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/37745/max-mannheimer-drei-leben" 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/mannheimer.jpg"
            alt="Max Mannheimer: Drei Leben"
        >
    </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">
                        Max Mannheimer: Drei Leben
                                                <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"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/37543/paper-1-to-go" 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/tim-kosling.jpg"
            alt="Paper 1 &amp;quot;to go&amp;quot;"
        >
    </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 &quot;to go&quot;
                                                <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">                                                                                                                                                                                                        ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 January 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=23" 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>
