<div class="container container--lg site-intro site-intro--drag-subnav">
    <picture class="site-intro__image">
        <img src="/placeholder/400x600.jpg" alt="" with="300" height="200">
    </picture>
    <div class="site-intro__content">
        <div class="portal">
            <a href="#" class="portal__upwards" title="Alle Studiengänge">
                <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
                    <use xlink:href="/assets/icons.svg#i-subdirectory_arrow_up" />
                </svg>
                <span>Alle Studiengänge</span>
            </a>
            <div class="portal__title"><a href="#">International Management M.A.</a></div>
        </div>

    </div>
</div>

<div class="container">
    <nav id="menu-subnav" class="subnav" id="subnav">
        <button type="button" data-controller="disclosure" data-target="#subnav" aria-expanded="false" aria-controls="subnav" class="btn subnav__toggle">
            <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
                <use xlink:href="/assets/icons.svg#i-menu" />
            </svg>
            <span>Unterseiten anzeigen</span>
        </button>
        <div class="subnav__collapse collapse" id="subnav">
            <ul class="subnav__items">
                <li class="subnav__item active">
                    <a href="#" class="subnav__link">Item 1</a>

                </li>
                <li class="subnav__item has-children">
                    <a href="#" class="subnav__link">Item 2</a>

                    <button data-controller="disclosure" data-target="#sub2" aria-expanded="false" aria-controls="sub2">
                        <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
                            <use xlink:href="/assets/icons.svg#i-drop_down" />
                        </svg>
                        <span class="visually-hidden">Untermenü für Item 2 anzeigen</span>
                    </button>
                    <ul class="collapse" data-parent="#subnav" id="sub2">
                        <li>
                            <a href="#" class="subnav__link">Child Link 1</a>
                        </li>
                        <li>
                            <a href="#" class="subnav__link">Child Link 2</a>
                        </li>
                        <li>
                            <a href="#" class="subnav__link">Child Link 3</a>
                        </li>
                        <li>
                            <a href="#" class="subnav__link">Child Link 4</a>
                        </li>
                    </ul>
                </li>
                <li class="subnav__item">
                    <a href="#" class="subnav__link">Item 3</a>

                </li>
                <li class="subnav__item">
                    <a href="#" class="subnav__link">Item 4</a>

                </li>
                <li class="subnav__item">
                    <a href="#" class="subnav__link">Item 5</a>

                </li>
                <li class="subnav__item">
                    <a href="#" class="subnav__link">Item 6</a>

                </li>
            </ul>
        </div>
    </nav>

    <div class="section-header" id="im-ueberblick">
        <h2 class="h1">
            <span id="h-im-ueberblick">Im Überblick</span>
            <a href="#im-ueberblick" class="section-header__anchor" aria-labelledby="h-im-ueberblick">#</a>
        </h2>
    </div>
    <div class="multicol">
        <div class="multicol__content">
            <div class="stack">
                <div id="slider-1" class="carousel carousel--no-scroll" data-controller="carousel">
                    <div class="carousel__inner" data-carousel-target="inner">
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                        <div class="carousel__item" data-carousel-target="slide">
                            <figure class="figure">
                                <img src="/placeholder/800x600.jpg" width="800" height="600" alt="Prof. Dr. Anne Christin Kemper" class="img-fluid">

                                <figcaption class="figure__caption">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam enim, vel eum inventore consectetur minus fugiat illo nisi asperiores eaque est sint dicta. Praesentium itaque ut rerum ipsa, repellat non?</figcaption>
                            </figure>
                        </div>
                    </div>
                </div>

                <div class="cluster cluster--thumbnails">
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="0" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="1" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="2" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="3" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="4" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="5" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="6" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="7" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="8" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="9" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                    <a href="#slider-1" data-target="#slider-1" data-slide-to="10" class="thumbnail">
                        <picture>
                            <img src="/placeholder/400x400.jpg" alt="Prof. Dr. Anne Christin Kemper" width="80" height="80" class="img-fluid">
                        </picture>
                    </a>
                </div>
            </div>
        </div>
        <div class="multicol__marginal">
        </div>
    </div>
</div>
{% include '@site-intro' with {
  modifier: 'drag-subnav',
  image: {
    src: '/placeholder/400x600.jpg',
    alt: '',
  },
  lead: null,
  portal: {
    back: {
      label: 'Alle Studiengänge',
      url: '#',
    },

    page: {
      label: 'International Management M.A.',
      url: '#',
    },
  },
} %}

<div class="container">
  {% include '@subnav' %}

  {% include '@section-header' with {
    title: 'Im Überblick',
    id: 'im-ueberblick',
  } %}

  <div class="multicol">
    <div class="multicol__content">
      {% include '@b-image-gallery' with { id: 'slider-1' } %}
    </div>
    <div class="multicol__marginal">
    </div>
  </div>
</div>
/* No context defined. */