<!-- Standard -->
<div class="text">
<h6 class="headline headline--6">Eine Überschrift</h6>
<p>Lorem ipsum dolor sit amet,
<button class="tooltip js-tooltip" title="Begriffserklärung ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.">Begriffserklärung</button> consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
<a class="link link--internal" href="http://theoldpurple.com/">justo duo dolores et ea rebum</a>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<div class="link-list">
<ul class="link-list__list">
<li class="link-list__link">
<a class="link-block" href="http://interner-link.com/"><span class="link-block__icon"><svg class="icon icon--angle-right link-block__icon-svg" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-angle-right"></use>
</svg></span><span class="link-block__text">Interner Link</span><span class="link-block__hint"><span class="link-block__info">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat</span></span>
</a>
</li>
<li class="link-list__link">
<a class="link-block" href="http://interner-link.com/"><span class="link-block__icon"><svg class="icon icon--angle-right link-block__icon-svg" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-angle-right"></use>
</svg></span><span class="link-block__text">Interner Link</span><span class="link-block__hint"><span class="link-block__info">Lorem ipsum dolor sit amet, consetetur sadipscing elitr</span></span>
</a>
</li>
<li class="link-list__link">
<a class="link-block" href="http://theoldpurple.com/" rel="noopener noreferrer" target="_blank"><span class="link-block__icon"><svg class="icon icon--external link-block__icon-svg" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-external"></use>
</svg></span><span class="link-block__text">Externer Link</span><span class="link-block__hint"><span class="link-block__info">Lorem ipsum dolor sit amet diam</span></span>
</a>
</li>
<li class="link-list__link">
<a class="link-block" href="/images/dummy-downloads/dummy.pdf" target="_blank" download="download.pdf"><span class="link-block__icon"><svg class="icon icon--download link-block__icon-svg" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-download"></use>
</svg></span><span class="link-block__text">Download</span><span class="link-block__hint"><span class="link-block__file">pdf</span><span class="link-block__size">12KB</span><span class="link-block__access">barrierefrei</span></span>
</a>
</li>
<li class="link-list__link">
<a class="link-block" href="/images/dummy-downloads/dummy.pdf" target="_blank" download="download.pdf"><span class="link-block__icon"><svg class="icon icon--download link-block__icon-svg" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-download"></use>
</svg></span><span class="link-block__text">Dateiname</span><span class="link-block__hint"><span class="link-block__file">pdf</span><span class="link-block__size">12KB</span><span class="link-block__access">barrierefrei</span></span>
</a>
</li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, <strong>consetetur sadipscing elitr</strong>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<a class="link link--external" href="http://theoldpurple.com/" target="_blank" rel="noopener noreferrer">At vero eos et</a> accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<ol>
<li>Ebene 1 amet, consetetur sadipscing elitr, sed diam nonumy invidunt ut</li>
<li>Ebene 2 amet, consetetur sadipscing elitr, sed diam nonumy invidunt ut
<ol>
<li>Ebene 2 invidunt ut labore et dolore magna aliquyam erat
<ol>
<li>Ebene 3 invidunt ut labore et dolore magna aliquyam erat</li>
</ol>
</li>
</ol>
</li>
</ol>
<ul>
<li>Ebene 1 amet, consetetur sadipscing elitr, sed diam nonumy invidunt ut</li>
<li>Ebene 2 amet, consetetur sadipscing elitr, sed diam nonumy invidunt ut
<ul>
<li>Ebene 2 invidunt ut labore et dolore magna aliquyam erat
<ul>
<li>Ebene 3 invidunt ut labore et dolore magna aliquyam erat</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>Lorem ipsum dolor sit amet,
<a class="link link--download" href="#" target="_blank" download="download.pdf">consetetur sadipscing elitr</a>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<i>At vero eos et accusam et justo duo dolores et ea rebum</i>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<div class="text">
<h6 class="headline headline--6">Dies ist eine Zwischenheadline</h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.</p>
<div class="info">
<div class="info__label"><span class="info-label">Aktuell</span></div>
</div>
<p>Lorem ipsum dolor sit amet, <strong>consetetur sadipscing elitr</strong>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
<i>At vero eos et accusam et justo duo dolores et ea rebum</i>. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
{
"content": [
"+include('@headline--headline-6', {\n text: 'Eine Überschrift'\n})\np Lorem ipsum dolor sit amet, #[button.tooltip.js-tooltip(title='Begriffserklärung ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.') Begriffserklärung] consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et #[a.link.link--internal(href='http://theoldpurple.com/') justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n+include('@link-list')\np Lorem ipsum dolor sit amet, #[strong consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[a.link.link--external(href='http://theoldpurple.com/', target='_blank', rel='noopener noreferrer') At vero eos et] accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\nol\n li Ebene 1 amet, consetetur sadipscing elitr, sed diam nonumy invidunt ut\n li\n | Ebene 2 amet, consetetur sadipscing elitr, sed diam nonumy invidunt ut\n ol\n li\n | Ebene 2 invidunt ut labore et dolore magna aliquyam erat\n ol\n li Ebene 3 invidunt ut labore et dolore magna aliquyam erat\n\nul\n li Ebene 1 amet, consetetur sadipscing elitr, sed diam nonumy invidunt ut\n li\n | Ebene 2 amet, consetetur sadipscing elitr, sed diam nonumy invidunt ut\n ul\n li\n | Ebene 2 invidunt ut labore et dolore magna aliquyam erat\n ul\n li Ebene 3 invidunt ut labore et dolore magna aliquyam erat\n\np Lorem ipsum dolor sit amet, #[a.link.link--download(href='#', target='_blank', download='download.pdf') consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[i At vero eos et accusam et justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n",
"+include('@headline--headline-6', {\n text: 'Dies ist eine Zwischenheadline'\n})\np Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n+include('@info', {\n label: 'Aktuell'\n}, false)\np Lorem ipsum dolor sit amet, #[strong consetetur sadipscing elitr], sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\np Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. #[i At vero eos et accusam et justo duo dolores et ea rebum]. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n"
]
}