Report Article

100%
<article role="article" class="t-article t-article--report" itemtype="http://schema.org/Article" itemscope="itemscope">
    <div class="grid-x grid-padding-x grid-padding-y align-bottom u-fixed-background" style="background-image: url('../../../assets/img/landscape.jpg');">
        <div class="u-fixed-background-gradient"></div>

        <div class="cell large-9 large-offset-3 u-zindex-1">
            <header class="c-headline">
                <div class="c-headline__kicker">
                    <span class="c-headline__kicker-item">
            Hildesheim
            </span>
                    <span class="c-headline__kicker-item">
            Sport
            </span>
                </div>
                <div class="c-headline__title">
                    <h1 itemprop="headline">Lorem ipsum dolor sit amet, consectetur adipisicing elit</h1>
                </div>
            </header>
            <p itemprop="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci atque aut culpa debitis dolorem dolores doloribus.</p>
            <aside class="grid-x grid-padding-x grid-padding-y align-middle">
                <div class="cell small-12 medium-auto">
                    <div class="c-meta">
                        <ul cLass="c-meta__list">
                            <li class="c-meta__item"><strong>von Johanna Elster</strong></li>
                            <li class="c-meta__item"><time title="Veröffentlicht am" itemprop="datePublished" datetime="28.04.2019">28.04.2019</time></li>
                            <li class="c-meta__item">Aktualisiert <span class="js-last-updated" data-tstamp="1566213446">
    19.08.2019 - 13:17 Uhr
</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="cell small-12 medium-shrink">
                    <div class="grid-x grid-padding-x grid-padding-y align-middle">
                        <div class="cell small-12 medium-shrink">
                            <button class="c-bookmark" title="Artikel merken">
    <i class="far fa-bookmark c-bookmark__icon"></i>
    <span class="c-bookmark__label">Artikel merken</span></button>
                        </div>
                        <div class="cell small-12 medium-auto">
                            <div class="c-social-menu c-social-menu--inverse">
                                <ul class="c-social-menu__list">
                                    <li class="c-social-menu__item">
                                        <a class="c-social-menu__link c-social-menu__link--facebook" href="#"></a>
                                    </li>
                                    <li class="c-social-menu__item">
                                        <a class="c-social-menu__link c-social-menu__link--whatsapp" href="#"></a>
                                    </li>
                                    <li class="c-social-menu__item">
                                        <a class="c-social-menu__link c-social-menu__link--mail" href="#"></a>
                                    </li>
                                    <li class="c-social-menu__item">
                                        <a class="c-social-menu__link c-social-menu__link--twitter" href="#"></a>
                                    </li>
                                    <li class="c-social-menu__item">
                                        <a class="c-social-menu__link c-social-menu__link--instagram" href="#"></a>
                                    </li>
                                    <li class="c-social-menu__item">
                                        <a class="c-social-menu__link c-social-menu__link--youtube" href="#"></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </aside>
        </div>
    </div>
    <div class="grid-container">
        <div class="grid-x">
            <div class="cell small-12">
                <div class="text-center">
                    <div class="show-for-medium">
                        <div id="oms_gpt_billboard" class="c-ad js-ad-stroeer c-ad--billboard"></div>
                    </div>

                </div>
            </div>
        </div>
        <div class="grid-x grid-padding-y">
            <div class="cell small-12 medium-8 medium-offset-2 large-6 large-offset-3">
                <f:render partial="Detail/Bodytext" arguments="{newsItem: newsItem}" />
                <section itemprop="articleBody" class="t-article-body t-article-body--report">
                    <h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    </h3>
                    <div class="ce-textpic ce-left ce-intext">
                        <div class="ce-gallery" data-lightbox-imageset="0" data-ce-columns="1" data-ce-images="1">
                            <div class="ce-row align-left">
                                <div class="ce-column">
                                    <figure class="c-media">
                                        <div class="c-media__content"><span class="c-media__icon"></span>
                                            <picture class="c-media__picture">
                                                <img class="c-media__image" src="../../../assets/img/landscape.jpg" alt="" title="" />
                                            </picture>
                                        </div>
                                        <figcaption>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing
                                            <elit class=""></elit>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="ce-bodytext">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae ex iure, nam nulla reiciendis veritatis voluptas? Accusamus amet debitis esse explicabo fugit minima, quas quod ratione temporibus! Error, sint, vero!</p>
                        </div>
                    </div>
                    <div class="ce-textpic ce-right ce-intext">
                        <div class="ce-gallery" data-lightbox-imageset="0" data-ce-columns="1" data-ce-images="1">
                            <div class="ce-row align-left">
                                <div class="ce-column">
                                    <figure class="c-media">
                                        <div class="c-media__content"><span class="c-media__icon"></span>
                                            <picture class="c-media__picture">
                                                <img class="c-media__image" src="../../../assets/img/landscape.jpg" alt="" title="" />
                                            </picture>
                                        </div>
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="ce-bodytext">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae ex iure, nam nulla reiciendis veritatis voluptas? Accusamus amet debitis esse explicabo fugit minima, quas quod ratione temporibus! Error, sint, vero!</p>
                        </div>
                    </div>
                    <div class="ce-textpic ce-center ce-above">
                        <div class="ce-gallery" data-lightbox-imageset="0" data-ce-columns="1" data-ce-images="1">
                            <div class="ce-outer">
                                <div class="ce-inner">
                                    <div class="ce-row align-center">
                                        <div class="ce-column">
                                            <figure class="image">
                                                <figure class="c-media">
                                                    <div class="c-media__content"><span class="c-media__icon"></span>
                                                        <picture class="c-media__picture">
                                                            <img class="c-media__image" src="../../../assets/img/landscape.jpg" alt="" title="" />
                                                        </picture>
                                                    </div>
                                                </figure>
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ce-bodytext">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae ex iure, nam nulla reiciendis veritatis voluptas? Accusamus amet debitis esse explicabo fugit minima, quas quod ratione temporibus! Error, sint, vero!</p>
                        </div>
                    </div>

                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
                        in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                    <blockquote class="c-quote">
                        <p class="c-quote__text">Sie wollen ausreisen? Das wollen doch Millionen</p>
                        <footer class="c-quote__author">Johann Baumann</footer>
                    </blockquote>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
                        in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                    <h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    </h3>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
                        in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
                        in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                    <h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    </h3>
                    <blockquote class="c-quote">
                        <p class="c-quote__text">Sie wollen ausreisen? Das wollen doch Millionen</p>
                    </blockquote>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
                        in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                </section>
            </div>
        </div>
    </div>
</article>
<article role="article" class="t-article t-article--report" itemtype="http://schema.org/Article"
         itemscope="itemscope">
    <div class="grid-x grid-padding-x grid-padding-y align-bottom u-fixed-background"
         style="background-image: url('../../../assets/img/landscape.jpg');">
        <div class="u-fixed-background-gradient"></div>

        <div class="cell large-9 large-offset-3 u-zindex-1">
            {% render '@headline' %}
            <p itemprop="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci atque
                aut culpa debitis
                dolorem dolores doloribus.</p>
            <aside class="grid-x grid-padding-x grid-padding-y align-middle">
                <div class="cell small-12 medium-auto">
                    {% render '@meta' with {
                        location: false,
                        readingTime: false,
                        visits: false,
                    } %}
                </div>
                <div class="cell small-12 medium-shrink">
                    <div class="grid-x grid-padding-x grid-padding-y align-middle">
                        <div class="cell small-12 medium-shrink">
                            {% render '@bookmark' %}
                        </div>
                        <div class="cell small-12 medium-auto">
                            {% render '@social-menu--inverse' with {
                                skype: false,
                                linkedin: false,
                            } %}
                        </div>
                    </div>
                </div>
            </aside>
        </div>
    </div>
    <div class="grid-container">
        <div class="grid-x">
            <div class="cell small-12">
                <div class="text-center">
                    {% render '@ad--billboard' %}
                </div>
            </div>
        </div>
        <div class="grid-x grid-padding-y">
            <div class="cell small-12 medium-8 medium-offset-2 large-6 large-offset-3">
                <f:render partial="Detail/Bodytext" arguments="{newsItem: newsItem}"/>
                <section itemprop="articleBody" class="t-article-body t-article-body--report">
                    {% render '@heading--h3' %}
                    <div class="ce-textpic ce-left ce-intext">
                        <div class="ce-gallery" data-lightbox-imageset="0" data-ce-columns="1" data-ce-images="1">
                            <div class="ce-row align-left">
                                <div class="ce-column">
                                    <figure class="c-media">
                                        <div class="c-media__content"><span class="c-media__icon"></span>
                                            <picture class="c-media__picture">
                                                <img class="c-media__image"
                                                     src="../../../assets/img/landscape.jpg" alt="" title=""/>
                                            </picture>
                                        </div>
                                        <figcaption>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing
                                            <elit class=""></elit>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="ce-bodytext"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae
                                ex iure, nam nulla reiciendis veritatis voluptas? Accusamus amet debitis esse
                                explicabo fugit minima, quas quod ratione temporibus! Error, sint, vero!</p></div>
                    </div>
                    <div class="ce-textpic ce-right ce-intext">
                        <div class="ce-gallery" data-lightbox-imageset="0" data-ce-columns="1" data-ce-images="1">
                            <div class="ce-row align-left">
                                <div class="ce-column">
                                    <figure class="c-media">
                                        <div class="c-media__content"><span class="c-media__icon"></span>
                                            <picture class="c-media__picture">
                                                <img class="c-media__image"
                                                     src="../../../assets/img/landscape.jpg" alt="" title=""/>
                                            </picture>
                                        </div>
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="ce-bodytext"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae
                                ex iure, nam nulla reiciendis veritatis voluptas? Accusamus amet debitis esse
                                explicabo fugit minima, quas quod ratione temporibus! Error, sint, vero!</p></div>
                    </div>
                    <div class="ce-textpic ce-center ce-above">
                        <div class="ce-gallery" data-lightbox-imageset="0" data-ce-columns="1" data-ce-images="1">
                            <div class="ce-outer">
                                <div class="ce-inner">
                                    <div class="ce-row align-center">
                                        <div class="ce-column">
                                            <figure class="image">
                                                <figure class="c-media">
                                                    <div class="c-media__content"><span class="c-media__icon"></span>
                                                        <picture class="c-media__picture">
                                                            <img class="c-media__image"
                                                                 src="../../../assets/img/landscape.jpg" alt=""
                                                                 title=""/>
                                                        </picture>
                                                    </div>
                                                </figure>
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ce-bodytext"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae
                                ex iure, nam nulla reiciendis veritatis voluptas? Accusamus amet debitis esse
                                explicabo fugit minima, quas quod ratione temporibus! Error, sint, vero!</p></div>
                    </div>

                    {% render '@paragraph' %}
                    {% render '@quote' %}
                    {% render '@paragraph' %}
                    {% render '@heading--h3' %}
                    {% render '@paragraph' %}
                    {% render '@paragraph' %}
                    {% render '@heading--h3' %}
                    {% render '@quote--no-author' %}
                    {% render '@paragraph' %}
                </section>
            </div>
        </div>
    </div>
</article>
/* No context defined for this component. */

There are no notes for this item.