<header class="c-main-navigation">
  <div class="c-main-navigation__container">
    <nav class="c-main-navigation__top-menu o-container">
      <div class="o-flex-line">
        <button class="c-modal-trigger c-main-navigation__burger u-hide@desktop" aria-controls="main-menu-modal" aria-expanded="false" title="Menü öffnen">
          <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#bars-3-solid"></use>
          </svg>
        </button><a class="c-main-navigation__logo" href="/index-10-1_default.html" title="Zur Startseite"><img src="Images/logos/logo-example.svg" width="96" height="96" alt="Logo Max-Mustermann-Realschule"/></a>
      </div>
      <ul class="c-main-navigation__list o-list-bare u-hide@below-desktop">
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-358" aria-expanded="false" data-swipe-menu-external-trigger="">Aktuelles
          </button>
        </li>
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-358" aria-expanded="false" data-swipe-menu-external-trigger="">Schulfamilie
          </button>
        </li>
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-918" aria-expanded="false" data-swipe-menu-external-trigger="">Über uns
          </button>
        </li>
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-278" aria-expanded="false" data-swipe-menu-external-trigger="">Beratung
          </button>
        </li>
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-246" aria-expanded="false" data-swipe-menu-external-trigger="">Über uns
          </button>
        </li>
        <li class="c-main-navigation__list-item"><a class="c-main-navigation__link" href="#">WebUntis</a>
        </li>
      </ul>
      <ul class="c-main-navigation__list o-list-bare">
        <li class="c-main-navigation__list-item"><a class="c-main-navigation__link" href="#" title="User-Login">
            <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#user-circle-solid"></use>
            </svg></a></li>
        <li class="c-main-navigation__list-item"><a class="c-main-navigation__link" href="#" title="E-Mail Kontakt">
            <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#envelope-solid"></use>
            </svg></a></li>
        <li class="c-main-navigation__list-item"><a class="c-main-navigation__link" href="#" title="Telefon Kontakt">
            <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#phone-solid"></use>
            </svg></a></li>
      </ul>
    </nav>
    <div class="c-modal" id="main-menu-modal">
      <div class="c-modal__topbar o-container">
        <button class="c-modal__close-button" aria-controls="main-menu-modal" aria-expanded="false" title="Close modal">
          <svg class="c-modal__close-icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#x-mark-solid"></use>
          </svg>
        </button>
      </div>
      <div class="c-modal__content o-container">
        <nav class="c-swipe-menu-container">
          <ul class="c-swipe-menu c-swipe-menu--root o-list-bare" id="swipe-menu-root">
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-358" data-swipe-activate="">Aktuelles
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-358">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-358" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Studiengangübersicht</a></li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Vor dem Studium</a></li>
                <li class="c-swipe-menu__item">
                  <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-13" data-swipe-activate="">Im Studium
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                    </svg>
                  </button>
                  <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-2" id="swipe-menu-13">
                    <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                      <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-13" data-swipe-deactivate="">
                        <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                          <title>Arrow left</title>
                          <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                        </svg>Back
                      </button>
                    </li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Studienstart</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">International Office</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Finanzierung und Stipendien</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Studienstart</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">International Office</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Finanzierung und Stipendien</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Studienstart</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">International Office</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Finanzierung und Stipendien</a></li>
                  </ul>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Nach dem Studium</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-358" data-swipe-activate="">Schulfamilie
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-358">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-358" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Berufsbegleitende Studiengänge und Modulstudien</a></li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Berufsbegleitende Hochschulzertifikate und Fachseminare</a></li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Vorbereitungskurse und vieles mehr</a></li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Für Unternehmen</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-918" data-swipe-activate="">Über uns
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-918">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-918" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Jobs &amp; Karriere</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-278" data-swipe-activate="">Beratung
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-278">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-278" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Jobs &amp; Karriere</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-246" data-swipe-activate="">Über uns
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-246">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-246" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Kontakt</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">WebUntis</a>
            </li>
          </ul>
        </nav>
      </div>
      <div class="c-modal__footer o-container">
        <!-- START MOBILE QUICK NAVIGATION-->
        <ul class="c-main-navigation__quick-navigation o-list-bare">
          <li class="c-main-navigation__quick-navigation-item"><a class="c-main-navigation__quick-navigation-link" href="#" title="User-Login">
              <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#user-circle-solid"></use>
              </svg></a></li>
          <li class="c-main-navigation__quick-navigation-item"><a class="c-main-navigation__quick-navigation-link" href="#" title="E-Mail Kontakt">
              <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#envelope-solid"></use>
              </svg></a></li>
          <li class="c-main-navigation__quick-navigation-item"><a class="c-main-navigation__quick-navigation-link" href="#" title="Telefon Kontakt">
              <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#phone-solid"></use>
              </svg></a></li>
        </ul>
        <!-- END MOBILE QUICK NAVIGATION-->
      </div>
    </div>
  </div>
</header>
<section class="c-page-slider">
  <div class="c-page-slider__slider splide">
    <div class="splide__track">
      <ul class="splide__list">
        <li class="splide__slide"><img class="c-page-slider__image" src="#" alt="Slider image 0" width="2000" height="1000" srcset="# 2500w" data-splide-lazy-srcset="
                https://picsum.photos/id/191/2500/450 2500w,
                https://picsum.photos/id/191/2000/450 2000w,
                https://picsum.photos/id/191/1800/450 1800w,
                https://picsum.photos/id/191/1600/450 1600w,
                https://picsum.photos/id/191/1400/450 1400w,
                https://picsum.photos/id/191/1200/450 1200w,
                https://picsum.photos/id/191/1000/450 1000w,
                https://picsum.photos/id/191/800/400 800w,
                https://picsum.photos/id/191/600/300 600w,
                https://picsum.photos/id/191/500/250 500w,
                https://picsum.photos/id/191/400/200 400w
              " sizes="
                (min-width: 2300px) 2500px,
                (min-width: 2000px) 2000px,
                (min-width: 1800px) 1800px,
                (min-width: 1600px) 1600px,
                (min-width: 1400px) 1400px,
                (min-width: 1200px) 1200px,
                (min-width: 1000px) 1000px,
                (min-width: 800px) 800px,
                (min-width: 600px) 600px,
                (min-width: 500px) 500px,
                400px
              "/></li>
        <li class="splide__slide"><img class="c-page-slider__image" src="#" alt="Slider image 1" width="2000" height="1000" srcset="# 2500w" data-splide-lazy-srcset="
                https://picsum.photos/id/107/2500/450 2500w,
                https://picsum.photos/id/107/2000/450 2000w,
                https://picsum.photos/id/107/1800/450 1800w,
                https://picsum.photos/id/107/1600/450 1600w,
                https://picsum.photos/id/107/1400/450 1400w,
                https://picsum.photos/id/107/1200/450 1200w,
                https://picsum.photos/id/107/1000/450 1000w,
                https://picsum.photos/id/107/800/400 800w,
                https://picsum.photos/id/107/600/300 600w,
                https://picsum.photos/id/107/500/250 500w,
                https://picsum.photos/id/107/400/200 400w
              " sizes="
                (min-width: 2300px) 2500px,
                (min-width: 2000px) 2000px,
                (min-width: 1800px) 1800px,
                (min-width: 1600px) 1600px,
                (min-width: 1400px) 1400px,
                (min-width: 1200px) 1200px,
                (min-width: 1000px) 1000px,
                (min-width: 800px) 800px,
                (min-width: 600px) 600px,
                (min-width: 500px) 500px,
                400px
              "/></li>
        <li class="splide__slide"><img class="c-page-slider__image" src="#" alt="Slider image 2" width="2000" height="1000" srcset="# 2500w" data-splide-lazy-srcset="
                https://picsum.photos/id/177/2500/450 2500w,
                https://picsum.photos/id/177/2000/450 2000w,
                https://picsum.photos/id/177/1800/450 1800w,
                https://picsum.photos/id/177/1600/450 1600w,
                https://picsum.photos/id/177/1400/450 1400w,
                https://picsum.photos/id/177/1200/450 1200w,
                https://picsum.photos/id/177/1000/450 1000w,
                https://picsum.photos/id/177/800/400 800w,
                https://picsum.photos/id/177/600/300 600w,
                https://picsum.photos/id/177/500/250 500w,
                https://picsum.photos/id/177/400/200 400w
              " sizes="
                (min-width: 2300px) 2500px,
                (min-width: 2000px) 2000px,
                (min-width: 1800px) 1800px,
                (min-width: 1600px) 1600px,
                (min-width: 1400px) 1400px,
                (min-width: 1200px) 1200px,
                (min-width: 1000px) 1000px,
                (min-width: 800px) 800px,
                (min-width: 600px) 600px,
                (min-width: 500px) 500px,
                400px
              "/></li>
        <li class="splide__slide"><img class="c-page-slider__image" src="#" alt="Slider image 3" width="2000" height="1000" srcset="# 2500w" data-splide-lazy-srcset="
                https://picsum.photos/id/206/2500/450 2500w,
                https://picsum.photos/id/206/2000/450 2000w,
                https://picsum.photos/id/206/1800/450 1800w,
                https://picsum.photos/id/206/1600/450 1600w,
                https://picsum.photos/id/206/1400/450 1400w,
                https://picsum.photos/id/206/1200/450 1200w,
                https://picsum.photos/id/206/1000/450 1000w,
                https://picsum.photos/id/206/800/400 800w,
                https://picsum.photos/id/206/600/300 600w,
                https://picsum.photos/id/206/500/250 500w,
                https://picsum.photos/id/206/400/200 400w
              " sizes="
                (min-width: 2300px) 2500px,
                (min-width: 2000px) 2000px,
                (min-width: 1800px) 1800px,
                (min-width: 1600px) 1600px,
                (min-width: 1400px) 1400px,
                (min-width: 1200px) 1200px,
                (min-width: 1000px) 1000px,
                (min-width: 800px) 800px,
                (min-width: 600px) 600px,
                (min-width: 500px) 500px,
                400px
              "/></li>
        <li class="splide__slide"><img class="c-page-slider__image" src="#" alt="Slider image 4" width="2000" height="1000" srcset="# 2500w" data-splide-lazy-srcset="
                https://picsum.photos/id/278/2500/450 2500w,
                https://picsum.photos/id/278/2000/450 2000w,
                https://picsum.photos/id/278/1800/450 1800w,
                https://picsum.photos/id/278/1600/450 1600w,
                https://picsum.photos/id/278/1400/450 1400w,
                https://picsum.photos/id/278/1200/450 1200w,
                https://picsum.photos/id/278/1000/450 1000w,
                https://picsum.photos/id/278/800/400 800w,
                https://picsum.photos/id/278/600/300 600w,
                https://picsum.photos/id/278/500/250 500w,
                https://picsum.photos/id/278/400/200 400w
              " sizes="
                (min-width: 2300px) 2500px,
                (min-width: 2000px) 2000px,
                (min-width: 1800px) 1800px,
                (min-width: 1600px) 1600px,
                (min-width: 1400px) 1400px,
                (min-width: 1200px) 1200px,
                (min-width: 1000px) 1000px,
                (min-width: 800px) 800px,
                (min-width: 600px) 600px,
                (min-width: 500px) 500px,
                400px
              "/></li>
      </ul>
    </div>
  </div>
  <div class="c-page-slider__content-wrapper">
    <div class="c-page-slider__content">
      <h1>Max-Mustermann-Realschule</h1><a class="btn u-mt-4" href="#">Zum Image-Film</a>
    </div>
  </div>
</section>
<main class="o-container frame-space-before-extra-large frame-space-after-extra-large">
  <section class="frame-space-after-extra-large">
    <h2 class="u-visually-hidden">Meistgesucht</h2>
    <nav class="c-quick-navigation">
      <ul class="c-quick-navigation__list o-list-bare o-grid o-grid-1-1 o-grid-1-1-1@tablet o-grid-1-1-1-1@desktop">
        <li class="c-quick-navigation__item"><a class="c-quick-navigation__link" href="#">
                <svg class="c-quick-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Icon lock-closed</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#lock-closed"></use>
                </svg><span class="c-quick-navigation__label">Interner Bereich</span></a></li>
        <li class="c-quick-navigation__item"><a class="c-quick-navigation__link" href="#">
                <svg class="c-quick-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Icon phone</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#phone"></use>
                </svg><span class="c-quick-navigation__label">Kontakt</span></a></li>
        <li class="c-quick-navigation__item"><a class="c-quick-navigation__link" href="#">
                <svg class="c-quick-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Icon calendar-days</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#calendar-days"></use>
                </svg><span class="c-quick-navigation__label">Termine</span></a></li>
        <li class="c-quick-navigation__item"><a class="c-quick-navigation__link" href="#">
                <svg class="c-quick-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Icon downloads</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#downloads"></use>
                </svg><span class="c-quick-navigation__label">Formulare &amp; Downloads</span></a></li>
        <li class="c-quick-navigation__item"><a class="c-quick-navigation__link" href="#">
                <svg class="c-quick-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Icon sun</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#sun"></use>
                </svg><span class="c-quick-navigation__label">Ganztagsschule</span></a></li>
        <li class="c-quick-navigation__item"><a class="c-quick-navigation__link" href="#">
                <svg class="c-quick-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Icon heart</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#heart"></use>
                </svg><span class="c-quick-navigation__label">Mensa</span></a></li>
        <li class="c-quick-navigation__item"><a class="c-quick-navigation__link" href="#">
                <svg class="c-quick-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Icon info</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#info"></use>
                </svg><span class="c-quick-navigation__label">Corona-Infos</span></a></li>
        <li class="c-quick-navigation__item"><a class="c-quick-navigation__link" href="#">
                <svg class="c-quick-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Icon user-group</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#user-group"></use>
                </svg><span class="c-quick-navigation__label">Willkommenklasse für ukr. Kinder</span></a></li>
      </ul>
    </nav>
  </section>
  <section class="frame-space-after-extra-large" id="news">
    <h2>Aktuelles</h2>
    <ul class="o-list-bare o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop">
      <li class="u-h-100"><a class="c-card c-card--vertical c-card--vertical-image" href="/index-10-3_default.html">
                                  <picture class="c-card__image" data-container-images="">
                                    <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/191/500/250, https://picsum.photos/id/191/1000/500 2x" data-source-500="https://picsum.photos/id/191/600/300, https://picsum.photos/id/191/1200/600 2x" data-source-600="https://picsum.photos/id/191/700/350, https://picsum.photos/id/191/1400/700 2x" data-source-700="https://picsum.photos/id/191/800/400, https://picsum.photos/id/191/1600/800 2x" data-source-800="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" data-source-default="https://picsum.photos/id/191/400/200, https://picsum.photos/id/191/800/400 2x"/><img src="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" width="900" height="450" alt="#"/>
                                  </picture>
                          <div class="c-card__content"><span class="c-card__date">27.10.2022</span>
                            <h3 class="c-card__title">Neue Lehrer:innen im Kollegium</h3>
                            <p class="c-card__description">Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früch</p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                                      <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                                        <title>Chevron right</title>
                                        <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                                      </svg></span>
                          </div></a>
      </li>
      <li class="u-h-100"><a class="c-card c-card--vertical c-card--vertical-image" href="/index-10-3_default.html">
                                  <picture class="c-card__image" data-container-images="">
                                    <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/191/500/250, https://picsum.photos/id/191/1000/500 2x" data-source-500="https://picsum.photos/id/191/600/300, https://picsum.photos/id/191/1200/600 2x" data-source-600="https://picsum.photos/id/191/700/350, https://picsum.photos/id/191/1400/700 2x" data-source-700="https://picsum.photos/id/191/800/400, https://picsum.photos/id/191/1600/800 2x" data-source-800="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" data-source-default="https://picsum.photos/id/191/400/200, https://picsum.photos/id/191/800/400 2x"/><img src="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" width="900" height="450" alt="#"/>
                                  </picture>
                          <div class="c-card__content"><span class="c-card__date">27.10.2022</span>
                            <h3 class="c-card__title">Neue Lehrer:innen im Kollegium</h3>
                            <p class="c-card__description">Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früch</p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                                      <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                                        <title>Chevron right</title>
                                        <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                                      </svg></span>
                          </div></a>
      </li>
      <li class="u-h-100"><a class="c-card c-card--vertical c-card--vertical-image" href="/index-10-3_default.html">
                                  <picture class="c-card__image" data-container-images="">
                                    <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/191/500/250, https://picsum.photos/id/191/1000/500 2x" data-source-500="https://picsum.photos/id/191/600/300, https://picsum.photos/id/191/1200/600 2x" data-source-600="https://picsum.photos/id/191/700/350, https://picsum.photos/id/191/1400/700 2x" data-source-700="https://picsum.photos/id/191/800/400, https://picsum.photos/id/191/1600/800 2x" data-source-800="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" data-source-default="https://picsum.photos/id/191/400/200, https://picsum.photos/id/191/800/400 2x"/><img src="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" width="900" height="450" alt="#"/>
                                  </picture>
                          <div class="c-card__content"><span class="c-card__date">27.10.2022</span>
                            <h3 class="c-card__title">Neue Lehrer:innen im Kollegium</h3>
                            <p class="c-card__description">Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früch</p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                                      <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                                        <title>Chevron right</title>
                                        <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                                      </svg></span>
                          </div></a>
      </li>
      <li class="u-h-100"><a class="c-card c-card--vertical c-card--vertical-image" href="/index-10-3_default.html">
                                  <picture class="c-card__image" data-container-images="">
                                    <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/191/500/250, https://picsum.photos/id/191/1000/500 2x" data-source-500="https://picsum.photos/id/191/600/300, https://picsum.photos/id/191/1200/600 2x" data-source-600="https://picsum.photos/id/191/700/350, https://picsum.photos/id/191/1400/700 2x" data-source-700="https://picsum.photos/id/191/800/400, https://picsum.photos/id/191/1600/800 2x" data-source-800="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" data-source-default="https://picsum.photos/id/191/400/200, https://picsum.photos/id/191/800/400 2x"/><img src="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" width="900" height="450" alt="#"/>
                                  </picture>
                          <div class="c-card__content"><span class="c-card__date">27.10.2022</span>
                            <h3 class="c-card__title">Neue Lehrer:innen im Kollegium</h3>
                            <p class="c-card__description">Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früch</p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                                      <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                                        <title>Chevron right</title>
                                        <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                                      </svg></span>
                          </div></a>
      </li>
      <li class="u-h-100"><a class="c-card c-card--vertical c-card--vertical-image" href="/index-10-3_default.html">
                                  <picture class="c-card__image" data-container-images="">
                                    <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/191/500/250, https://picsum.photos/id/191/1000/500 2x" data-source-500="https://picsum.photos/id/191/600/300, https://picsum.photos/id/191/1200/600 2x" data-source-600="https://picsum.photos/id/191/700/350, https://picsum.photos/id/191/1400/700 2x" data-source-700="https://picsum.photos/id/191/800/400, https://picsum.photos/id/191/1600/800 2x" data-source-800="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" data-source-default="https://picsum.photos/id/191/400/200, https://picsum.photos/id/191/800/400 2x"/><img src="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" width="900" height="450" alt="#"/>
                                  </picture>
                          <div class="c-card__content"><span class="c-card__date">27.10.2022</span>
                            <h3 class="c-card__title">Neue Lehrer:innen im Kollegium</h3>
                            <p class="c-card__description">Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früch</p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                                      <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                                        <title>Chevron right</title>
                                        <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                                      </svg></span>
                          </div></a>
      </li>
      <li class="u-h-100"><a class="c-card c-card--vertical c-card--vertical-image" href="/index-10-3_default.html">
                                  <picture class="c-card__image" data-container-images="">
                                    <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/191/500/250, https://picsum.photos/id/191/1000/500 2x" data-source-500="https://picsum.photos/id/191/600/300, https://picsum.photos/id/191/1200/600 2x" data-source-600="https://picsum.photos/id/191/700/350, https://picsum.photos/id/191/1400/700 2x" data-source-700="https://picsum.photos/id/191/800/400, https://picsum.photos/id/191/1600/800 2x" data-source-800="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" data-source-default="https://picsum.photos/id/191/400/200, https://picsum.photos/id/191/800/400 2x"/><img src="https://picsum.photos/id/191/900/450, https://picsum.photos/id/191/1800/900 2x" width="900" height="450" alt="#"/>
                                  </picture>
                          <div class="c-card__content"><span class="c-card__date">27.10.2022</span>
                            <h3 class="c-card__title">Neue Lehrer:innen im Kollegium</h3>
                            <p class="c-card__description">Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früch</p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                                      <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                                        <title>Chevron right</title>
                                        <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                                      </svg></span>
                          </div></a>
      </li>
    </ul>
    <div class="o-flex-line o-flex-line--center frame-space-before-medium"><a class="btn" href="/index-10-2_default.html">Mehr anzeigen</a></div>
  </section>
  <section class="frame-space-after-extra-large" id="events">
    <h2>Bevorstehende Veranstaltungen</h2>
    <ul class="c-event-list o-list-bare o-grid o-grid-1-1@tablet">
      <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
          <h3 class="c-event-list__title">iPad-Einführungsveranstaltung</h3>
          <div class="c-event-list__meta-wrapper">
            <div class="c-event-list__meta-date">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon calendar</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                  </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
            </div>
          </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span></a></li>
      <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
          <h3 class="c-event-list__title">iPad-Einführungsveranstaltung</h3>
          <div class="c-event-list__meta-wrapper">
            <div class="c-event-list__meta-date">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon calendar</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                  </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
            </div>
          </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span></a></li>
      <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
          <h3 class="c-event-list__title">Basta-Projekt</h3>
          <div class="c-event-list__meta-wrapper">
            <div class="c-event-list__meta-date">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon calendar</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                  </svg><span class="c-event-list__date">11.01.2023</span>
            </div>
          </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span></a></li>
      <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
          <h3 class="c-event-list__title">Internationaler Safer Internet Day</h3>
          <div class="c-event-list__meta-wrapper">
            <div class="c-event-list__meta-date">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon calendar</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                  </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
            </div>
          </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span></a></li>
      <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
          <h3 class="c-event-list__title">Basta-Projekt</h3>
          <div class="c-event-list__meta-wrapper">
            <div class="c-event-list__meta-date">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon calendar</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                  </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
            </div>
            <div class="c-event-list__meta-location">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon location</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#location-solid-mini"></use>
                  </svg><span>Mensa</span>
            </div>
          </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span></a></li>
      <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
          <h3 class="c-event-list__title">SMV-Fachingsparty</h3>
          <div class="c-event-list__meta-wrapper">
            <div class="c-event-list__meta-date">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon calendar</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                  </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
            </div>
          </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span></a></li>
      <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
          <h3 class="c-event-list__title">2. Methodentag 'Aktive 5 + 6</h3>
          <div class="c-event-list__meta-wrapper">
            <div class="c-event-list__meta-date">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon calendar</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                  </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
            </div>
            <div class="c-event-list__meta-location">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon location</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#location-solid-mini"></use>
                  </svg><span>Zimmer E26</span>
            </div>
          </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span></a></li>
      <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
          <h3 class="c-event-list__title">Vorstellung der Wahlpflichtfächergruppen (BwR / Französisch)</h3>
          <div class="c-event-list__meta-wrapper">
            <div class="c-event-list__meta-date">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon calendar</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                  </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
            </div>
            <div class="c-event-list__meta-location">
                  <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                    <title>Icon location</title>
                    <use xlink:href="Images/svg/sprite.symbol.svg#location-solid-mini"></use>
                  </svg><span>Zimmer E16</span>
            </div>
          </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span></a></li>
    </ul>
    <div class="o-flex-line o-flex-line--center frame-space-before-medium"><a class="btn" href="/index-10-4_default.html">Mehr anzeigen</a></div>
  </section>
  <section id="stats">
    <h2 class="u-visually-hidden">Worauf wir stolz sind</h2>
    <div class="c-image-banner">
      <picture class="c-image-banner__image-container" data-container-images="">
        <source data-source-default="https://picsum.photos/id/13/400/200, https://picsum.photos/id/13/800/400 2x" data-source-500="https://picsum.photos/id/13/500/250, https://picsum.photos/id/13/1000/500 2x" data-source-600="https://picsum.photos/id/13/600/300, https://picsum.photos/id/13/1200/600 2x" data-source-800="https://picsum.photos/id/13/800/400, https://picsum.photos/id/13/1600/800 2x" data-source-900="https://picsum.photos/id/13/900/450, https://picsum.photos/id/13/1800/900 2x" data-source-1000="https://picsum.photos/id/13/1000/500, https://picsum.photos/id/13/2000/1000 2x" data-source-1100="https://picsum.photos/id/13/1100/550, https://picsum.photos/id/13/2200/1100 2x" data-source-1200="https://picsum.photos/id/13/1200/600, https://picsum.photos/id/13/2400/1200 2x" srcset="#" media="(min-width: 0)"/><img class="c-image-banner__image" src="https://picsum.photos/id/13/1200/900" alt="Banner image" width="1200" height="600"/>
      </picture>
      <div class="c-image-banner__content o-container">
        <ul class="c-stats-list o-list-bare o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop">
          <li class="c-stats-list__item">
            <svg class="c-stats-list__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#user-group-solid"></use>
            </svg><span class="c-stats-list__item-value">600</span><span class="c-stats-list__item-label">Schüler</span>
          </li>
          <li class="c-stats-list__item">
            <svg class="c-stats-list__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#user-group-solid"></use>
            </svg><span class="c-stats-list__item-value">23</span><span class="c-stats-list__item-label">Lehrkräfte</span>
          </li>
          <li class="c-stats-list__item">
            <svg class="c-stats-list__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#user-group-solid"></use>
            </svg><span class="c-stats-list__item-value">20</span><span class="c-stats-list__item-label">Jahre Erfahrung</span>
          </li>
        </ul>
      </div>
    </div>
  </section>
</main>
<footer class="c-page-footer">
  <div class="o-container">
    <p class="c-page-footer__copyright">© Max-Mustermann-Realschule - 2023</p>
    <ul class="c-page-footer__list o-list-bare">
      <li class="c-page-footer__list-item"><a class="c-page-footer__list-link" href="#">Kontakt</a></li>
      <li class="c-page-footer__list-item"><a class="c-page-footer__list-link" href="#">Datenschutz</a></li>
      <li class="c-page-footer__list-item"><a class="c-page-footer__list-link" href="#">Impressum</a></li>
    </ul>
  </div>
</footer>
<script>
  window.in2cookiemodalConfiguration = {
    isEnabled: true,
    matomoSideId: 9999,
  };
</script>