<turbo-stream action="append" target="section-items">
    <template>
            <a href="/german/page/17858/politiker-auf-twitter" 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/Social-Media-2.jpg"
            alt="Politiker auf Twitter"
        >
    </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">
                        Politiker auf Twitter
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Twitter, Tweet, Twittern? Was genau verbirgt sich hinter diesen Begriffen? Das Wort Twitter kommt aus dem Englischen und bedeutet so viel wie "Gezwitscher", so wie es Vögel tun. Twittern oder Zwitschern...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/19647/doku-soaps" 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/Schulermittler.png"
            alt="Doku-Soaps"
        >
    </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">
                        Doku-Soaps
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Fernsehformate wie Doku-Soaps erfreuen sich bei Jugendlichen großer Beliebtheit. Im Privatfernsehen laufen eine Vielzahl dieser Programme, die auch als "Reality-TV" bezeichnet werden. Doch wie real sind...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/19646/deutsche-soaps" 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/marienhof.png"
            alt="Deutsche Soaps"
        >
    </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">
                        Deutsche Soaps
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Liebe, Intrige, Schicksal: In dieser Unterrichtseinheit beschäftigen sich die Schüler mit einer Soap im deutschen Fernsehen. In der Lebenswelt junger Menschen spielen Daily Soaps eine wichtige Rolle....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17952/manipulation-durch-medien" 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/Vorher-Nachher.jpg"
            alt="Manipulation durch Medien"
        >
    </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">
                        Manipulation durch Medien
                                                <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 Macht der Bilder in den Medien ist unbestreitbar. Es sind vielfach Bilder, die neben der eigentlichen Sprache die Medien beherrschen und den Zuschauer schnell und direkt erreichen. Ein Bild besitzt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/18464/social-spots" 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/subject/generic/39/01.jpg"
            alt="Social Spots"
        >
    </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">
                        Social Spots
                                                <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 folgende Unterrichtseinheit zum Thema "Werbung" beschäftigt sich mit der Analyse von verschiedenen Werbespots. Die ersten beiden Spots sind Social Spots, die sich für eine bessere und gerechtere Welt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/19619/kampagnen-astra-bier-dove" 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/Astra1.png"
            alt="Kampagnen Astra Bier / Dove"
        >
    </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">
                        Kampagnen Astra Bier / Dove
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mit unkonventionellen Werbebotschaften und einzigartigem Design hat es das Hamburger Astra-Bier zur Kultmarke gebracht. Dass der Eigentümer der Marke der dänische Bier-Konzern Carlsberg ist, tritt in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16092/werbung" 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/peacock.jpg"
            alt="Werbung"
        >
    </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">
                        Werbung
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Wie funktioniert Werbung? Die Frage könnte auch lauten: Wie gelingt es Werbung, uns zu beeinflussen und unser Kaufverhalten oder unsere Einstellung zu einem Thema zu lenken? Mit welchen Mitteln arbeitet...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/16094/reden-kampagnen" 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/gauck.jpg"
            alt="Reden &amp; Kampagnen"
        >
    </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">
                        Reden & Kampagnen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Es gibt verschiedene Möglichkeiten, sich mit dem Thema "Reden und Kampagnen" in Part 2 zu beschäftigen. Eine konventionelle und zum Einstieg geeignete Herangehensweise ist es, sich einige Reden verschiedener...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/19557/stereotype" 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/stereotypes.jpg"
            alt="Stereotype"
        >
    </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">
                        Stereotype
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Die folgenden Materialien auf dieser Seite bilden eine Unterrichtseinheit zum Thema "Stereotype in den Medien". "Stereotype werden im Alltag vielfach verwendet. Stereotype sind vereinfachende Vorstellungen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/german/page/17452/uberblick-part-2" 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/media.jpg"
            alt="Überblick Part 2"
        >
    </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">
                        Überblick Part 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Part 2 - Language and mass communication beschäftigt sich mit der Analyse von Massenmedien. Im Mittelpunkt steht die Frage, wie Sprache in unseren Medien eingesetzt wird, um zu informieren, zu unterhalten...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 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=40" 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>
