<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">Region</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">Alfeld</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Algermissen</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Bad Salzdetfurth</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Baddeckenstedt</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Bockenem</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Diekholzen</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Duingen</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Elze</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Freden</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Giesen</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Gronau</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Harsum</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Hildesheim</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Hohenhameln</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Holle</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Lamspringe</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Nordstemmen</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Sarstedt</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Schellerten</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Sibbesse</span></a>
</li>
<li class="c-context-menu__item">
<a href="#" class="c-context-menu__link"><span class="c-context-menu__label">Söhlde</span></a>
</li>
</ul>
</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>
<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>
<nav class="c-paginator">
<ul class="c-paginator__list">
<li class="c-paginator__list-item c-paginator__list-item--previous">
<a class="c-paginator__item c-paginator__item--previous c-paginator__link" href="#">
Vorherige
</a>
</li>
<li class="c-paginator__list-item c-paginator__list-item--current">
<span class="c-paginator__item c-paginator__item--current">
1
</span>
</li>
<li class="c-paginator__list-item">
<a class="c-paginator__item c-paginator__link" href="#">
2
</a>
</li>
<li class="c-paginator__list-item">
<a class="c-paginator__item c-paginator__link" href="#">
3
</a>
</li>
<li class="c-paginator__list-item">
<a class="c-paginator__item c-paginator__item--ellipsis c-paginator__link" href="#">
…
</a>
</li>
<li class="c-paginator__list-item c-paginator__list-item--disabled">
<span class="c-paginator__item c-paginator__item--disabled">
Should not be visible
</span>
</li>
<li class="c-paginator__list-item">
<a class="c-paginator__item c-paginator__link" href="#">
130
</a>
</li>
<li class="c-paginator__list-item c-paginator__list-item--next">
<a class="c-paginator__item c-paginator__item--next c-paginator__link" href="#">
Nächste
</a>
</li>
</ul>
</nav>
</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">
<div class="grid-x grid-margin-x">
<div class="cell large-2">
{% render '@context-menu' with {
title: "Region",
overview: "",
items: [
{ label: "Alfeld" },
{ label: "Algermissen" },
{ label: "Bad Salzdetfurth" },
{ label: "Baddeckenstedt" },
{ label: "Bockenem" },
{ label: "Diekholzen" },
{ label: "Duingen" },
{ label: "Elze" },
{ label: "Freden" },
{ label: "Giesen" },
{ label: "Gronau" },
{ label: "Harsum" },
{ label: "Hildesheim" },
{ label: "Hohenhameln" },
{ label: "Holle" },
{ label: "Lamspringe" },
{ label: "Nordstemmen" },
{ label: "Sarstedt" },
{ label: "Schellerten" },
{ label: "Sibbesse" },
{ label: "Söhlde" },
],
} %}
</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' %}
{% render '@teaser' %}
{% render '@teaser' with { hasVideoThumbnail: true } %}
{% render '@teaser' %}
{% render '@teaser' %}
{% render '@paginator' %}
</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.