Person Slider

<div class="stack">
    <section class="reel" data-controller="reel">
        <div class="reel__gallery" data-reel-target="gallery" tabindex="0" describedby="reel-instructions">
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="0">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Anne Christin Kemper</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="1">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Lothar Funk" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Lothar Funk</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="2">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Markus Albrecht" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Markus Albrecht</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="3">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Hans-H. Bleuel" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Hans-H. Bleuel</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="4">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Michael Bugge" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Michael Bugge</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="5">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Dirk Grathwohl" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Dirk Grathwohl</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="6">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Christian Kölle" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Christian Kölle</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="7">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Astrid Lachmann" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Astrid Lachmann</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="8">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Sabine Otte-Gräbener, LL.M." width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Sabine Otte-Gräbener, LL.M.</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="9">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Peter Scheideler" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Prof. Dr. Peter Scheideler</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="10">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Christina Lehmann, Dipl.-Betriebswirtin" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Christina Lehmann, Dipl.-Betriebswirtin</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="11">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Daniela Mühlen, M.A." width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Daniela Mühlen, M.A.</p>
                </a>
            </div>
            <div class="px--md" data-reel-target="item">
                <a href="#persons" data-target="#persons" data-slide-to="12">
                    <picture class="mb--sm">
                        <img src="/placeholder/400x400.jpg" alt="Dr. Mike Seidensticker" width="80" height="80" class="img--fluid">
                    </picture>
                    <p>Dr. Mike Seidensticker</p>
                </a>
            </div>

        </div>
        <div class="reel__instructions" id="reel-instructions">
            <p class="reel__instruction reel__instruction--touch">Wischen um mehr zu sehen</p>
            <p class="reel__instruction reel__instruction--hover">Scrollen um mehr zu sehen</p>
            <p class="reel__instruction reel__instruction--focus">Pfeiltasten benutzen zur Navigation</p>
            <p class="reel__instruction reel__instruction--hover-and-focus">Scrollen oder Pfeiltasten zur Navigation benutzen</p>
        </div>
        <ul aria-label="gallery controls" class="reel__controls" data-reel-target="controls">
            <li>
                <button type="button" class="btn" aria-label="previous" data-action="click->reel#previous">
                    <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
                        <use xlink:href="/assets/icons.svg#i-arrow_left" />
                    </svg>
                </button>
            </li>
            <li>
                <button type="button" class="btn" aria-label="next" data-action="click->reel#next">
                    <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
                        <use xlink:href="/assets/icons.svg#i-arrow_right" />
                    </svg>
                </button>
            </li>
        </ul>
    </section>
    <div class="reel" data-controller="reel">
        <div class="reel__gallery" data-reel-target="gallery">

        </div>
    </div>
    <div id="persons" class="carousel" data-controller="carousel">
        <ul class="carousel__controls btn-group" role="group" aria-label="gallery controls">
            <li class="carousel__control-prev">
                <button type="button" class="btn btn--lg" data-target="#persons" data-slide="prev">
                    <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
                        <use xlink:href="/assets/icons.svg#i-arrow_left" />
                    </svg>
                </button>
            </li>
            <li class="carousel__control-next">
                <button type="button" class="btn btn--lg" data-target="#persons" data-slide="next">
                    <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
                        <use xlink:href="/assets/icons.svg#i-arrow_right" />
                    </svg>
                </button>
            </li>
        </ul>
        <div class="carousel__inner" data-carousel-target="inner">
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Anne Christin Kemper" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Anne Christin Kemper</h4>
                        <p class="lead">Studiengangleitung, Allgemeine Betriebswirtschaftslehre, insb. International Marketing and
                            Research</p>
                        <p>Prof. Dr. Anne Christin Kemper ist seit 2014 Professorin für Allgemeine BWL, International Marketing and
                            Research an der Hochschule Düsseldorf. Sie verfügt über langjährige internationale Management-Erfahrung in
                            namhaften Unternehmen des Konsum- und Investitionsgüterbereichs, insbesondere in verschiedenen
                            Führungsstufen des International Marketing, International Brand Management sowie im International Business
                            Development. Ihr branchenübergreifendes strategisches und operatives Know-how findet seinen Niederschlag
                            in ihrem sehr anwendungsnahen Lehransatz.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/annechristin.kemper">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Lothar Funk" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Lothar Funk</h4>
                        <p class="lead">Studiengangleitung, Volkswirtschaftslehre, insb. internationale Wirtschaftsbeziehungen</p>
                        <p>Prof. Dr. Lothar Funk studierte Volkswirtschaftslehre an den Universitäten Trier und Loughborough
                            University of Technology in Großbritannien. Lothar Funk arbeitete als DAAD Senior Fellow &amp; Director of
                            Economic Research am Institute for German Studies an der University of Birmingham, Großbritannien. Er war
                            Referatsleiter am Institut der deutschen Wirtschaft Köln. Er ist unter anderem Mitherausgeber der
                            wissenschaftlichen Zeitschrift "Sozialer Fortschritt - German Review of Social Policy".</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/lothar.funk">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Markus Albrecht" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Markus Albrecht</h4>
                        <p class="lead">Allgemeine BWL, insb. Controlling</p>
                        <p>Prof. Dr. Marcus Albrecht ist seit 2010 Professor für Controlling und ABWL an der HSD. Seine
                            Lehr-/Forschungsschwerpunkte liegen in den Bereichen Controlling, Data Analytics/KI, Risk-Management sowie
                            Change-Management und Leadership. Marcus Albrecht verfügt über umfangreiche Fach- und Führungserfahrung
                            aus namhaften Banken/NPO und berät Unternehmen und öffentliche Institutionen in Fragen der
                            Unternehmenssteuerung, bei Analytics- und KI-Projekten sowie im Change-Management. Ein studentennaher
                            Professor, der in seinen Veranstaltungen theoretische Konzepte und Modelle anwendungsorientiert mit der
                            Führungspraxis verbindet.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/markus.albrecht">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Hans-H. Bleuel" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Hans-H. Bleuel</h4>
                        <p class="lead">Internationale Betriebswirtschaft einschl. Regional Studies</p>
                        <p>Prof. Dr. Hans-H. Bleuel verfügt über profunde Berufserfahrung in multinationalen Unternehmen der Konsum-
                            und Investitionsgüterindustrie. Daher rührt auch sein didaktischer Ansatz, den er als „anwendungs- und
                            entscheidungsorientiert“ bezeichnet.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/hans.bleuel">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Michael Bugge" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Michael Bugge</h4>
                        <p class="lead">Allgemeine BWL, insb. Personalmanagement</p>
                        <p>Prof. Dr. Michael Bugge verfügt über rund 20 Jahre Berufserfahrung als Personalleiter in multinationalen
                            mittelständischen Unternehmen der produzierenden Industrie. Als Wirtschaftspädagoge favorisiert er
                            transferförderliche Lernsettings, die z.B. durch häufigen Einsatz von Fallstudienarbeit die Festigung
                            theoretischer Lerninhalte zum Ziel hat.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/michael.bugge">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Dirk Grathwohl" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Dirk Grathwohl</h4>
                        <p class="lead">Allgemeine BWL: Unternehmensrechnung, insb. IFRS</p>
                        <p>Prof. Dr. Dirk Grathwohl ist seit 2015 an der Hochschule Düsseldorf Professor für Internationale
                            Rechnungslegung. Zuvor leitete er die bilanzielle Grundsatzabteilung eines großen deutschen
                            Handelskonzerns.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/dirk.joedicke">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Christian Kölle" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Christian Kölle</h4>
                        <p class="lead">Allgemeine BWL, insb. Quantitative Methoden, Finanzmanagement</p>
                        <p>Prof. Dr. Christian Kölle lehrt im Studiengang BIM die Spezialisierung „International Finance“, die
                            finanzwirtschaftlich ausgerichtet ist. Vor seiner Lehrtätigkeit war er in verschiedenen Funktionen einer
                            internationalen Bank tätig.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/christian.koelle">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Astrid Lachmann" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Astrid Lachmann</h4>
                        <p class="lead">Allgemeine BWL, insb. Unternehmensführung, Controlling und Informationsmanagement</p>
                        <p>Prof. Dr. Astrid Lachmann lehrt die internationale Controlling-Spezialisierung im Studiengang BIM. Vor
                            ihrer Lehrtätigkeit war sie viele Jahre als Führungskraft im Controlling renommierter DAX-Unternehmen
                            tätig. Sie verfügt über profunde Controlling-Expertise in komplexen Konzernstrukturen. Internationale
                            Unternehmen waren bereits Schwerpunkt ihres betriebswirtschaftlichen Studiums, das sie in Deutschland und
                            den USA absolvierte.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/astrid.lachmann">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Sabine Otte-Gräbener, LL.M." class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Sabine Otte-Gräbener, LL.M.</h4>
                        <p class="lead">Bürgerliches Recht, Handels-, Gesellschafts- und Arbeitsrecht</p>
                        <p>Prof. Dr. Sabine Otte-Gräbener, LL.M. ist seit 2015 Professorin für Zivil-, Handels- und
                            Gesellschaftsrecht an der Hochschule Düsseldorf. Zuvor war Sabine Otte-Gräbener Rechtsanwältin in
                            internationalen Großkanzleien. Sie ist Autorin zahlreicher Publikationen, insbesondere im
                            Gesellschaftsrecht.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/sabine.otte-graebener">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Prof. Dr. Peter Scheideler" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Prof. Dr. Peter Scheideler</h4>
                        <p class="lead">Allgemeine BWL, insb. internationales Distributionsmanagement</p>
                        <p>Prof. Dr. Peter Scheideler verfügt über 17 Jahre Berufserfahrung in leitenden Funktionen im Bereich
                            Handel / Konsumgüter (u.a. bei Procter&amp;Gamble, Boston Consulting Group, Obi Group Holding, Bata). Sein
                            Studium im Fach Wirtschaftsingenieurwesen absolvierte er in Deutschland, USA und Spanien. An der
                            Hochschule Düsseldorf lehrt er im Gebiet "Internationales Distributionsmanagement", in dem er sowohl
                            logistische als auch vertriebliche Themen behandelt.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/peter.scheideler">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Christina Lehmann, Dipl.-Betriebswirtin" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Christina Lehmann, Dipl.-Betriebswirtin</h4>
                        <p class="lead">Lehrkraft für Wirtschaftsinformatik und Rechnungswesen</p>
                        <p>Christina Lehmann ist seit 2012 als Lehrkraft für besondere Aufgaben an der Hochschule Düsseldorf im
                            Lehrgebiet Wirtschaftsinformatik und Rechnungswesen tätig. Vor ihrer Tätigkeit an der HSD war Christina
                            Lehmann 10 Jahre als Senior Consultant bei der SAP SE beschäftigt.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/christina.lehmann">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Daniela Mühlen, M.A." class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Daniela Mühlen, M.A.</h4>
                        <p class="lead">Lehrbeauftragte für Internationales Messemanagement</p>
                        <p>Daniela Mühlen leitet den Geschäftsbereich Kommunikation &amp; Werbung bei der Messe Essen und verfügt
                            über Erfahrung in der strategischen Markenführung sowohl auf Unternehmens- als auch auf Agenturseite. Ihr
                            Wissen rund um das Marketinginstrument Messe gibt sie in verschiedenen Studiengängen des Fachbereichs
                            Wirtschaftswissenschaften weiter.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/daniela.muehlen">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
            <div class="carousel__item" data-carousel-target="slide">
                <div class="box media media--responsive">
                    <div class="media__figure" style="max-width: 210px;">
                        <picture>
                            <img src="/placeholder/400x600.jpg" alt="Dr. Mike Seidensticker" class="img--fluid">
                        </picture>
                    </div>
                    <div class="media__body">
                        <h4>Dr. Mike Seidensticker</h4>
                        <p class="lead">Lehrbeauftragter für Messe- und Kongresswesen, Marke und Marketing-Kommunikation,
                            Kommunikationswissenschaft</p>
                        <p>Dr. Mike Seidensticker, Historiker und gelernter Journalist, ist seit 30 Jahren in wechselnden Positionen
                            im internationalen Messegeschäft tätig, aktuell als Unternehmenssprecher von Reed Exhibitions, einem der
                            weltweit führenden Veranstalter von Messen und Ausstellungen. Seidensticker gilt als einer der
                            profundesten Kenner im internationalen Messe-Marketing.</p>
                        <a href="https://wiwi.hs-duesseldorf.de/personen/mike.seidensticker">Zur
                            Personenseite</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>