HTML-Prototype von DZNE

<insert-markup>10.23-</insert-markup>

Aktuelles Archiv

Kategorie filtern:
Sortieren nach:
Markup: templates/output/existingfiles/aktuelles_archiv.html
<div class="top-bar">
    <div class="container-fluid top-bar__container">
        <a href="#">
            <div class="top-bar__logo">
                <img src="./Images/dzne_logo.svg">
            </div>
        </a>
        <div class="top-bar__container only-mobile">
            <div class="top-bar__container__mobile-languages">
                <a href="#" class="active">DE</a>
                <a href="#">EN</a>
            </div>
            <div class="top-bar__container__menu-toggle only-mobile" data-toggle="collapse" data-target="#navbarMobile" aria-controls="navbarMobile" aria-expanded="false" aria-label="Navigation">
                <i class="fal fa-bars open"></i>
                <i class="fal fa-times close"></i>
            </div>
        </div>
        <nav class="top-bar__navigation navigation__main only-desktop">
            <ul class="navigation__main__nav">
                <li class="navigation__main__nav__item active">
                    <a href="#">
                        Forschung
                    </a>
                    <div class="navigation__main__nav__item__sub navigation--dropdown theme--grey">
                        <ul class="navigation--dropdown__nav">
                            <li class="navigation--dropdown__nav__item has-dropdown">
                                <a href="#">
                                    Forschungsbereiche
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Forschungsgruppen
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Studien
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Brain Bank
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Core Facilities
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Defeat PD
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Neuroimaging
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    PRECISE
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Kooperationen
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Publikationen
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navigation__main__nav__item">
                    <a href="#">
                        Aktuelles
                    </a>
                    <div class="navigation__main__nav__item__sub navigation--dropdown theme--grey">
                        <ul class="navigation--dropdown__nav">
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Veranstaltungen
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Presse
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Im Fokus
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navigation__main__nav__item">
                    <a href="#">
                        Spenden
                    </a>
                </li>
                <li class="navigation__main__nav__item">
                    <a href="#">
                        &Uuml;ber uns
                    </a>
                    <div class="navigation__main__nav__item__sub navigation--dropdown theme--grey">
                        <ul class="navigation--dropdown__nav">
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Vorstand
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Standorte
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Administration
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Organisation
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Technologietransfer
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Betriebsrat
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Beauftragter für Medizinproduktesicherheit
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Ausschreibungen / Veröffentlichungen
                                </a>
                            </li>
                            <li class="navigation--dropdown__nav__item">
                                <a href="#">
                                    Info-Hotline
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navigation__main__nav__item navigation__main__nav__item--external">
                    <a href="#">
                        Karriere
                    </a>
                </li>
            </ul>
        </nav>
        <div class="top-bar__right only-desktop">
            <div class="top-bar__right__languages">
                <a href="#" class="active">DE</a>
                <a href="#">EN</a>
            </div>
            <div class="top-bar__right__search">
                <form action="" class="search-bar">
                            <span class="search-trigger" id="search-trigger">
                                <i class="fal fa-search"></i>
                            </span>
                    <input class="search-bar__input" id="search-input" type="search" name="search" required>
                    <input type="submit" class="search-bar__button search-btn" />
                </form>
            </div>
        </div>
    </div>
</div>
<div class="page-container">
    <header class="header theme--subpage-without-image">
        <nav class="top-bar__navigation-mobile only-mobile">
            <div class="top-bar__navigation-mobile--wrapper navigation-mobile__main">
                <ul class="navigation-mobile__main__nav">
                    <li class="navigation-mobile__main__nav__item">
                        <a href="#">
                            Forschung
                        </a>

                        <div class="navigation-mobile__main__nav__item__sub navigation-mobile--dropdown theme--grey">
                            <ul class="navigation-mobile--dropdown__nav">
                                <li class="navigation-mobile--dropdown__nav__item has-dropdown">
                                    <a href="#">
                                        &Uuml;bersicht
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item has-dropdown">
                                    <a href="#">
                                        Forschungsbereiche
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Forschungsgruppen
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Studien
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Brain Bank
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Core Facilities
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Defeat PD
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Neuroimaging
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        PRECISE
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Kooperationen
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Publikationen
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="navigation-mobile__main__nav__item">
                        <a href="#">
                            Aktuelles
                        </a>

                        <div class="navigation-mobile__main__nav__item__sub navigation-mobile--dropdown theme--grey">
                            <ul class="navigation-mobile--dropdown__nav">
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Veranstaltungen
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Presse
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Im Fokus
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="navigation-mobile__main__nav__item">
                        <a href="#">
                            Spenden
                        </a>
                    </li>
                    <li class="navigation-mobile__main__nav__item">
                        <a href="#">
                            &Uuml;ber uns
                        </a>

                        <div class="navigation-mobile__main__nav__item__sub navigation-mobile--dropdown theme--grey">
                            <ul class="navigation-mobile--dropdown__nav">
                                <li class="navigation-mobile--dropdown__nav__item has-dropdown">
                                    <a href="#">
                                        &Uuml;bersicht
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Vorstand
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Standorte
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Administration
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Organisation
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Technologietransfer
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Betriebsrat
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Beauftragter für Medizinproduktesicherheit
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Ausschreibungen / Veröffentlichungen
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item">
                                    <a href="#">
                                        Info-Hotline
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="navigation-mobile__main__nav__item navigation-mobile__main__nav__item--external">
                        <a href="#">
                            Karriere
                        </a>
                    </li>
                    <li class="navigation-mobile__main__nav__item navigation-mobile__main__nav__item--search">
                        <div class="navigation-mobile__main__nav__item__search">
                            <form action="" class="search-bar-mobile">
                                <span class="search-trigger" id="search-trigger">
                                    <i class="fal fa-search"></i>
                                </span>
                                <input class="search-bar-mobile__input" id="search-input" type="search" name="search" placeholder="Suchbegriff eingeben…">
                                <input type="submit" class="search-bar-mobile__button search-btn" />
                            </form>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>
        <div class="header__subnavigation desktop">
            <div class="header__subnavigation__container container-fluid">
                <div class="breadcrumb">
                    <a class="breadcrumb__item" href="#">Aktuelles </a>
                    <div class="breadcrumb__item-arrow arrow-breadcrumb"></div>
                    <a class="breadcrumb__item" href="#">Archiv</a>
                </div>
            </div>
        </div>
    </header>
    <div class="header-subnav-mobile__subnavigation">
        <div class="header-subnav-mobile__subnavigation__container">
            <div class="subnav">
                <ul class="subnav__navigation">
                    <li class="subnav__navigation__item">
                        <a href="#">
                            Overview
                        </a>
                    </li>
                    <li class="subnav__navigation__item">
                        <a href="#">
                            Principle Investigators
                        </a>
                    </li>
                    <li class="subnav__navigation__item">
                        <a href="#">
                            Facilities and Ressources
                        </a>
                    </li>
                    <li class="subnav__navigation__item">
                        <a href="#">
                            Projects
                        </a>
                    </li>
                    <li class="subnav__navigation__item">
                        <a href="#">
                            Publications
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="maincontent">
        <div class="content-wrap-subpage">
            <div class="content-wrap container-fluid">
                <h1>Aktuelles Archiv</h1>

                <form class="archive__form" method="get" action="#">
                    <div class="archive__form__search">
                        <label for="searchterm" class="sr-only">Suchbegriff eingeben</label>
                        <input id="searchterm" type="text" placeholder="Suchbegriff eingeben" />
                        <button type="submit">Suchen</button>
                    </div>
                    <div class="archive__form__bottom">

                        <div class="archive__form__filter">
                            <span>Kategorie filtern:</span>
                            <div class="archive__form__filter__options">
                                <button type="submit">Im Fokus</button>
                                <button type="submit">Pressemitteilungen</button>
                            </div>
                        </div>
                        <div class="archive__form__sorting">
                            <span>Sortieren nach:</span>
                            <div class="archive__form__sorting__options">
                                <div>
                                    <label>Treffgenauigkeit <input type="radio" name="filteroption" value="option1" id="option1" /><span class="radiobtn"></span></label>
                                </div>
                                <div>
                                    <label>Neueste zuerst <input type="radio" name="filteroption" value="option2" id="option2" /><span class="radiobtn"></span></label>
                                </div>
                                <div>
                                    <label>Älteste zuerst <input type="radio" name="filteroption" value="option3" id="option3" /><span class="radiobtn"></span></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

                <div class="tiles">
                    <div class="grid-sizer"></div>
                    <div class="gutter-sizer"></div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_5.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Im Fokus
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Interview mit Prof. Gasser zum Welt-Parkinson-Tag: „Klären Sie so frühzeitig wie möglich
                                        die Symptome ab“
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Parkinson-Forscher Prof. Thomas Gasser über die Vorboten der Krankheit, die Bedeutung
                                        der Diagnose für Patienten und Angehörige und mögliche neue Therapieansätze.
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_6.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Pressemitteilung
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Coronavirus: Das DZNE unterstützt Forschung nach Gegenmitteln
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Das Deutsche Zentrum für Neurodegenerative Erkrankungen (DZNE) trägt aktiv zu den
                                        Bemühungen bei, die Auswirkungen des Covid-19-Ausbruchs zu begrenzen und zu
                                        neutralisieren. Das DZNE hat daher begonnen, seine Ressourcen für Studien über
                                        Krankheitsmechanismen einzusetzen, die…
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_5.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Im Fokus
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Interview mit Prof. Gasser zum Welt-Parkinson-Tag: „Klären Sie so frühzeitig wie möglich
                                        die Symptome ab“
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Parkinson-Forscher Prof. Thomas Gasser über die Vorboten der Krankheit, die Bedeutung
                                        der Diagnose für Patienten und Angehörige und mögliche neue Therapieansätze.
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_6.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Pressemitteilung
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Coronavirus: Das DZNE unterstützt Forschung nach Gegenmitteln
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Das Deutsche Zentrum für Neurodegenerative Erkrankungen (DZNE) trägt aktiv zu den
                                        Bemühungen bei, die Auswirkungen des Covid-19-Ausbruchs zu begrenzen und zu
                                        neutralisieren. Das DZNE hat daher begonnen, seine Ressourcen für Studien über
                                        Krankheitsmechanismen einzusetzen, die…
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_5.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Im Fokus
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Interview mit Prof. Gasser zum Welt-Parkinson-Tag: „Klären Sie so frühzeitig wie möglich
                                        die Symptome ab“
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Parkinson-Forscher Prof. Thomas Gasser über die Vorboten der Krankheit, die Bedeutung
                                        der Diagnose für Patienten und Angehörige und mögliche neue Therapieansätze.
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_6.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Pressemitteilung
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Coronavirus: Das DZNE unterstützt Forschung nach Gegenmitteln
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Das Deutsche Zentrum für Neurodegenerative Erkrankungen (DZNE) trägt aktiv zu den
                                        Bemühungen bei, die Auswirkungen des Covid-19-Ausbruchs zu begrenzen und zu
                                        neutralisieren. Das DZNE hat daher begonnen, seine Ressourcen für Studien über
                                        Krankheitsmechanismen einzusetzen, die…
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_5.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Im Fokus
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Interview mit Prof. Gasser zum Welt-Parkinson-Tag: „Klären Sie so frühzeitig wie möglich
                                        die Symptome ab“
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Parkinson-Forscher Prof. Thomas Gasser über die Vorboten der Krankheit, die Bedeutung
                                        der Diagnose für Patienten und Angehörige und mögliche neue Therapieansätze.
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_6.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Pressemitteilung
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Coronavirus: Das DZNE unterstützt Forschung nach Gegenmitteln
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Das Deutsche Zentrum für Neurodegenerative Erkrankungen (DZNE) trägt aktiv zu den
                                        Bemühungen bei, die Auswirkungen des Covid-19-Ausbruchs zu begrenzen und zu
                                        neutralisieren. Das DZNE hat daher begonnen, seine Ressourcen für Studien über
                                        Krankheitsmechanismen einzusetzen, die…
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_5.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Im Fokus
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Interview mit Prof. Gasser zum Welt-Parkinson-Tag: „Klären Sie so frühzeitig wie möglich
                                        die Symptome ab“
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Parkinson-Forscher Prof. Thomas Gasser über die Vorboten der Krankheit, die Bedeutung
                                        der Diagnose für Patienten und Angehörige und mögliche neue Therapieansätze.
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_6.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Pressemitteilung
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Coronavirus: Das DZNE unterstützt Forschung nach Gegenmitteln
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Das Deutsche Zentrum für Neurodegenerative Erkrankungen (DZNE) trägt aktiv zu den
                                        Bemühungen bei, die Auswirkungen des Covid-19-Ausbruchs zu begrenzen und zu
                                        neutralisieren. Das DZNE hat daher begonnen, seine Ressourcen für Studien über
                                        Krankheitsmechanismen einzusetzen, die…
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_5.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Im Fokus
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Interview mit Prof. Gasser zum Welt-Parkinson-Tag: „Klären Sie so frühzeitig wie möglich
                                        die Symptome ab“
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Parkinson-Forscher Prof. Thomas Gasser über die Vorboten der Krankheit, die Bedeutung
                                        der Diagnose für Patienten und Angehörige und mögliche neue Therapieansätze.
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tiles__tile grid-item">
                        <div class="element element--dzne-teaser">
                            <a href="#">
                                <div class="element--dzne-teaser__image-container image--hover-zoom">
                                    <img src="Images/image_tile_6.png" alt=""/>
                                </div>
                                <div class="element--dzne-teaser__text-container">
                                    <div class="element--dzne-teaser__arrow arrow">
                                    </div>
                                    <div class="element--dzne-teaser__text-container__overline">
                                        Pressemitteilung
                                    </div>
                                    <div class="element--dzne-teaser__text-container__headline">
                                        Coronavirus: Das DZNE unterstützt Forschung nach Gegenmitteln
                                    </div>
                                    <div class="element--dzne-teaser__text-container__text">
                                        Das Deutsche Zentrum für Neurodegenerative Erkrankungen (DZNE) trägt aktiv zu den
                                        Bemühungen bei, die Auswirkungen des Covid-19-Ausbruchs zu begrenzen und zu
                                        neutralisieren. Das DZNE hat daher begonnen, seine Ressourcen für Studien über
                                        Krankheitsmechanismen einzusetzen, die…
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Content Footer final START -->
                <div class="content__footer">
                    <div class="content__footer__social-media">
                        <a class="facebook" href="#">
                            <img alt="Facebook" src="Images/icon_facebook.svg"/> teilen
                        </a>
                        <a class="twitter" href="#">
                            <img alt="Twitter" src="Images/icon_twitter.png"/> tweet
                        </a>
                    </div>
                    <div class="content__footer__meta">
                        <a class="print" href="javascript:window.print()"></a>
                        <a class="back-to-top" href="#"></a>
                    </div>
                </div>
                <!-- Content Footer final END -->
            </div>
        </div>
    </div>

    <!-- Footer Probanden-Box final START -->
    <section class="dynamic-footer dynamic-footer--small">
        <div class="dynamic-footer__container container-fluid">
            <div class="dynamic-footer__wrap">
                <div class="dynamic-footer__row">
                    <div class="dynamic-footer__col">
                        <h4>
                            <span>Probanden gesucht</span>
                            <span class="icons">
                                        <i class="fas fa-female"></i>
                                        <i class="fas fa-male"></i>
                                    </span>
                        </h4>
                        <p>
                            Unterstützen Sie unsere Forschung durch Ihre Studien-Teilnahme!
                            <a href="" class="dynamic-footer__button">
                                Zur Studienübersicht
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Footer Probanden-Box final END -->

    <footer class="footer">
        <nav class="footer__navigation">
            <ul class="footer__navigation__items">
                <li class="footer__navigation__items__item">
                    <a href="#">Kontakt</a>
                </li>
                <li class="footer__navigation__items__item">
                    <a href="#">Impressum</a>
                </li>
                <li class="footer__navigation__items__item">
                    <a href="#">Datenschutz</a>
                </li>
            </ul>
        </nav>
        <div class="footer__bottomline">
            <div class="container-fluid footer__bottomline__container">
                <div class="footer__bottomline__icons">
                    <div class="footer__bottomline__icons__icon">
                        <a href="#">
                           <img src="Images/logo_helmholtz.svg" width="736" height="100"/>
                        </a>
                    </div>
                    <div class="footer__bottomline__icons__icon">
                        <a href="#">
                            <img src="Images/logo_dzg.png"/>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
Source: src/scss/_fullpage.scss, line 250