HTML-Prototype Schulpaket

<insert-markup>10.1-</insert-markup>
  • Slider image 0
  • Slider image 1
  • Slider image 2
  • Slider image 3
  • Slider image 4

Max-Mustermann-Realschule

Zum Image-Film

Meistgesucht

Aktuelles

Bevorstehende Veranstaltungen

Worauf wir stolz sind

Banner image
  • 600Schüler
  • 23Lehrkräfte
  • 20Jahre Erfahrung
Markup: templates/output/10-fullpage/fullpage-startpage.html

<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>
Source: assets/sass/_fullpage.scss, line 7
<insert-markup>10.2-</insert-markup>

Alle News

Markup: templates/output/10-fullpage/news/fullpage-news-list.html

<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-175" 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-315" 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-173" 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-518" 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-503" 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-175" 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-175">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-175" 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-229" 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-229">
                    <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                      <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-229" 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-315" 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-315">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-315" 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-173" 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-173">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-173" 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-518" 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-518">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-518" 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-503" 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-503">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-503" 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>
<main class="o-container frame-space-before-extra-large frame-space-after-extra-large">
  <div class="frame-space-before-extra-large frame-space-after-extra-large">
    <div class="o-container o-container--blog">
      <h2>Alle News</h2>
            <ul class="c-card-list o-list-bare">
                    <li class="c-card-list__item">
                      <!-- START GENERIC CARD CONTENT--><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-3_default.html">
                                    <div class="c-card__content">
                                      <time class="c-card__date" datetime="2021-08-24">27. Oktober 2022</time>
                                      <h3 class="c-card__title">SpaceX Starship booster heads to launch pad for the fifth time</h3>
                                      <p class="c-card__description">Californian startup Epsilon3 said Aug. 23 it is building a software platform to help Axiom Space manage plans to deploy commercial modules on the International Space Station in 2024.</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>
                                    <div class="c-card__image"><img src="https://picsum.photos/id/101/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
                      <!-- END GENERIC CARD CONTENT-->
                    </li>
                    <li class="c-card-list__item">
                      <!-- START GENERIC CARD CONTENT--><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-3_default.html">
                                    <div class="c-card__content">
                                      <time class="c-card__date" datetime="2021-08-24">20. Oktober 2022</time>
                                      <h3 class="c-card__title">Report: Industry has to face reality that commercial satellites will be targets in war</h3>
                                      <p class="c-card__description">NASA has selected three companies to further advance work on deployable solar array systems that will help power the agency's human and robotic exploration of the Moon under Artemis.</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>
                                    <div class="c-card__image"><img src="https://picsum.photos/id/101/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
                      <!-- END GENERIC CARD CONTENT-->
                    </li>
                    <li class="c-card-list__item">
                      <!-- START GENERIC CARD CONTENT--><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-3_default.html">
                                    <div class="c-card__content">
                                      <time class="c-card__date" datetime="2021-08-24">13. Oktober 2022</time>
                                      <h3 class="c-card__title">NASA Invites Media to Witness World’s First Planetary Defense Test</h3>
                                      <p class="c-card__description">La misión Prueba de redireccionamiento del asteroide doble (DART, por sus siglas en inglés) de la NASA, la primera en el mundo que pone a prueba una tecnología para defender a la Tierra de posibles peligros de asteroides o cometas, impactará con su objetivo, un asteroide que no supone ninguna amenaza para la Tierra, a las 7:14 pm EDT del lunes 26</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>
                                    <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
                      <!-- END GENERIC CARD CONTENT-->
                    </li>
                    <li class="c-card-list__item">
                      <!-- START GENERIC CARD CONTENT--><a class="c-card c-card--horizontal" href="/index-10-3_default.html">
                                    <div class="c-card__content">
                                      <time class="c-card__date" datetime="2021-08-24">17. November 2022</time>
                                      <h3 class="c-card__title">NASA’s Artemis program is set to launch a new satellite in the next decade</h3>
                                      <p class="c-card__description">NASA might grow more hostile against China in the space domain.</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>
                      <!-- END GENERIC CARD CONTENT-->
                    </li>
                    <li class="c-card-list__item">
                      <!-- START GENERIC CARD CONTENT--><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-3_default.html">
                                    <div class="c-card__content">
                                      <time class="c-card__date" datetime="2021-08-24">17. November 2022</time>
                                      <h3 class="c-card__title">China’s official view of NASA’s Artemis program appears to be dismissive</h3>
                                      <p class="c-card__description">La misión Prueba de redireccionamiento del asteroide doble (DART, por sus siglas en inglés) de la NASA, la primera en el mundo que pone a prueba una tecnología para defender a la Tierra de posibles peligros de asteroides o cometas, impactará con su objetivo, un asteroide que no supone ninguna amenaza para la Tierra, a las 7:14 pm EDT del lunes 26</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>
                                    <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
                      <!-- END GENERIC CARD CONTENT-->
                    </li>
                    <li class="c-card-list__item">
                      <!-- START GENERIC CARD CONTENT--><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-3_default.html">
                                    <div class="c-card__content">
                                      <time class="c-card__date" datetime="2021-08-24">20. Oktober 2022</time>
                                      <h3 class="c-card__title">SpaceX Starship booster heads to launch pad for the fifth time</h3>
                                      <p class="c-card__description">NASA has selected three companies to further advance work on deployable solar array systems that will help power the agency's human and robotic exploration of the Moon under Artemis.</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>
                                    <div class="c-card__image"><img src="https://picsum.photos/id/104/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
                      <!-- END GENERIC CARD CONTENT-->
                    </li>
                    <li class="c-card-list__item">
                      <!-- START GENERIC CARD CONTENT--><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-3_default.html">
                                    <div class="c-card__content">
                                      <time class="c-card__date" datetime="2021-08-24">27. Oktober 2022</time>
                                      <h3 class="c-card__title">SpaceX Starship booster heads to launch pad for the fifth time</h3>
                                      <p class="c-card__description">NASA has selected three companies to further advance work on deployable solar array systems that will help power the agency's human and robotic exploration of the Moon under Artemis.</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>
                                    <div class="c-card__image"><img src="https://picsum.photos/id/106/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
                      <!-- END GENERIC CARD CONTENT-->
                    </li>
                    <li class="c-card-list__item">
                      <!-- START GENERIC CARD CONTENT--><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-3_default.html">
                                    <div class="c-card__content">
                                      <time class="c-card__date" datetime="2021-08-24">17. November 2022</time>
                                      <h3 class="c-card__title">NASA Invites Media to Witness World’s First Planetary Defense Test</h3>
                                      <p class="c-card__description">&quot;This has been a really tough thing.&quot;</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>
                                    <div class="c-card__image"><img src="https://picsum.photos/id/101/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
                      <!-- END GENERIC CARD CONTENT-->
                    </li>
            </ul>
      <nav class="c-card-list-pagination">
        <ul class="c-card-list-pagination__list o-list-bare">
          <li class="c-card-list-pagination__item c-card-list-pagination__item--previous"><a class="c-card-list-pagination__link" href="#">
                    <svg class="c-card-list-pagination__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-long-left"></use>
                    </svg><span class="u-visually-hidden--mobile-only">Vorherige Seite</span></a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 1 der Suchliste navigieren">1</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 2 der Suchliste navigieren">2</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--dots"><span class="c-card-list-pagination__dots" aria-hidden="true">…</span></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 8 der Suchliste navigieren">8</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 9 der Suchliste navigieren">9</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--next"><a class="c-card-list-pagination__link" href="#"><span class="u-visually-hidden--mobile-only">Nächste Seite</span>
                    <svg class="c-card-list-pagination__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-long-right"></use>
                    </svg></a></li>
        </ul>
      </nav>
    </div>
  </div>
</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>
Source: assets/sass/_fullpage.scss, line 15
<insert-markup>10.3-</insert-markup>

Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen

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?


Er hört leise Schritte hinter sich:

Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen?

Er konnte die Aufforderung stehen zu bleiben schon hören. Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei über den umgestürzten Mülleimer gefallen, der mitten im Weg lag.

Das bedeutete nichts Gutes:

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?

Er hörte leise Schritte hinter sich:

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üchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören. Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei über den umgestürzten Mülleimer gefallen, der mitten im Weg lag. Er versuchte, sich in der Dunkelheit seinen Weg zu ertasten und erstarrte: Anscheinend gab es keinen anderen Ausweg aus diesem kleinen Hof als den Durchgang, durch den er gekommen war. Die Schritte wurden lauter und lauter, er sah eine dunkle Gestalt um die Ecke biegen.

Fieberhaft irrten seine Augen durch die nächtliche Dunkelheit und suchten einen Ausweg. War jetzt wirklich alles vorbei,



Max Mustermann, 8cZur Listenübersicht
Markup: templates/output/10-fullpage/news/fullpage-news-detail.html

<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-763" 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-278" 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-72" 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-668" 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-810" 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-763" 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-763">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-763" 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-166" 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-166">
                    <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                      <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-166" 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-278" 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-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="#">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-72" 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-72">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-72" 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-668" 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-668">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-668" 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-810" 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-810">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-810" 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>
<main class="o-container frame-space-before-extra-large frame-space-after-extra-large">
  <div class="o-container o-container--blog-detail">
    <div class="frame-space-after-large">
      <time class="u-color-neutral-500" datetime="2023-01-01">Freitag, 09. September 2022</time>
      <h1>Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen</h1>
      <p class="u-font-weight-bold"> 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?</p>
      <hr/>
      <!-- START CONTENT ELEMENTS-->
      <div class="frame-space-after-large">
        <div class="frame frame-type-textmedia" id="c29917">
          <header>
            <h2>Er hört leise Schritte hinter sich:</h2>
          </header>
          <div class="ce-textpic ce-center ce-above">
            <div class="ce-gallery" data-gallery-columns="1">
              <figure class="image">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/101/500/250, https://picsum.photos/id/101/1000/500 2x" data-source-500="https://picsum.photos/id/101/600/300, https://picsum.photos/id/101/1200/600 2x" data-source-600="https://picsum.photos/id/101/700/350, https://picsum.photos/id/101/1400/700 2x" data-source-700="https://picsum.photos/id/101/800/400, https://picsum.photos/id/101/1600/800 2x" data-source-default="https://picsum.photos/id/101/400/200, https://picsum.photos/id/101/800/400 2x"/><img src="https://picsum.photos/id/101/800/400, https://picsum.photos/id/101/1600/800 2x" width="800" height="400" alt="#"/>
                </picture>
              </figure>
            </div>
            <div class="ce-bodytext">
              <p>Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen?</p>
              <p>Er konnte die Aufforderung stehen zu bleiben schon hören. Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei über den umgestürzten Mülleimer gefallen, der mitten im Weg lag.</p>
            </div>
          </div>
        </div>
      </div>
      <h2>Das bedeutete nichts Gutes:</h2>
      <p>Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes.&nbsp;<a class="u-textlink" href="#">Wer würde ihm schon folgen</a>, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel?</p>
      <h3>Er hörte leise Schritte hinter sich:</h3>
      <p>Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer&nbsp;<a class="u-textlink" href="#">seiner zahllosen Kollegen</a>&nbsp;dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören. Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei über den umgestürzten Mülleimer gefallen, der mitten im Weg lag. Er versuchte, sich in der Dunkelheit seinen Weg zu ertasten und erstarrte: Anscheinend gab es keinen anderen Ausweg aus diesem kleinen Hof als den Durchgang, durch den er gekommen war. Die Schritte wurden lauter und lauter, er sah eine dunkle Gestalt um die Ecke biegen.</p>
      <p>Fieberhaft irrten seine Augen durch die nächtliche Dunkelheit und suchten einen Ausweg. War jetzt wirklich alles vorbei,</p>
      <!-- END CONTENT ELEMENTS-->
      <hr/>
      <!-- START STATIC GALLERY-->
      <div class="frame frame-type-textmedia" id="c29917">
        <div class="ce-textpic ce-center ce-above">
          <div class="ce-gallery" data-gallery-columns="2">
            <figure class="image"><a class="c-lightbox" href="https://picsum.photos/id/11//1200/600" title="Bild vergrößern" data-group="gallery-732">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/11/500/250, https://picsum.photos/id/11/1000/500 2x" data-source-500="https://picsum.photos/id/11/600/300, https://picsum.photos/id/11/1200/600 2x" data-source-600="https://picsum.photos/id/11/700/350, https://picsum.photos/id/11/1400/700 2x" data-source-700="https://picsum.photos/id/11/800/400, https://picsum.photos/id/11/1600/800 2x" data-source-default="https://picsum.photos/id/11/400/200, https://picsum.photos/id/11/800/400 2x"/><img src="https://picsum.photos/id/11/800/400, https://picsum.photos/id/11/1600/800 2x" width="800" height="400" alt="#"/>
                </picture></a>
              <figcaption class="image-caption"></figcaption>
            </figure>
            <figure class="image"><a class="c-lightbox" href="https://picsum.photos/id/13//1200/600" title="Bild vergrößern" data-group="gallery-732">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/13/500/250, https://picsum.photos/id/13/1000/500 2x" data-source-500="https://picsum.photos/id/13/600/300, https://picsum.photos/id/13/1200/600 2x" data-source-600="https://picsum.photos/id/13/700/350, https://picsum.photos/id/13/1400/700 2x" data-source-700="https://picsum.photos/id/13/800/400, https://picsum.photos/id/13/1600/800 2x" data-source-default="https://picsum.photos/id/13/400/200, https://picsum.photos/id/13/800/400 2x"/><img src="https://picsum.photos/id/13/800/400, https://picsum.photos/id/13/1600/800 2x" width="800" height="400" alt="#"/>
                </picture></a>
              <figcaption class="image-caption"></figcaption>
            </figure>
            <figure class="image"><a class="c-lightbox" href="https://picsum.photos/id/15//1200/600" title="Bild vergrößern" data-group="gallery-732">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/15/500/250, https://picsum.photos/id/15/1000/500 2x" data-source-500="https://picsum.photos/id/15/600/300, https://picsum.photos/id/15/1200/600 2x" data-source-600="https://picsum.photos/id/15/700/350, https://picsum.photos/id/15/1400/700 2x" data-source-700="https://picsum.photos/id/15/800/400, https://picsum.photos/id/15/1600/800 2x" data-source-default="https://picsum.photos/id/15/400/200, https://picsum.photos/id/15/800/400 2x"/><img src="https://picsum.photos/id/15/800/400, https://picsum.photos/id/15/1600/800 2x" width="800" height="400" alt="#"/>
                </picture></a>
              <figcaption class="image-caption"></figcaption>
            </figure>
            <figure class="image"><a class="c-lightbox" href="https://picsum.photos/id/16//1200/600" title="Bild vergrößern" data-group="gallery-732">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/16/500/250, https://picsum.photos/id/16/1000/500 2x" data-source-500="https://picsum.photos/id/16/600/300, https://picsum.photos/id/16/1200/600 2x" data-source-600="https://picsum.photos/id/16/700/350, https://picsum.photos/id/16/1400/700 2x" data-source-700="https://picsum.photos/id/16/800/400, https://picsum.photos/id/16/1600/800 2x" data-source-default="https://picsum.photos/id/16/400/200, https://picsum.photos/id/16/800/400 2x"/><img src="https://picsum.photos/id/16/800/400, https://picsum.photos/id/16/1600/800 2x" width="800" height="400" alt="#"/>
                </picture></a>
              <figcaption class="image-caption"></figcaption>
            </figure>
          </div>
          <div class="ce-bodytext">
          </div>
        </div>
      </div>
      <!-- END STATIC GALLERY-->
      <hr/>
      <div class="o-flex-line o-flex-line--between o-flex-line--items-center"><span class="u-color-neutral-500">Max Mustermann, 8c</span><a class="btn" href="/index-10-2_default.html">Zur Listenübersicht</a></div>
      <!-- START STRUCTURED DATA FOR NEWS ARTICLE-->
      <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "NewsArticle",
          "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https://www.schulpaket.de/news/article"
          },
          "image": "https://picsum.photos/500/400",
          "headline": "Article headline",
          "description": "The news description",
          "datePublished": "2020-05-05T08:00:00+12:00",
          "dateModified": "2020-05-05T09:20:00+12:00",
          "author": {
            "@type": "Person",
            "name": "Author name"
          },
           "publisher": {
            "@type": "Organization",
            "name": "Name of publisher",
            "logo": {
              "@type": "ImageObject",
              "url": "https://picsum.photos/512/512"
            }
          }
        }
      </script>
      <!-- END STRUCTURED DATA FOR NEWS ARTICLE-->
    </div>
  </div>
</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>
Source: assets/sass/_fullpage.scss, line 23
<insert-markup>10.4-</insert-markup>
Markup: templates/output/10-fullpage/events/fullpage-events-list.html

<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-7" 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-539" 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-674" 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-876" 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-261" 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-7" 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-7">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-7" 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-536" 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-536">
                    <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                      <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-536" 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-539" 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-539">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-539" 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-674" 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-674">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-674" 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-876" 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-876">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-876" 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-261" 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-261">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-261" 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>
<main class="o-container frame-space-before-extra-large frame-space-after-extra-large">
  <div class="frame-space-before-extra-large frame-space-after-extra-large">
    <div class="o-container o-container--blog">
      <h2>Alle Veranstaltungen</h2>
      <ul class="c-card-list o-list-bare">
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">iPad-Einführungsveranstaltung</h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </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>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023</time>
              <h3 class="c-card__title">Internationaler Safer Internet Day</h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </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>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Basta Projekt</h3><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>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023</time>
              <h3 class="c-card__title">Vorstellung der Wahlpflichtfächergruppen (BwR / Französisch)</h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </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>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Naturwissenschaftliches Projekt </h3><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>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Zwischenzeugnis </h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </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>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Informationsveranstaltung Wahlpflichtfächergruppen</h3><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>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Tag der Offenen Tür</h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </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>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
      </ul>
      <nav class="c-card-list-pagination">
        <ul class="c-card-list-pagination__list o-list-bare">
          <li class="c-card-list-pagination__item c-card-list-pagination__item--previous"><a class="c-card-list-pagination__link" href="#">
                    <svg class="c-card-list-pagination__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-long-left"></use>
                    </svg><span class="u-visually-hidden--mobile-only">Vorherige Seite</span></a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 1 der Suchliste navigieren">1</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 2 der Suchliste navigieren">2</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--dots"><span class="c-card-list-pagination__dots" aria-hidden="true">…</span></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 8 der Suchliste navigieren">8</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 9 der Suchliste navigieren">9</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--next"><a class="c-card-list-pagination__link" href="#"><span class="u-visually-hidden--mobile-only">Nächste Seite</span>
                    <svg class="c-card-list-pagination__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-long-right"></use>
                    </svg></a></li>
        </ul>
      </nav>
    </div>
  </div>
</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>
Source: assets/sass/_fullpage.scss, line 31
<insert-markup>10.5-</insert-markup>
Veranstaltung

Vorstellung der Wahlpflichtfächergruppen (BwR / Französisch)

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?


  • 11. JanDatum
  • 10:00Uhrzeit
  • 8ABeteiligte
  • Ballhaus und KuKoOrt


Markup: templates/output/10-fullpage/events/fullpage-events-detail.html

<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-452" 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-23" 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-824" 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-501" 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-183" 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-452" 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-452">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-452" 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-364" 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-364">
                    <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                      <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-364" 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-23" 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-23">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-23" 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-824" 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-824">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-824" 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-501" 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-501">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-501" 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-183" 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-183">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-183" 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>
<main class="o-container frame-space-before-extra-large frame-space-after-extra-large">
  <div class="o-container o-container--blog-detail">
    <div class="frame-space-after-large"><span role="doc-subtitle">Veranstaltung</span>
      <h1>Vorstellung der Wahlpflichtfächergruppen (BwR / Französisch)</h1>
      <p class="u-font-weight-bold"> 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?</p>
      <hr/>
      <ul class="c-event-tiles o-list-bare o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop">
        <li class="c-event-tiles__item">
                <svg class="c-event-tiles__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Icon calendar-solid-mini</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
                </svg><span class="c-event-tiles__title">11. Jan</span><span class="c-event-tiles__description">Datum</span>
        </li>
        <li class="c-event-tiles__item">
                <svg class="c-event-tiles__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Icon clock-solid-mini</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#clock-solid-mini"></use>
                </svg><span class="c-event-tiles__title">10:00</span><span class="c-event-tiles__description">Uhrzeit</span>
        </li>
        <li class="c-event-tiles__item">
                <svg class="c-event-tiles__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Icon user-group-solid-mini</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#user-group-solid-mini"></use>
                </svg><span class="c-event-tiles__title">8A</span><span class="c-event-tiles__description">Beteiligte</span>
        </li>
        <li class="c-event-tiles__item">
                <svg class="c-event-tiles__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Icon location-solid-mini</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#location-solid-mini"></use>
                </svg><span class="c-event-tiles__title">Ballhaus und KuKo</span><span class="c-event-tiles__description">Ort</span>
        </li>
      </ul>
      <hr/>
      <!-- START STATIC GALLERY-->
      <div class="frame frame-type-textmedia" id="c29917">
        <div class="ce-textpic ce-center ce-above">
          <div class="ce-gallery" data-gallery-columns="2">
            <figure class="image"><a class="c-lightbox" href="https://picsum.photos/id/11//1200/600" title="Bild vergrößern" data-group="gallery-308">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/11/500/250, https://picsum.photos/id/11/1000/500 2x" data-source-500="https://picsum.photos/id/11/600/300, https://picsum.photos/id/11/1200/600 2x" data-source-600="https://picsum.photos/id/11/700/350, https://picsum.photos/id/11/1400/700 2x" data-source-700="https://picsum.photos/id/11/800/400, https://picsum.photos/id/11/1600/800 2x" data-source-default="https://picsum.photos/id/11/400/200, https://picsum.photos/id/11/800/400 2x"/><img src="https://picsum.photos/id/11/800/400, https://picsum.photos/id/11/1600/800 2x" width="800" height="400" alt="#"/>
                </picture></a>
              <figcaption class="image-caption"></figcaption>
            </figure>
            <figure class="image"><a class="c-lightbox" href="https://picsum.photos/id/13//1200/600" title="Bild vergrößern" data-group="gallery-308">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/13/500/250, https://picsum.photos/id/13/1000/500 2x" data-source-500="https://picsum.photos/id/13/600/300, https://picsum.photos/id/13/1200/600 2x" data-source-600="https://picsum.photos/id/13/700/350, https://picsum.photos/id/13/1400/700 2x" data-source-700="https://picsum.photos/id/13/800/400, https://picsum.photos/id/13/1600/800 2x" data-source-default="https://picsum.photos/id/13/400/200, https://picsum.photos/id/13/800/400 2x"/><img src="https://picsum.photos/id/13/800/400, https://picsum.photos/id/13/1600/800 2x" width="800" height="400" alt="#"/>
                </picture></a>
              <figcaption class="image-caption"></figcaption>
            </figure>
            <figure class="image"><a class="c-lightbox" href="https://picsum.photos/id/15//1200/600" title="Bild vergrößern" data-group="gallery-308">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/15/500/250, https://picsum.photos/id/15/1000/500 2x" data-source-500="https://picsum.photos/id/15/600/300, https://picsum.photos/id/15/1200/600 2x" data-source-600="https://picsum.photos/id/15/700/350, https://picsum.photos/id/15/1400/700 2x" data-source-700="https://picsum.photos/id/15/800/400, https://picsum.photos/id/15/1600/800 2x" data-source-default="https://picsum.photos/id/15/400/200, https://picsum.photos/id/15/800/400 2x"/><img src="https://picsum.photos/id/15/800/400, https://picsum.photos/id/15/1600/800 2x" width="800" height="400" alt="#"/>
                </picture></a>
              <figcaption class="image-caption"></figcaption>
            </figure>
            <figure class="image"><a class="c-lightbox" href="https://picsum.photos/id/16//1200/600" title="Bild vergrößern" data-group="gallery-308">
                <picture data-container-images="">
                  <source srcset="#" media="(min-width: 0)" data-source-400="https://picsum.photos/id/16/500/250, https://picsum.photos/id/16/1000/500 2x" data-source-500="https://picsum.photos/id/16/600/300, https://picsum.photos/id/16/1200/600 2x" data-source-600="https://picsum.photos/id/16/700/350, https://picsum.photos/id/16/1400/700 2x" data-source-700="https://picsum.photos/id/16/800/400, https://picsum.photos/id/16/1600/800 2x" data-source-default="https://picsum.photos/id/16/400/200, https://picsum.photos/id/16/800/400 2x"/><img src="https://picsum.photos/id/16/800/400, https://picsum.photos/id/16/1600/800 2x" width="800" height="400" alt="#"/>
                </picture></a>
              <figcaption class="image-caption"></figcaption>
            </figure>
          </div>
          <div class="ce-bodytext">
          </div>
        </div>
      </div>
      <!-- END STATIC GALLERY-->
      <hr/>
      <div class="o-flex-line o-flex-line--between o-flex-line--end"><a class="btn" href="/index-10-4_default.html">Zur Listenübersicht</a></div>
      <!-- START STRUCTURED DATA FOR EVENT ARTICLE-->
      <script type="application/ld+json">{"@context":"https://www.schema.org","@type":"Event","name":"Name der Veranstaltung Lorem ipsum dolor sit amet Aenean commodo ligula","url":"https://www.schulpaket.de/event/{event-id}","description":"Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.","startDate":"2020-05-05T08:00:00+12:00","endDate":"2020-05-05T08:00:00+12:00","location":{"@type":"Place","name":"Schulname, Raum B203","sameAs":"https://www.schulpaket.de","address":{"@type":"PostalAddress","streetAddress":"Musterstraße 30","addressLocality":"Rosenheim","addressRegion":"BY","postalCode":"83026","addressCountry":"DE"}}}</script>
      <!-- END STRUCTURED DATA FOR EVENT ARTICLE-->
    </div>
  </div>
</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>
Source: assets/sass/_fullpage.scss, line 39
<insert-markup>10.6-</insert-markup>

Imagefilm des Wahlfachs "Film"

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?

Er hörte leise Schritte hinter sich:

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üchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören. Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei über den umgestürzten Mülleimer gefallen, der mitten im Weg lag. Er versuchte, sich in der Dunkelheit seinen Weg zu ertasten und erstarrte: Anscheinend gab es keinen anderen Ausweg aus diesem kleinen Hof als den Durchgang, durch den er gekommen war. Die Schritte wurden lauter und lauter, er sah eine dunkle Gestalt um die Ecke biegen.

Fieberhaft irrten seine Augen durch die nächtliche Dunkelheit und suchten einen Ausweg. War jetzt wirklich alles vorbei,

Hier finden Sie Anleitungen zur Handhabung von "WebUntis" und "Untis-Messenger"

  • Download
  • Download

Sprechzeiten

Arbeiterunfallversicherungsgesetz Bundesausbildungsförderungsgesetz Behindertengleichstellungsgesetz Kraftfahrzeug-Haftpflichtversicherung Steuervergünstigungsabbaugesetz Nahrungsmittelunverträglichkeit Lebensversicherungsgesellschaft
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht. Eines Tages aber beschloß eine kleine Zeile Blindtext. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel. Ist klar diese Wörter, ist möglich verstehen, was ich hab gesagt? Danke. Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern. Ich habe gesehen auch zwei Tage die Training. Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht. Eines Tages aber beschloß eine kleine Zeile Blindtext. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel. Ist klar diese Wörter, ist möglich verstehen, was ich hab gesagt? Danke. Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern. Ich habe gesehen auch zwei Tage die Training. Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht. Eines Tages aber beschloß eine kleine Zeile Blindtext. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel. Ist klar diese Wörter, ist möglich verstehen, was ich hab gesagt? Danke. Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern. Ich habe gesehen auch zwei Tage die Training. Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht. Eines Tages aber beschloß eine kleine Zeile Blindtext. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel. Ist klar diese Wörter, ist möglich verstehen, was ich hab gesagt? Danke. Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern. Ich habe gesehen auch zwei Tage die Training. Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz.
Markup: templates/output/10-fullpage/fullpage-regular.html

<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-481" 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-83" 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-958" 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-846" 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-866" 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-481" 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-481">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-481" 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-12" 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-12">
                    <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                      <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-12" 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-83" 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-83">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-83" 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-958" 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-958">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-958" 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-846" 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-846">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-846" 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-866" 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-866">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-866" 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>
<main class="o-container frame-space-before-extra-large frame-space-after-extra-large">
  <div class="frame-space-before-extra-large frame-space-after-extra-large">
    <div class="o-container o-container--blog">
      <div class="frame-space-after-medium">
                <nav class="c-tabs">
                  <ul class="c-tabs__list o-list-bare">
                    <li class="c-tabs__item"><a class="c-tabs__link c-tabs__link--active" href="#">Tab Item 1</a></li>
                    <li class="c-tabs__item"><a class="c-tabs__link" href="#">Tab Item 2</a></li>
                    <li class="c-tabs__item"><a class="c-tabs__link" href="#">Tab Item 3</a></li>
                  </ul>
                </nav>
      </div>
      <div class="frame-space-after-medium">
        <h2>Imagefilm des Wahlfachs "Film"</h2>
        <p>Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes.&nbsp;<a class="u-textlink" href="#">Wer würde ihm schon folgen</a>, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel?</p>
        <h3>Er hörte leise Schritte hinter sich:</h3>
        <p>Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer&nbsp;<a class="u-textlink" href="#">seiner zahllosen Kollegen</a>&nbsp;dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören. Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei über den umgestürzten Mülleimer gefallen, der mitten im Weg lag. Er versuchte, sich in der Dunkelheit seinen Weg zu ertasten und erstarrte: Anscheinend gab es keinen anderen Ausweg aus diesem kleinen Hof als den Durchgang, durch den er gekommen war. Die Schritte wurden lauter und lauter, er sah eine dunkle Gestalt um die Ecke biegen.</p>
        <p>Fieberhaft irrten seine Augen durch die nächtliche Dunkelheit und suchten einen Ausweg. War jetzt wirklich alles vorbei,</p>
      </div>
      <div class="frame-space-after-medium">
        <h2>Hier finden Sie Anleitungen zur Handhabung von "WebUntis" und "Untis-Messenger"</h2>
        <ul class="c-download-list o-list-bare">
          <li class="c-download-list__item">
            <div class="c-download-list__content">
              <svg class="c-download-list__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                <title>Paper clip mini</title>
                <use xlink:href="Images/svg/sprite.symbol.svg#paper-clip-mini"></use>
              </svg><span class="c-download-list__text" aria-hidden="true">2022-02-21-WebUnits-Benutzerhandbuch_Erziehungsberechtigte.pdf</span>
            </div><a class="c-download-list__link" href="#" target="_blank" title="Download 2022-02-21-WebUnits-Benutzerhandbuch_Erziehungsberechtigte.pdf">Download</a>
          </li>
          <li class="c-download-list__item">
            <div class="c-download-list__content">
              <svg class="c-download-list__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                <title>Paper clip mini</title>
                <use xlink:href="Images/svg/sprite.symbol.svg#paper-clip-mini"></use>
              </svg><span class="c-download-list__text" aria-hidden="true">2022-02-21-WebUntis-Benutzerhandbuch_Schueler.pdf </span>
            </div><a class="c-download-list__link" href="#" target="_blank" title="Download 2022-02-21-WebUntis-Benutzerhandbuch_Schueler.pdf ">Download</a>
          </li>
        </ul>
      </div>
      <div class="frame-space-after-medium">
        <h2>Sprechzeiten</h2>
        <div class="table-rwd">
          <div class="table-rwd__overflow" tabindex="0">
            <div class="table-rwd__table-wrapper">
              <table>
                <thead>
                  <tr>
                    <th>Arbeiterunfallversicherungsgesetz</th>
                    <th>Bundesausbildungsförderungsgesetz</th>
                    <th>Behindertengleichstellungsgesetz</th>
                    <th>Kraftfahrzeug-Haftpflichtversicherung</th>
                    <th>Steuervergünstigungsabbaugesetz</th>
                    <th>Nahrungsmittelunverträglichkeit</th>
                    <th>Lebensversicherungsgesellschaft</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.</td>
                    <td>Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht.</td>
                    <td>Eines Tages aber beschloß eine kleine Zeile Blindtext.</td>
                    <td>Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel.</td>
                    <td>Ist klar diese Wörter, ist möglich verstehen, was ich hab gesagt? Danke.</td>
                    <td>Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern.</td>
                    <td>Ich habe gesehen auch zwei Tage die Training. Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz.</td>
                  </tr>
                  <tr>
                    <td>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.</td>
                    <td>Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht.</td>
                    <td>Eines Tages aber beschloß eine kleine Zeile Blindtext.</td>
                    <td>Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel.</td>
                    <td>Ist klar diese Wörter, ist möglich verstehen, was ich hab gesagt? Danke.</td>
                    <td>Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern.</td>
                    <td>Ich habe gesehen auch zwei Tage die Training. Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz.</td>
                  </tr>
                  <tr>
                    <td>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.</td>
                    <td>Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht.</td>
                    <td>Eines Tages aber beschloß eine kleine Zeile Blindtext.</td>
                    <td>Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel.</td>
                    <td>Ist klar diese Wörter, ist möglich verstehen, was ich hab gesagt? Danke.</td>
                    <td>Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern.</td>
                    <td>Ich habe gesehen auch zwei Tage die Training. Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz.</td>
                  </tr>
                  <tr>
                    <td>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.</td>
                    <td>Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht.</td>
                    <td>Eines Tages aber beschloß eine kleine Zeile Blindtext.</td>
                    <td>Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel.</td>
                    <td>Ist klar diese Wörter, ist möglich verstehen, was ich hab gesagt? Danke.</td>
                    <td>Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern.</td>
                    <td>Ich habe gesehen auch zwei Tage die Training. Ein Trainer ist nicht ein Idiot! Ein Trainer sei sehen was passieren in Platz.</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</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>
Source: assets/sass/_fullpage.scss, line 47