<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/21384/drachenlaufer-hosseini" 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/hosseini.jpg"
            alt="Drachenläufer (Hosseini)"
        >
    </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">
                        Drachenläufer (Hosseini)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Der Roman Drachenläufer von Khaled Hosseini zeigt sehr eindrücklich, wie das Leben und die persönlichen Erfahrungen eines Autors auf die Gestaltung von literarischen Figuren und deren Handeln Einfluss...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16839/ee-beispiel-1-anglizismen" 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/Anglizismen.jpg"
            alt="EE Beispiel 1: Anglizismen"
        >
    </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 1: Anglizismen
                                                <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 folgende Extended Essay beschäftigt sich mit der Frage, ob Anglizismen in der deutschen Sprache eine Bereicherung darstellen oder zum Sprachverfall beitragen. Dabei wird auf aktuelle als auch historische...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/blog/25865/liebe-ib-deutschlehrer" 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/willkommen.jpeg"
            alt="Liebe IB-Deutschlehrer..."
        >
    </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">
                        Liebe IB-Deutschlehrer...
                                                <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"> ... ich möchte Sie auf meinem frisch gelaunchten German Language & Literature-Site herzlich willkommen heißen. Lange habe ich auf diesen Moment der Veröffentlichung hingearbeitet. Und dabei ist die Veröffentlichung...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18990/ioc-sl-sansibar-oder-der-letzte-grund" 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/Liberty.jpg"
            alt="IOC (SL) Sansibar oder der letzte Grund"
        >
    </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 (SL) Sansibar oder der letzte Grund
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Im Herbst 1937 kommen der kommunistische Funktionär Gregor mit einem Auftrag zu illegaler politischer Arbeit und die Jüdin Judith, die aufgrund der Nürnberger Rassengesetze auf der Flucht ist, in die...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 February 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18992/ioc-hl-sansibar-oder-der-letzte-grund" 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/Island.jpg"
            alt="IOC (HL) Sansibar oder der letzte Grund"
        >
    </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 (HL) Sansibar oder der letzte Grund
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Im Herbst 1937 kommen der kommunistische Funktionär Gregor mit einem Auftrag zu illegaler politischer Arbeit und die Jüdin Judith, die aufgrund der Nürnberger Rassengesetze auf der Flucht ist, in die...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 February 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/25264/sprichworter" 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/sprichworte.jpg"
            alt="Sprichwörter"
        >
    </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">
                        Sprichwörter
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sprichwörter hat es schon immer gegeben, denn mit ihnen kann man einen Sachverhalt kurz und knapp auf den Punkt bringen. Woher stammen Sprichwörter eigentlich? Vor Jahrhunderten wurden die meisten nur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 February 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/19616/facebook" 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/Facebook.jpg"
            alt="Facebook"
        >
    </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">
                        Facebook
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Facebook ist das weltweit größte soziale Online-Netzwerk. Facebook wurde im Jahre 2004 von Mark Zuckerberg sowie Chris Hughes, Dustin Moskovitz und Eduardo Saverin gegründet. Ziel war es eine Plattform...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 January 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18234/charakterisierung" 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/werther.jpg"
            alt="Charakterisierung"
        >
    </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">
                        Charakterisierung
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Jeder, der liest, hat sicherlich seine bevorzugten Protagonisten bzw. Figuren, die ihm auch noch lange nach der Lektüre im Gedächtnis bleiben. Mir geht es so mit Effi Briest, Gregor Samsa, Werther oder...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 January 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/25239/fragen-p2-november-17" 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/pruefung.jpg"
            alt="Fragen P2 November 17"
        >
    </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">
                        Fragen P2 November 17
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vor kurzem haben die IB-November-Prüfungen stattgefunden, auch für German A Language & Literature. Wenn Sie an Ihrer Schule einen Kurs im zweiten IB-Jahr unterrichten, dann ist der November oft auch der...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 November 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/24727/kurzgeschichten-von-boll" 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/boell-1.jpg"
            alt="Kurzgeschichten von Böll"
        >
    </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">
                        Kurzgeschichten von Böll
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Gerne werden in Part 4 kürzere literarische Formen gelesen, da sich diese gut zur Vorbereitung auf den Individual oral commentary (IOC)  anbieten. Sehr beliebt sind zum Beispiel Gedichte von Goethe oder...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 November 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=32" 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>
