<section class="grid-container o-section o-section--grey">
<div class="grid-x grid-margin-x">
<div class="cell large-2 o-section__fulldecoLineHorizontal">
<div class="c-context-menu">
<h2 class="c-context-menu__title u-h3">Topmeldung</h2>
</div>
</div>
<div class="cell large-10">
<article class="c-teaser c-teaser--top">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
<div class="c-teaser__content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A beatae debitis dolor, dolorem doloremque eaque esse fugit necessitatibus sit veritatis? Lorem ipsum dolor sit amet, consectetur adipisicing elit. A beatae debitis
dolor, dolorem doloremque eaque esse fugit necessitatibus sit veritatis?</p>
</div>
</a>
</div>
</article>
</div>
</div>
</section>
<section class="grid-container o-section">
<div class="grid-x grid-margin-x">
<div class="cell large-2"></div>
<div class="cell large-10">
<a href="#">
<div class="c-breaking-news">
<span class="c-breaking-news__title">Eilmeldung</span>
<div class="c-breaking-news__content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut dolores nostrum officia quaerat quibusdam</p>
</div>
</div>
</a>
</div>
</div>
</section>
<section class="grid-container o-section">
<div class="grid-x grid-margin-x">
<div class="cell large-2">
<div class="c-context-menu">
<h2 class="c-context-menu__title u-h3">
<span class="c-date">Montag</span>
<span class="c-date">22. August</span>
</h2>
</div>
</div>
<div class="cell large-10">
<article class="c-teaser c-teaser--opener">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture>
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
<div class="c-teaser__content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A beatae debitis dolor, dolorem doloremque eaque esse fugit necessitatibus sit veritatis?</p>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<div class="grid-x grid-margin-x">
<div class="cell medium-8">
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="is-video-thumbnail">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
</div>
<div class="cell medium-4">
<h2>Meistgelesen</h2>
<ol class="o-list-ranked">
<li>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
</article>
</li>
<li>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"> 8.890 Aufrufe</li>
</ul>
</div>
</div>
</article>
</li>
<li>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"> 7.003 Aufrufe</li>
</ul>
</div>
</div>
</article>
</li>
<li>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"> 4.123 Aufrufe</li>
</ul>
</div>
</div>
</article>
</li>
<li>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"> 3.523 Aufrufe</li>
</ul>
</div>
</div>
</article>
</li>
<li>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"> 1.456 Aufrufe</li>
</ul>
</div>
</div>
</article>
</li>
<li>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"> 825 Aufrufe</li>
</ul>
</div>
</div>
</article>
</li>
<li>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"> 10 Aufrufe</li>
</ul>
</div>
</div>
</article>
</li>
</ol>
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section o-section--grey">
<div class="grid-x grid-margin-x">
<div class="cell large-2 o-section__fulldecoLineHorizontal">
<div class="c-context-menu">
<h2 class="c-context-menu__title u-h3">Themen des Tages</h2>
<ul class="c-context-menu__list">
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Neuseeland</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Brexit</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Wahlen in Venezuela</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Tropensturm</span></a>
</li>
</ul>
</div>
</div>
<div class="cell auto">
<div class="grid-x grid-margin-x">
<div class="cell medium-8">
<article class="c-teaser c-teaser--card">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="" title="Picture Element title">
<source data-srcset="https://via.placeholder.com/768x640" media="(min-width: 640px)">
<source data-srcset="https://via.placeholder.com/640x480" media="(min-width: 480px)">
<source data-srcset="https://via.placeholder.com/480x320" media="(min-width: 0px)">
<img itemprop="image" class="lazy lazyload" src="https://via.placeholder.com/64x32" alt="Alt Tag" />
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
<div class="c-teaser__content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A beatae debitis dolor, dolorem doloremque eaque esse fugit necessitatibus sit veritatis? Lorem ipsum dolor sit amet, consectetur adipisicing elit. A beatae
debitis dolor, dolorem doloremque eaque esse fugit necessitatibus sit veritatis?</p>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="is-video-thumbnail">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="is-video-thumbnail">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
</div>
<div class="cell medium-4">
<article class="c-teaser c-teaser--card">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="" title="Picture Element title">
<source data-srcset="https://via.placeholder.com/768x640" media="(min-width: 640px)">
<source data-srcset="https://via.placeholder.com/640x480" media="(min-width: 480px)">
<source data-srcset="https://via.placeholder.com/480x320" media="(min-width: 0px)">
<img itemprop="image" class="lazy lazyload" src="https://via.placeholder.com/64x32" alt="Alt Tag" />
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser c-teaser--card">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="" title="Picture Element title">
<source data-srcset="https://via.placeholder.com/768x640" media="(min-width: 640px)">
<source data-srcset="https://via.placeholder.com/640x480" media="(min-width: 480px)">
<source data-srcset="https://via.placeholder.com/480x320" media="(min-width: 0px)">
<img itemprop="image" class="lazy lazyload" src="https://via.placeholder.com/64x32" alt="Alt Tag" />
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<div class=" cell small-12 medium-12 large-12 frame frame-default frame-type-textmedia frame-layout-0">
<header>
<h2 class="">Podcast</h2>
</header>
<figure class="c-audio">
<div class="c-audio__embed">
<script class="podigee-podcast-player" src="https://cdn.podigee.com/podcast-player/javascripts/podigee-podcast-player.js" data-configuration="https://sooderso.podigee.io/9-episode-9/embed?context=external&token=_a_WpO1U_zz_1IEYPkkUAA"></script>
</div>
<figcaption class="c-audio__caption">No caption, no cry. Just lorem.</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section">
<div class="grid-x grid-margin-x">
<div class="cell large-2">
<div class="c-context-menu">
<h2 class="c-context-menu__title u-h3">Sport</h2>
<ul class="c-context-menu__list">
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Eintracht Hildesheim</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Helios Grizzlys Helios Grizzlys Helios Grizzlys</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Hildesheimer Invaders</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">VfV 06</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Fußball</span></a>
</li>
</ul>
<span class="c-context-menu__overview">
<a href="#" class="c-context-menu__overview-link">mehr Sport</a>
</span>
</div>
</div>
<div class="cell large-10">
<article class="c-teaser c-teaser--opener">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture>
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
<div class="c-teaser__content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A beatae debitis dolor, dolorem doloremque eaque esse fugit necessitatibus sit veritatis?</p>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<div class="grid-x grid-margin-x">
<div class="cell medium-8">
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="is-video-thumbnail">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
</div>
<div class="cell medium-4">
<h2>Weitere Artikel</h2>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"><time title="Veröffentlicht am" itemprop="datePublished" datetime="28.04.2019">28.04.2019</time></li>
</ul>
</div>
</div>
</article>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"><time title="Veröffentlicht am" itemprop="datePublished" datetime="28.04.2019">28.04.2019</time></li>
</ul>
</div>
</div>
</article>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"><time title="Veröffentlicht am" itemprop="datePublished" datetime="28.04.2019">28.04.2019</time></li>
</ul>
</div>
</div>
</article>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"><time title="Veröffentlicht am" itemprop="datePublished" datetime="28.04.2019">28.04.2019</time></li>
</ul>
</div>
</div>
</article>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"><time title="Veröffentlicht am" itemprop="datePublished" datetime="28.04.2019">28.04.2019</time></li>
</ul>
</div>
</div>
</article>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"><time title="Veröffentlicht am" itemprop="datePublished" datetime="28.04.2019">28.04.2019</time></li>
</ul>
</div>
</div>
</article>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<li class="c-meta__item"><time title="Veröffentlicht am" itemprop="datePublished" datetime="28.04.2019">28.04.2019</time></li>
</ul>
</div>
</div>
</article>
<article class="c-teaser c-teaser--minimal">
<img src="../../assets/img/landscape.jpg" alt="altText" title="Lorem ipsum dolor sit amet consectetur adipiscing elit">
<div class="c-teaser__header">
<span class="c-badge">
Anzeige
</span>
<a href="#" class="c-teaser__link">
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</a>
</div>
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
</ul>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section o-section--grey">
<div class="grid-x grid-margin-x">
<div class="cell large-2 o-section__fulldecoLineHorizontal">
<div class="c-context-menu">
<h2 class="c-context-menu__title u-h3">Meinung</h2>
<span class="c-context-menu__overview">
<a href="#" class="c-context-menu__overview-link">alle Artikel</a>
</span>
</div>
</div>
<div class="cell large-10">
<div class="grid-x grid-margin-x">
<div class="cell medium-6 large-auto">
<article class="c-teaser c-teaser--opinion">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
</div>
<div class="cell medium-6 large-auto">
<article class="c-teaser c-teaser--opinion">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
</div>
<div class="cell medium-6 large-auto">
<article class="c-teaser c-teaser--opinion">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section">
<div class="grid-x grid-margin-x">
<div class="cell large-2">
<div class="c-context-menu">
<h2 class="c-context-menu__title u-h3">Hildesheim</h2>
<ul class="c-context-menu__list">
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Eintracht Hildesheim</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Helios Grizzlys Helios Grizzlys Helios Grizzlys</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Hildesheimer Invaders</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">VfV 06</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Fußball</span></a>
</li>
</ul>
<span class="c-context-menu__overview">
<a href="#" class="c-context-menu__overview-link">mehr Sport</a>
</span>
</div>
</div>
<div class="cell large-10">
<article class="c-teaser c-teaser--opener">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture>
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
<div class="c-teaser__content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A beatae debitis dolor, dolorem doloremque eaque esse fugit necessitatibus sit veritatis?</p>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<div class="grid-x grid-margin-x">
<div class="cell medium-8">
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="is-video-thumbnail">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
<article class="c-teaser">
<div class="c-teaser__media">
<a href="#" class="c-teaser__link">
<picture class="">
<img src="https://via.placeholder.com/600x400" alt="">
</picture>
</a>
</div>
<div class="c-teaser__body">
<a href="#" class="c-teaser__link">
<div class="c-teaser__header">
<div class="c-teaser__kicker">
<span class="c-badge c-badge--user">HAZ+</span>
<span class="c-badge c-badge--prop c-badge--prop-gallery">
12
</span>
<span class="c-badge">
Anzeige
</span> Brandkatastrophe
</div>
<h2 class="c-teaser__title">Lorem ipsum dolor sit amet consectetur adipiscing elit</h2>
</div>
</a>
</div>
<div class="c-teaser__footer">
<div class="c-teaser__meta">
<div class="c-meta">
<ul cLass="c-meta__list">
<li class="c-meta__item"><strong>Hildesheim</strong></li>
<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>
<li class="c-meta__item"><span title="Lesezeit"><i class="fa fa-book-open"></i> 10 Min.</span></li>
<li class="c-meta__item"> 9.523 Aufrufe</li>
</ul>
</div>
</div>
<div class="c-teaser__actions">
<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
</button>
</div>
</div>
</article>
</div>
<div class="cell medium-4">
<div class="c-poll js-poll">
<h2 class="c-poll__title">Frage des Tages</h2>
<p class="c-poll__content">
<h3 class="c-poll__question">
Löst ein neuer Autohof bei Bockenem die Probleme?
</h3>
<form>
<ul class="c-poll__list">
<li>
<input type="radio" class="o-form__input o-form__input--radio o-form__input--hidden" name="radioAnswers" value="no" id="radio-1">
<label class="o-form__label o-form__label--radio" for="radio-1">Nein, ich denke, das ist zu wenig.</label>
</li>
<li>
<input type="radio" class="o-form__input o-form__input--radio o-form__input--hidden" name="radioAnswers" value="yes" id="radio-2">
<label class="o-form__label o-form__label--radio" for="radio-2">Ja, sollte schon einen großen Unterschied machen.</label>
</li>
</ul>
<div class="c-poll__descriptionText">
Die Parkplätze an den sind fasdoftmals dicht. Die Brummies weichen auch in Wohn- und aus, um ihre Ruhezeiten einzuhalten Die Parkplätze an den Autobah...
<a href="#">mehr Infos ></a>
</div>
<input type="submit" value="SENDEN" id="simplePollVote" disabled="true" class="c-button c-button--full c-button--disabled c-poll__submitButton">
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section o-section--grey">
<div class="grid-x grid-margin-x">
<div class="cell large-2 o-section__fulldecoLineHorizontal">
{% render '@context-menu' with {
title: "Topmeldung",
overview: "",
items: [],
} %}
</div>
<div class="cell large-10">
{% render '@teaser--top' %}
</div>
</div>
</section>
<section class="grid-container o-section">
<div class="grid-x grid-margin-x">
<div class="cell large-2"></div>
<div class="cell large-10">
{% render '@breaking-news' %}
</div>
</div>
</section>
<section class="grid-container o-section">
<div class="grid-x grid-margin-x">
<div class="cell large-2">
{% render '@context-menu' with {
isDate: "true",
items: [],
overview: ''
} %}
</div>
<div class="cell large-10">
{% render '@teaser--opener' %}
<div class="grid-x grid-margin-x">
<div class="cell medium-8">
{% render '@teaser' %}
{% render '@teaser' with { hasVideoThumbnail: true } %}
{% render '@teaser' %}
{% render '@teaser' %}
</div>
<div class="cell medium-4">
<h2>Meistgelesen</h2>
<ol class="o-list-ranked">
<li>{% render '@teaser--minimal' with {hasGallery: true, isPremium: true, location: "Hildesheim", visits: "9.523"} %}</li>
<li>{% render '@teaser--minimal' with { location: "Hildesheim", visits: "8.890"} %}</li>
<li>{% render '@teaser--minimal' with { location: "Hildesheim", visits: "7.003"} %}</li>
<li>{% render '@teaser--minimal' with { location: "Hildesheim", visits: "4.123"} %}</li>
<li>{% render '@teaser--minimal' with { location: "Hildesheim", visits: "3.523"} %}</li>
<li>{% render '@teaser--minimal' with { location: "Hildesheim", visits: "1.456"} %}</li>
<li>{% render '@teaser--minimal' with { location: "Hildesheim", visits: "825"} %}</li>
<li>{% render '@teaser--minimal' with { location: "Hildesheim", visits: "10"} %}</li>
</ol>
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section o-section--grey">
<div class="grid-x grid-margin-x">
<div class="cell large-2 o-section__fulldecoLineHorizontal">
{% render '@context-menu' with {
title: "Themen des Tages",
overview: "",
items: [
{ label: "Neuseeland" },
{ label: "Brexit" },
{ label: "Wahlen in Venezuela" },
{ label: "Tropensturm" },
]
} %}
</div>
<div class="cell auto">
<div class="grid-x grid-margin-x">
<div class="cell medium-8">
{% render '@teaser--card' %}
{% render '@teaser' with { hasVideoThumbnail: true } %}
{% render '@teaser' %}
{% render '@teaser' with { hasVideoThumbnail: true } %}
{% render '@teaser' %}
</div>
<div class="cell medium-4">
{% render '@teaser--card' with { text: '' } %}
{% render '@teaser--card' with { text: '' } %}
<div class=" cell small-12 medium-12 large-12 frame frame-default frame-type-textmedia frame-layout-0">
<header><h2 class="">Podcast</h2></header>
{% render '@audio' with { caption:'No caption, no cry. Just lorem.' } %}
</div>
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section">
<div class="grid-x grid-margin-x">
<div class="cell large-2">
{% render '@context-menu' %}
</div>
<div class="cell large-10">
{% render '@teaser--opener' %}
<div class="grid-x grid-margin-x">
<div class="cell medium-8">
{% render '@teaser' %}
{% render '@teaser' with { hasVideoThumbnail: true } %}
{% render '@teaser' %}
{% render '@teaser' %}
</div>
<div class="cell medium-4">
<h2>Weitere Artikel</h2>
{% render '@teaser--minimal' with { location: "Hildesheim", datetime: "28.04.2019"} %}
{% render '@teaser--minimal' with { hasGallery: true, isPremium: true, location: "Hildesheim", datetime: "28.04.2019"} %}
{% render '@teaser--minimal' with { location: "Hildesheim", datetime: "28.04.2019"} %}
{% render '@teaser--minimal' with { location: "Hildesheim", datetime: "28.04.2019"} %}
{% render '@teaser--minimal' with { location: "Hildesheim", datetime: "28.04.2019"} %}
{% render '@teaser--minimal' with { location: "Hildesheim", datetime: "28.04.2019"} %}
{% render '@teaser--minimal' with { location: "Hildesheim", datetime: "28.04.2019"} %}
{% render '@teaser--minimal' with { isAd: true} %}
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section o-section--grey">
<div class="grid-x grid-margin-x">
<div class="cell large-2 o-section__fulldecoLineHorizontal">
{% render '@context-menu' with {
title: "Meinung",
overview: "alle Artikel",
items: []
} %}
</div>
<div class="cell large-10">
<div class="grid-x grid-margin-x">
<div class="cell medium-6 large-auto">
{% render '@teaser--opinion' %}
</div>
<div class="cell medium-6 large-auto">
{% render '@teaser--opinion' %}
</div>
<div class="cell medium-6 large-auto">
{% render '@teaser--opinion' %}
</div>
</div>
</div>
</div>
</section>
<section class="grid-container o-section">
<div class="grid-x grid-margin-x">
<div class="cell large-2">
{% render '@context-menu' with { title: "Hildesheim" } %}
</div>
<div class="cell large-10">
{% render '@teaser--opener' %}
<div class="grid-x grid-margin-x">
<div class="cell medium-8">
{% render '@teaser' %}
{% render '@teaser' with { hasVideoThumbnail: true } %}
{% render '@teaser' %}
{% render '@teaser' %}
</div>
<div class="cell medium-4">
{% render '@poll' %}
</div>
</div>
</div>
</div>
</section>
/* No context defined for this component. */
There are no notes for this item.