QuickInfo @quickinfo
Quickinfo @quickinfo
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-76d9-content" id="id-76d9-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-678f-title">
<title id="icon-678f-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-76d9-content" aria-labelledby="id-76d9-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-afad">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="quickinfo__block" id="block-id-126e">
<div class="text">
<p><b>Kurzbeschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-72bc">
<div class="jumpbox jumpbox--condensed">
<div class="jumpbox__text">
<div class="text">
<p>Hinweisbox <a class="link" href="#">mit Link</a></p>
</div>
</div>
</div>
</div>
<div class="quickinfo__block" id="block-id-17d3">
<div class="link-list">
<ul class="link-list__list">
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Stiftungsprogramm verbessert Integration in Baden-Württemberg</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Ausschreibung Lehrerpreis der Stiftung der Kinderland</span></a></li>
</ul>
</div>
</div>
<div class="quickinfo__block" id="block-id-18a1"><a class="button button--primary" href="#"><svg class="icon icon--arrow-right button__icon" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg><span class="button__text">Button</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-4cad-title">
<title id="icon-4cad-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>{
"iconButton": {
"icon": "list"
},
"blocks": [
{
"use": "headline--headline-3",
"id": "c152sdq",
"inherit": true,
"settings": {
"text": "Headline 3",
"level": 2
}
},
{
"use": "text",
"id": "c156serwf",
"inherit": true,
"settings": {
"content": "p #[b Kurzbeschreibung] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.\n"
}
},
{
"use": "jumpbox--condensed",
"id": "i98ds8q",
"inherit": true
},
{
"use": "link-list",
"id": "iuy8q",
"inherit": true
},
{
"use": "button--icon",
"id": "c156eq",
"inherit": true,
"settings": {
"text": "Button"
}
}
]
}
Quickinfo with label @quickinfo--label
<div class="quickinfo">
<div class="quickinfo__button-wrap"><span class="quickinfo__button-text" aria-hidden="true">Alles zum Jubiläum</span><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-984d-content" id="id-984d-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-935f-title">
<title id="icon-935f-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-984d-content" aria-labelledby="id-984d-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-88bb">
<h2 class="headline headline--3">Headline 3</h2>
</div>
<div class="quickinfo__block" id="block-id-eaa2">
<div class="text">
<p><b>Kurzbeschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-d546">
<div class="jumpbox jumpbox--condensed">
<div class="jumpbox__text">
<div class="text">
<p>Hinweisbox <a class="link" href="#">mit Link</a></p>
</div>
</div>
</div>
</div>
<div class="quickinfo__block" id="block-id-e911">
<div class="link-list">
<ul class="link-list__list">
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Stiftungsprogramm verbessert Integration in Baden-Württemberg</span></a></li>
<li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Ausschreibung Lehrerpreis der Stiftung der Kinderland</span></a></li>
</ul>
</div>
</div>
<div class="quickinfo__block" id="block-id-6e79"><a class="button button--primary" href="#"><svg class="icon icon--arrow-right button__icon" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg><span class="button__text">Button</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-8098-title">
<title id="icon-8098-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>{
"iconButton": {
"icon": "list"
},
"blocks": [
{
"use": "headline--headline-3",
"id": "c152sdq",
"inherit": true,
"settings": {
"text": "Headline 3",
"level": 2
}
},
{
"use": "text",
"id": "c156serwf",
"inherit": true,
"settings": {
"content": "p #[b Kurzbeschreibung] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.\n"
}
},
{
"use": "jumpbox--condensed",
"id": "i98ds8q",
"inherit": true
},
{
"use": "link-list",
"id": "iuy8q",
"inherit": true
},
{
"use": "button--icon",
"id": "c156eq",
"inherit": true,
"settings": {
"text": "Button"
}
}
],
"buttonText": "Alles zum Jubiläum"
}
Quickinfo Programme @quickinfo--programme
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-f363-content" id="id-f363-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-077f-title">
<title id="icon-077f-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-f363-content" aria-labelledby="id-f363-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-8876">
<h2 class="headline headline--3">Talent im Land</h2>
</div>
<div class="quickinfo__block" id="block-id-9132">
<div class="info info--condensed">
<p class="info__text"><svg class="icon icon--stopwatch" viewBox="0 0 200 200">
<use xlink:href="#icon-stopwatch"></use>
</svg>Die Bewerbungsfrist endet am 31.3.2020. <a class="link link--external" href="#" target="_blank" rel="noopener noreferrer">Jetzt informieren und bewerben</a></p>
</div>
</div>
<div class="quickinfo__block" id="block-id-85d2">
<div class="meta-info meta-info--vertical">
<dl class="meta-info__list">
<div class="meta-info__item">
<dt class="meta-info__label">Bereich</dt>
<dd class="meta-info__content">Forschung</dd>
</div>
<div class="meta-info__item">
<dt class="meta-info__label">Typ</dt>
<dd class="meta-info__content">Programm</dd>
</div>
<div class="meta-info__item">
<dt class="meta-info__label">Thema</dt>
<dd class="meta-info__content">Technologie, Wissenschaft, MINT</dd>
</div>
<div class="meta-info__item">
<dt class="meta-info__label">Zielgruppe</dt>
<dd class="meta-info__content">Schülerinnen & Schüler</dd>
</div>
</dl>
</div>
</div>
<div class="quickinfo__block" id="block-id-920a">
<div class="text">
<p><b>Kurzbeschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-6db6">
<div class="text">
<p><b>Ziel</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-8f69">
<div class="text">
<p><b>Kurzbeschreibung2</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-b14c">
<div class="text">
<p><b>Ziel2</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-a20b"><a class="button button--primary" href="#"><svg class="icon icon--arrow-right button__icon" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg><span class="button__text">Zum Programm</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-aef6-title">
<title id="icon-aef6-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>{
"iconButton": {
"icon": "list"
},
"blocks": [
{
"use": "headline--headline-3",
"id": "c152sdq",
"inherit": true,
"settings": {
"text": "Talent im Land",
"level": 2
}
},
{
"use": "info--condensed",
"id": "c156eq",
"inherit": true
},
{
"use": "meta-info--vertical",
"id": "iuy8q",
"inherit": true
},
{
"use": "text",
"id": "c156serwf",
"inherit": true,
"settings": {
"content": "p #[b Kurzbeschreibung] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. sed diam nonumy eirmod tempor invidunt ut labore et dolore\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "p #[b Ziel] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.\n"
}
},
{
"use": "text",
"id": "c145kjiowf",
"inherit": true,
"settings": {
"content": "p #[b Kurzbeschreibung2] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. sed diam nonumy eirmod tempor invidunt ut labore et dolore\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "p #[b Ziel2] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.\n"
}
},
{
"use": "button--icon",
"id": "c145eq",
"inherit": true,
"settings": {
"text": "Zum Programm"
}
}
]
}
Quickinfo Programme "Finished" @quickinfo--programme-finished
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-ae95-content" id="id-ae95-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-4658-title">
<title id="icon-4658-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-ae95-content" aria-labelledby="id-ae95-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-325c">
<h2 class="headline headline--3">Talent im Land</h2>
</div>
<div class="quickinfo__block" id="block-id-99c4">
<div class="meta-info meta-info--vertical">
<dl class="meta-info__list">
<div class="meta-info__item">
<dt class="meta-info__label">Bereich</dt>
<dd class="meta-info__content">Forschung</dd>
</div>
<div class="meta-info__item">
<dt class="meta-info__label">Typ</dt>
<dd class="meta-info__content">Programm</dd>
</div>
<div class="meta-info__item">
<dt class="meta-info__label">Thema</dt>
<dd class="meta-info__content">Technologie, Wissenschaft, MINT</dd>
</div>
<div class="meta-info__item">
<dt class="meta-info__label">Zielgruppe</dt>
<dd class="meta-info__content">Schülerinnen & Schüler</dd>
</div>
<div class="meta-info__item meta-info__item--badge">
<dt class="meta-info__label">Status</dt>
<dd class="meta-info__content">Abgeschlossen</dd>
</div>
</dl>
</div>
</div>
<div class="quickinfo__block" id="block-id-e96c">
<div class="text">
<p><b>Kurzbeschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-ab73">
<div class="text">
<p><b>Ziel</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-9d03">
<div class="text">
<p><b>Kurzbeschreibung2</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-677e">
<div class="text">
<p><b>Ziel2</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-dcf5"><a class="button button--primary" href="#"><svg class="icon icon--arrow-right button__icon" viewBox="0 0 200 200">
<use xlink:href="#icon-arrow-right"></use>
</svg><span class="button__text">Zum Programm</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-1175-title">
<title id="icon-1175-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>{
"iconButton": {
"icon": "list"
},
"blocks": [
{
"use": "headline--headline-3",
"id": "c152sdq",
"inherit": true,
"settings": {
"text": "Talent im Land",
"level": 2
}
},
{
"use": "meta-info--finished",
"id": "iuy8q",
"inherit": true,
"settings": {
"vertical": true
}
},
{
"use": "text",
"id": "c156serwf",
"inherit": true,
"settings": {
"content": "p #[b Kurzbeschreibung] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. sed diam nonumy eirmod tempor invidunt ut labore et dolore\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "p #[b Ziel] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.\n"
}
},
{
"use": "text",
"id": "c145kjiowf",
"inherit": true,
"settings": {
"content": "p #[b Kurzbeschreibung2] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. sed diam nonumy eirmod tempor invidunt ut labore et dolore\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "p #[b Ziel2] #[br]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.\n"
}
},
{
"use": "button--icon",
"id": "c145eq",
"inherit": true,
"settings": {
"text": "Zum Programm"
}
}
]
}
Quickinfo Events @quickinfo--events
<div class="quickinfo">
<div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-484e-content" id="id-484e-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0d18-title">
<title id="icon-0d18-title">Schnellinfo zeigen</title>
<use xlink:href="#icon-list"></use>
</svg></button></div>
<article class="quickinfo__panel" id="id-484e-content" aria-labelledby="id-484e-title">
<div class="quickinfo__content" tabindex="-1">
<div class="quickinfo__content-inner">
<div class="quickinfo__block" id="block-id-1746">
<div class="text">
<div class="quickinfo__events-kicker"><svg class="icon icon--grid-event" viewBox="0 0 200 200">
<use xlink:href="#icon-grid-event"></use>
</svg><span>Tag der offenen Tür</span></div>
<h4 class="headline headline--4">Ich bin der Titel einer Veranstaltung</h4>
</div>
</div>
<div class="quickinfo__block" id="block-id-bb2d">
<div class="text">
<h4 class="headline headline--4 quickinfo__events-headline">Datum</h4>
<p>01.05. -14.05.2022</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-9b9c">
<div class="text">
<h4 class="headline headline--4 quickinfo__events-headline">Uhrzeit</h4>
<p>17.00 Uhr</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-c2e6">
<div class="text">
<h4 class="headline headline--4 quickinfo__events-headline">Veranstaltungsort</h4>
<p>Name</p>
<p>Straße, Hausnummer</p>
<p>PLZ, Ort</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-c56d">
<div class="text">
<h4 class="headline headline--4 quickinfo__events-headline">Veranstalter</h4>
<p>Ich bin der Veranstalter</p>
</div>
</div>
<div class="quickinfo__block" id="block-id-9dcf">
<div class="text">
<h4 class="headline headline--4 quickinfo__events-headline">Kontakt</h4>
<p>Name</p>
<p><a class="link" href="mailto:info@veranstaltung.de">info@veranstaltung.de</a></p>
<p><a class="link" href="tel:+4999999">+49 99999</a></p>
</div>
</div>
<div class="quickinfo__block" id="block-id-6733"><a class="button button--primary" href="#"><span class="button__text">Zur Veranstaltung</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c8ab-title">
<title id="icon-c8ab-title">Schnellinfo schließen</title>
<use xlink:href="#icon-close"></use>
</svg></button>
</div>
</div>
</article>
</div>{
"iconButton": {
"icon": "list"
},
"blocks": [
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "div.quickinfo__events-kicker\n +include('@icon', { icon: 'grid-event' })\n\n span Tag der offenen Tür\n\n+include('@headline', {\n text: 'Ich bin der Titel einer Veranstaltung',\n level: 4,\n size: 4\n})\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "+include('@headline', {\n text: 'Datum',\n level: 4,\n size: 4,\n attr: {\n class: 'quickinfo__events-headline',\n }\n})\np 01.05. -14.05.2022\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "+include('@headline', {\n text: 'Uhrzeit',\n level: 4,\n size: 4,\n attr: {\n class: 'quickinfo__events-headline',\n }\n})\np 17.00 Uhr\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "+include('@headline', {\n text: 'Veranstaltungsort',\n level: 4,\n size: 4,\n attr: {\n class: 'quickinfo__events-headline',\n }\n})\np Name\np Straße, Hausnummer\np PLZ, Ort\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "+include('@headline', {\n text: 'Veranstalter',\n level: 4,\n size: 4,\n attr: {\n class: 'quickinfo__events-headline',\n }\n})\np Ich bin der Veranstalter\n"
}
},
{
"use": "text",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"content": "+include('@headline', {\n text: 'Kontakt',\n level: 4,\n size: 4,\n attr: {\n class: 'quickinfo__events-headline',\n }\n})\np Name\np info@veranstaltung.de\np +49 99999\n"
}
},
{
"use": "button",
"id": "c156sesdfff",
"inherit": true,
"settings": {
"text": "Zur Veranstaltung"
}
}
]
}