<div class="page-container">
    <header class="header">
        <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">
                            <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 active">
                                        <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>
        <picture class="header__image">
            <img class="right" src="Images/studienfilter.png">
        </picture>
        <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="#">
                                            Klinische Forschung
                                    </a>
                                </li>
                                <li class="navigation-mobile--dropdown__nav__item active">
                                    <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="#">Forschung </a>
                    <div class="breadcrumb__item-arrow arrow-breadcrumb"></div>
                    <a class="breadcrumb__item" href="#">Klinische Forschung</a>
                </div>
            </div>
        </div>
    </header>
    <div class="maincontent">
        <div class="content-wrap-subpage">
            <div class="container-fluid content-wrap">
                <div class="frame-indent">
                    <div class="element--dzne-textimage">
                        <div class="element--dzne-textimage__textimage-container">
                            <h1 class="element--dzne-textimage__textimage-container__headline headline--1">
                                Aktuelle Studien der Klinischen Forschung
                            </h1>
                        </div>
                    </div>
                    <div class="filter">
                        <form class="filter__form">
                            <div class="filter__form__field form-field--select-area1 input-wrap--select">
                                <select class="select2-multiple">
                                    <option>
                                        Krankheitskategorie
                                    </option>
                                    <option value="1">
                                        Test
                                    </option>
                                    <option value="2">
                                        Test2
                                    </option>
                                    <option value="3">
                                        Test3
                                    </option>
                                </select>
                            </div>
                            <div class="filter__form__field form-field--select-area2 input-wrap--select">
                                <select class="select2-multiple">
                                    <option>
                                        Rekutierend
                                    </option>
                                    <option value="1">
                                        Test
                                    </option>
                                    <option value="2">
                                        Test2
                                    </option>
                                    <option value="3">
                                        Test3
                                    </option>
                                </select>
                            </div>
                            <div class="filter__form__field form-field--select-area3 input-wrap--select">
                                <select class="select2-multiple">
                                    <option>
                                        Standort
                                    </option>
                                    <option value="1">
                                        Test
                                    </option>
                                    <option value="2">
                                        Test2
                                    </option>
                                    <option value="3">
                                        Test3
                                    </option>
                                </select>
                            </div>
                            <div class="filter__form__field form-field--submit">
                                <input type="submit" value="Filtern" class="button--primary"/>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="frame-indent">
                    <div class="element--dzne-textimage">
                        <div class="element--dzne-textimage__graybg-container">
                            <div class="element--dzne-textimage__graybg-container__headline">
                                7T-TGA - hochauflösende MRT-Bildgebung in TGA-Patienten: eine retrospektive und prospektive Studie
                            </div>
                            <div class="element--dzne-textimage__graybg-container__content">
                                <div class="element--dzne-textimage__graybg-container__content__text">
                                    Bei der transienten globalen Amnesie (TGA) kommt es bei den betroffenen Patienten zu einer Störung
                                    des anterograden und auch des retrograden Gedächtnisses, so dass neu Erlerntes bzw.
                                    Erlebtes nicht behalten wird. Klassisch werden die Patienten durch repetitive Fragen nach Ort und
                                    Situation auffällig. Die Dauer der Akutphase beträgt meist zwischen 4-8 Stunden, nach 24 Stunden sind
                                    die Symptome regredient und es besteht eine amnestische Lücke.
                                </div>
                                <div class="element--dzne-textimage__graybg-container__content__arrow arrow"></div>
                            </div>
                        </div>
                        <div class="element--dzne-textimage__graybg-container">
                            <div class="element--dzne-textimage__graybg-container__headline">
                                ALS-FTD-Kognition
                            </div>
                            <div class="element--dzne-textimage__graybg-container__content">
                                <div class="element--dzne-textimage__graybg-container__content__text">
                                    Die Amyotrophe Lateralsklerose und die frontotemporale Demenz sind zwei Erkrankungen,
                                    die durch einen fortschreitenden Verlust von Nervenzellen im Gehirn verursacht sind.
                                    Da diese beiden Erkrankungen bisher nur unzureichend verstanden sind, interessieren wir uns bei
                                    diesen beiden Krankheiten für höhere geistige Leistungen, insbesondere Aufmerksamkeitsfunktionen.
                                </div>
                                <div class="element--dzne-textimage__graybg-container__content__arrow arrow"></div>
                            </div>
                        </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 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>