HTML-Prototype Schulpaket

News Detail

Toggle example guides Toggle HTML markup

<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