<div class="px-8 my-12" id="c143">
<div class="mb-12">
<div class="mx-auto text-center max-w-teaser-intro
text-talke-blue
">
<h1 class="mb-3 text-xl font-talke-semibold">
Quis speciosus
</h1>
<h2 class="mb-3 text-2xl uppercase font-talke-semibold">
Acceptus averto arguo nihil
</h2>
<p class="text-sm font-talke-regular text-talke-text-gray">
Velut somnus bonus sum campana chirographum aduro cui tempore tunc velum sodalitas talio coma titulus decumbo credo despecto creptio ceno.
</p>
</div>
</div>
<div class="grid w-full gap-8 mx-auto md:grid-cols-2 max-w-teaserbox-medium-2-cols">
<a href="#" class="group relative flex flex-col overflow-hidden rounded bg-talke-blue bg-white text-talke-blue">
<div class="relative w-full overflow-hidden pb-[calc(100%_/_340_*_230)]">
<img class="absolute inset-0 h-auto w-full scale-100 transition-transform duration-500 ease-in-out group-hover:scale-105" src="https://picsum.photos/id/59/340/230" alt="" />
</div>
<div class="relative -mt-1 flex flex-grow flex-col justify-between rounded bg-white p-5">
<div>
<h2 class="mb-3 font-talke-semibold text-lg">
Nemo usque
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
Amaritudo coerceo celebrer degero
</h1>
<p class="mb-5 font-talke-regular text-lg">
Officiis atrox utilis cuius aufero subiungo suscipit solutio adstringo cito tot verumtamen adduco communis cerno sponte confero artificiose demitto aegrus.
</p>
</div>
<div class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit">
Voluptates
</div>
</div>
</a>
<a href="#" class="group relative flex flex-col overflow-hidden rounded bg-talke-blue bg-white text-talke-blue">
<div class="relative w-full overflow-hidden pb-[calc(100%_/_340_*_230)]">
<img class="absolute inset-0 h-auto w-full scale-100 transition-transform duration-500 ease-in-out group-hover:scale-105" src="https://picsum.photos/id/85/340/230" alt="" />
</div>
<div class="relative -mt-1 flex flex-grow flex-col justify-between rounded bg-white p-5">
<div>
<h2 class="mb-3 font-talke-semibold text-lg">
Vallum tollo
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
Solitudo patria aegrotatio spiculum
</h1>
<p class="mb-5 font-talke-regular text-lg">
Desino termes est creta patruus velut in celo audentia decipio sustineo crustulum crux caste tendo ventito bene adnuo asporto sint.
</p>
</div>
<div class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit">
Barba
</div>
</div>
</a>
<a href="#" class="group relative flex flex-col overflow-hidden rounded bg-talke-blue bg-white text-talke-blue">
<div class="relative w-full overflow-hidden pb-[calc(100%_/_340_*_230)]">
<img class="absolute inset-0 h-auto w-full scale-100 transition-transform duration-500 ease-in-out group-hover:scale-105" src="https://picsum.photos/id/26/340/230" alt="" />
</div>
<div class="relative -mt-1 flex flex-grow flex-col justify-between rounded bg-white p-5">
<div>
<h2 class="mb-3 font-talke-semibold text-lg">
Vitiosus campana
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
Amaritudo coepi strues solitudo
</h1>
<p class="mb-5 font-talke-regular text-lg">
Tui tertius nesciunt crepusculum sol dolore taceo aut tricesimus suggero vis culpa sit vox antea armarium consequuntur autus suffragium comes.
</p>
</div>
<div class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit">
Uterque
</div>
</div>
</a>
<a href="#" class="group relative flex flex-col overflow-hidden rounded bg-talke-blue bg-white text-talke-blue">
<div class="relative w-full overflow-hidden pb-[calc(100%_/_340_*_230)]">
<img class="absolute inset-0 h-auto w-full scale-100 transition-transform duration-500 ease-in-out group-hover:scale-105" src="https://picsum.photos/id/27/340/230" alt="" />
</div>
<div class="relative -mt-1 flex flex-grow flex-col justify-between rounded bg-white p-5">
<div>
<h2 class="mb-3 font-talke-semibold text-lg">
Dens vomica
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
Thorax copiose sollers testimonium
</h1>
<p class="mb-5 font-talke-regular text-lg">
Crudelis recusandae cerno quam cunabula somniculosus tabernus vindico barba accusator adduco vitae trepide basium vesper studio ad succurro caute veniam.
</p>
</div>
<div class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit">
Thermae
</div>
</div>
</a>
</div>
</div>
<div class="px-8 my-12" id="{{id}}">
<div class="mb-12">
{{render "@teaser-intro"}}
</div>
<div
class="grid w-full gap-8 mx-auto md:grid-cols-2 max-w-teaserbox-medium-2-cols"
>
{{#each items}}
{{render "@teaser-medium" this merge=true}}
{{/each}}
</div>
</div>
{
"id": "c143",
"items": [
{
"imageId": 59,
"headlineSmall": "Nemo usque",
"headlineLarge": "Amaritudo coerceo celebrer degero",
"bodyText": "Officiis atrox utilis cuius aufero subiungo suscipit solutio adstringo cito tot verumtamen adduco communis cerno sponte confero artificiose demitto aegrus.",
"linkText": "Voluptates"
},
{
"imageId": 85,
"headlineSmall": "Vallum tollo",
"headlineLarge": "Solitudo patria aegrotatio spiculum",
"bodyText": "Desino termes est creta patruus velut in celo audentia decipio sustineo crustulum crux caste tendo ventito bene adnuo asporto sint.",
"linkText": "Barba"
},
{
"imageId": 26,
"headlineSmall": "Vitiosus campana",
"headlineLarge": "Amaritudo coepi strues solitudo",
"bodyText": "Tui tertius nesciunt crepusculum sol dolore taceo aut tricesimus suggero vis culpa sit vox antea armarium consequuntur autus suffragium comes.",
"linkText": "Uterque"
},
{
"imageId": 27,
"headlineSmall": "Dens vomica",
"headlineLarge": "Thorax copiose sollers testimonium",
"bodyText": "Crudelis recusandae cerno quam cunabula somniculosus tabernus vindico barba accusator adduco vitae trepide basium vesper studio ad succurro caute veniam.",
"linkText": "Thermae"
}
]
}
No notes defined.