<div class="my-12 mask-top" id="c253">
<div class="mask-bottom
bg-white
">
<div class="px-8 py-mask" id="c253">
<div class="mb-12 mt-10 md:mt-0">
<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="mx-auto mb-12 grid w-full max-w-content-max gap-8 md:grid-cols-3">
<a href="#" class="group relative flex flex-col overflow-hidden rounded bg-talke-blue bg-white text-talke-blue">
<div class="aspect-h-9 aspect-w-16 w-full">
<iframe src="https://www.youtube-nocookie.com/embed/ioBnTsh_4YE?autohide=1&controls=1&iv_load_policy=3" allowfullscreen="" allow="fullscreen"></iframe>
</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">
Palm Beach Gardens | 17.01.2026 | Communis nulla acer sunt
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
Textilis adfero suggero thesis
</h1>
<p class="mb-5 font-talke-regular text-lg">
Demo administratio creta adopto vinitor deludo cumque comparo cogito aperio tabesco contigo vilis vox tertius vacuus sopor tantum vesper sono.
</p>
</div>
<div class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit">
Celer
</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%_/_683_*_384)]">
<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/32/683/384" 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">
New Guidofort | 15.09.2025 | Ademptio tempus subnecto coruscus
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
Tabula abbas acidus averto
</h1>
<p class="mb-5 font-talke-regular text-lg">
Terminatio angulus antiquus tergo vinitor viriliter tametsi aeger vesper corona convoco damnatio crapula catena cito astrum usque altus autus umerus.
</p>
</div>
<div class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit">
Amoveo
</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%_/_683_*_384)]">
<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/64/683/384" 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">
Bahringermouth | 29.03.2026 | Bellicus depopulo pauper angulus
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
Supplanto comedo somnus contabesco
</h1>
<p class="mb-5 font-talke-regular text-lg">
Aufero eius conicio acceptus saepe voro tero cunabula auctus triumphus calamitas voluptatibus thermae paens dedico spiculum truculenter cresco despecto pax.
</p>
</div>
<div class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit">
Uter
</div>
</div>
</a>
</div>
<div class="mb-10 flex justify-around md:mb-0">
<a class="cursor-pointer rounded px-5 py-3 text-lg transition-colors duration-300 font-talke-regular bg-talke-blue hover:bg-talke-light-blue text-white ">Vapulus annus</a>
</div>
</div>
</div>
</div>
{{#ifCond showMask "==" true}}
{{#> @mask--white}}
<div class="px-8 py-mask" id="{{id}}">
<div class="mb-12 mt-10 md:mt-0">
{{render "@teaser-intro"}}
</div>
<div
class="mx-auto mb-12 grid w-full max-w-content-max gap-8 md:grid-cols-3"
>
{{#each items}}
{{render "@teaser-news" this merge=true}}
{{/each}}
</div>
<div class="mb-10 flex justify-around md:mb-0">
{{render "@button--blue"}}
</div>
</div>
{{/@mask--white}}
{{/ifCond}}
{{#ifCond showMask "==" false}}
<div class="my-12 px-8" id="{{id}}">
<div class="mb-12 md:mt-0">
{{render "@teaser-intro"}}
</div>
<div
class="mx-auto mb-12 grid w-full max-w-content-max gap-8 md:grid-cols-3"
>
{{#each items}}
{{render "@teaser-news" this merge=true}}
{{/each}}
</div>
<div class="mb-10 flex justify-around md:mb-0">
{{render "@button--blue"}}
</div>
</div>
{{/ifCond}}
{
"id": "c253",
"items": [
{
"imageId": null,
"headlineSmall": "Palm Beach Gardens | 17.01.2026 | Communis nulla acer sunt",
"headlineLarge": "Textilis adfero suggero thesis",
"bodyText": "Demo administratio creta adopto vinitor deludo cumque comparo cogito aperio tabesco contigo vilis vox tertius vacuus sopor tantum vesper sono.",
"linkText": "Celer"
},
{
"imageId": 32,
"headlineSmall": "New Guidofort | 15.09.2025 | Ademptio tempus subnecto coruscus",
"headlineLarge": "Tabula abbas acidus averto",
"bodyText": "Terminatio angulus antiquus tergo vinitor viriliter tametsi aeger vesper corona convoco damnatio crapula catena cito astrum usque altus autus umerus.",
"linkText": "Amoveo"
},
{
"imageId": 64,
"headlineSmall": "Bahringermouth | 29.03.2026 | Bellicus depopulo pauper angulus",
"headlineLarge": "Supplanto comedo somnus contabesco",
"bodyText": "Aufero eius conicio acceptus saepe voro tero cunabula auctus triumphus calamitas voluptatibus thermae paens dedico spiculum truculenter cresco despecto pax.",
"linkText": "Uter"
}
],
"showMask": true
}
No notes defined.