Fullbredd sektions titel

<p>Text for Fullbredd sektion<br /> Nested module below:</p> <div class="mod-timeline"> <div id="mod-timeline-532-679151063648b" class="modularity-mod-timeline-532 "> <div class="tailwind content"> <div class="bg-[--timeline-bg] [--timeline-bg:--color-primary] rounded-[var(--radius-lg,calc(var(--base,8px)*1.5))] p-4 layer-white [&#038;_.c-card]:bg-layer text-primary-contrasting"><br /> <!-- typography.blade.php (hasSeenH1) original: h2 --> <h2 class="c-typography module-title c-typography__variant--h2" data-uid="6791510633f8f"> Dialogmöten<br /> </h2> <p> <!-- timeline.blade.php --></p> <ul class="[--timeline-indent:12px] relative py-4 before:absolute before:left-[--timeline-indent] before:top-0 before:bottom-0 before:border-l-2 before:border-r-0 before:border-y-0 before:border-l-layer before:ml-[-1px] space-y-3 text-black"> <li class="grid grid-cols-[calc(var(--timeline-indent)*2)_1fr] gap-5 items-center"> <div class="rounded-full size-8 border-[3px] border-layer flex place-items-center place-content-center text-[1.5rem] justify-self-center bg-layer text-dark"><br /> <span class="inline-block bg-current size-[1em] [mask-size:100%] [mask-repeat:no-repeat] text-[color:var(--icon-color,inherit)] align-[-6.25%] flex-none" style="mask-image: url('https://malmstad.se/app/mu-plugins/municipio-extended/cache/materialsymbols/svg/check_outlined_24px.svg')"></span> </div> <div class="relative after:absolute after:border-r-layer after:left-0 after:top-1/2 after:border-y-[.75em] after:border-r-[1em] after:ml-[-1em] after:border-transparent after:mt-[-.75em] after:text-[length:10px] [--color-background-card:var(--color-layer)]"><br /> <!-- mxui.card --> <div class="grid rounded-[var(--c-card-border-radius,var(--radius-lg,calc(var(--base,8px)*1.5)))] bg-[--color-background-card] grid-cols-[100%] has-[[data-mxui-card-link][data-mxui-interactive]:hover]:bg-[var(--color-background-card-hover,var(--color-background-card))] has-[[data-mxui-card-link][data-mxui-interactive]:hover]:text-[var(--color-text-card-hover,var(--color-black))] relative group has-[[data-mxui-card-link][data-mxui-interactive]:hover]:-translate-y-1 transition-transform duration-300 --card-content-row-size:1fr content-start grid-rows-[auto,auto,var(--card-content-row-size),auto] w-full overflow-hidden [&amp;_.c-card\_\_header_.module-title]:mb-0 [&amp;_.c-collection]:border-none @container"> <div class="row-start-2 row-span-1 space-y-2 px-[var(--card-px,1rem)] py-[var(--card-py,1rem)]"> <h3 class="typography-h3"> <p> <span class="no-underline after:absolute after:-inset-0 after:z-[1] after:inert:hidden hover:visited:text-inherit transition-none break-words hyphens-auto interactive:underline" data-mxui-clickable="" data-mxui-card-link="">Löberöd</span><br /> </p></h3> <div class="flex items-center gap-1 text-sm text-gray-500"> <p> <span>10 maj</span> <span>2023</span> </p></div> </div> <div class="row-start-3 row-span-1 px-[var(--card-px,1rem)] pb-[var(--card-py,1rem)]"> <p>Ölyckeskolans matsal kl. 18–20</p> </div> </div></div> </li> <li class="grid grid-cols-[calc(var(--timeline-indent)*2)_1fr] gap-5 items-center"> <div class="rounded-full size-8 border-[3px] border-layer flex place-items-center place-content-center text-[1.5rem] justify-self-center bg-layer text-dark"><br /> <span class="inline-block bg-current size-[1em] [mask-size:100%] [mask-repeat:no-repeat] text-[color:var(--icon-color,inherit)] align-[-6.25%] flex-none" style="mask-image: url('https://malmstad.se/app/mu-plugins/municipio-extended/cache/materialsymbols/svg/check_outlined_24px.svg')"></span> </div> <div class="relative after:absolute after:border-r-layer after:left-0 after:top-1/2 after:border-y-[.75em] after:border-r-[1em] after:ml-[-1em] after:border-transparent after:mt-[-.75em] after:text-[length:10px] [--color-background-card:var(--color-layer)]"><br /> <!-- mxui.card --> <div class="grid rounded-[var(--c-card-border-radius,var(--radius-lg,calc(var(--base,8px)*1.5)))] bg-[--color-background-card] grid-cols-[100%] has-[[data-mxui-card-link][data-mxui-interactive]:hover]:bg-[var(--color-background-card-hover,var(--color-background-card))] has-[[data-mxui-card-link][data-mxui-interactive]:hover]:text-[var(--color-text-card-hover,var(--color-black))] relative group has-[[data-mxui-card-link][data-mxui-interactive]:hover]:-translate-y-1 transition-transform duration-300 --card-content-row-size:1fr content-start grid-rows-[auto,auto,var(--card-content-row-size),auto] w-full overflow-hidden [&amp;_.c-card\_\_header_.module-title]:mb-0 [&amp;_.c-collection]:border-none @container"> <div class="row-start-2 row-span-1 space-y-2 px-[var(--card-px,1rem)] py-[var(--card-py,1rem)]"> <h3 class="typography-h3"> <p> <span class="no-underline after:absolute after:-inset-0 after:z-[1] after:inert:hidden hover:visited:text-inherit transition-none break-words hyphens-auto interactive:underline" data-mxui-clickable="" data-mxui-card-link="">Eslöv</span><br /> </p></h3> <div class="flex items-center gap-1 text-sm text-gray-500"> <p> <span>15 maj</span> <span>2023</span> </p></div> </div> <div class="row-start-3 row-span-1 px-[var(--card-px,1rem)] pb-[var(--card-py,1rem)]"> <p>Medborgarhuset kl. 18–20</p> </div> </div></div> </li> <li class="grid grid-cols-[calc(var(--timeline-indent)*2)_1fr] gap-5 items-center"> <div class="rounded-full size-8 border-[3px] border-layer flex place-items-center place-content-center text-[1.5rem] justify-self-center bg-layer text-dark"><br /> <span class="inline-block bg-current size-[1em] [mask-size:100%] [mask-repeat:no-repeat] text-[color:var(--icon-color,inherit)] align-[-6.25%] flex-none" style="mask-image: url('https://malmstad.se/app/mu-plugins/municipio-extended/cache/materialsymbols/svg/check_outlined_24px.svg')"></span> </div> <div class="relative after:absolute after:border-r-layer after:left-0 after:top-1/2 after:border-y-[.75em] after:border-r-[1em] after:ml-[-1em] after:border-transparent after:mt-[-.75em] after:text-[length:10px] [--color-background-card:var(--color-layer)]"><br /> <!-- mxui.card --> <div class="grid rounded-[var(--c-card-border-radius,var(--radius-lg,calc(var(--base,8px)*1.5)))] bg-[--color-background-card] grid-cols-[100%] has-[[data-mxui-card-link][data-mxui-interactive]:hover]:bg-[var(--color-background-card-hover,var(--color-background-card))] has-[[data-mxui-card-link][data-mxui-interactive]:hover]:text-[var(--color-text-card-hover,var(--color-black))] relative group has-[[data-mxui-card-link][data-mxui-interactive]:hover]:-translate-y-1 transition-transform duration-300 --card-content-row-size:1fr content-start grid-rows-[auto,auto,var(--card-content-row-size),auto] w-full overflow-hidden [&amp;_.c-card\_\_header_.module-title]:mb-0 [&amp;_.c-collection]:border-none @container"> <div class="row-start-2 row-span-1 space-y-2 px-[var(--card-px,1rem)] py-[var(--card-py,1rem)]"> <h3 class="typography-h3"> <p> <span class="no-underline after:absolute after:-inset-0 after:z-[1] after:inert:hidden hover:visited:text-inherit transition-none break-words hyphens-auto interactive:underline" data-mxui-clickable="" data-mxui-card-link="">Stehag</span><br /> </p></h3> <div class="flex items-center gap-1 text-sm text-gray-500"> <p> <span>07 sep</span> <span>2023</span> </p></div> </div> <div class="row-start-3 row-span-1 px-[var(--card-px,1rem)] pb-[var(--card-py,1rem)]"> <p>Stehagskolans matsal kl. 18–20.Stehagskolans matsal kl. 18–20.Stehagskolans matsal kl. 18–20. Stehagskolans matsal kl. 18–20.Stehagskolans matsal kl. 18–20.Stehagskolans matsal kl. 18–20.Stehagskolans matsal kl. 18–20. Stehagskolans matsal kl. 18–20<br /> Stehagskolans matsal kl. 18–20.Stehagskolans matsal kl. 18–20.Stehagskolans matsal kl. 18–20. Stehagskolans matsal kl. 18–20</p> </div> </div></div> </li> <li class="grid grid-cols-[calc(var(--timeline-indent)*2)_1fr] gap-5 items-center"> <div class="rounded-full size-8 border-[3px] border-layer flex place-items-center place-content-center text-[1.5rem] justify-self-center bg-success-dark text-white"><br /> <span class="inline-block bg-current size-[1em] [mask-size:100%] [mask-repeat:no-repeat] text-[color:var(--icon-color,inherit)] align-[-6.25%] flex-none" style="mask-image: url('https://malmstad.se/app/mu-plugins/municipio-extended/cache/materialsymbols/svg/play_arrow_outlined_fill1_24px.svg')"></span> </div> <div class="relative after:absolute after:border-r-layer after:left-0 after:top-1/2 after:border-y-[.75em] after:border-r-[1em] after:ml-[-1em] after:border-transparent after:mt-[-.75em] after:text-[length:10px] [--color-background-card:var(--color-layer)]"><br /> <!-- mxui.card --> <div class="grid rounded-[var(--c-card-border-radius,var(--radius-lg,calc(var(--base,8px)*1.5)))] bg-[--color-background-card] grid-cols-[100%] has-[[data-mxui-card-link][data-mxui-interactive]:hover]:bg-[var(--color-background-card-hover,var(--color-background-card))] has-[[data-mxui-card-link][data-mxui-interactive]:hover]:text-[var(--color-text-card-hover,var(--color-black))] relative group has-[[data-mxui-card-link][data-mxui-interactive]:hover]:-translate-y-1 transition-transform duration-300 --card-content-row-size:1fr content-start grid-rows-[auto,auto,var(--card-content-row-size),auto] w-full overflow-hidden [&amp;_.c-card\_\_header_.module-title]:mb-0 [&amp;_.c-collection]:border-none @container"> <div class="row-start-2 row-span-1 space-y-2 px-[var(--card-px,1rem)] py-[var(--card-py,1rem)]"> <h3 class="typography-h3"> <p> <span class="no-underline after:absolute after:-inset-0 after:z-[1] after:inert:hidden hover:visited:text-inherit transition-none break-words hyphens-auto interactive:underline" data-mxui-clickable="" data-mxui-card-link="">Ny event</span><br /> </p></h3> <div class="flex items-center gap-1 text-sm text-gray-500"> <p> <span>29 nov</span> <span>2024</span> </p></div> </div> <div class="row-start-3 row-span-1 px-[var(--card-px,1rem)] pb-[var(--card-py,1rem)]"> <p>Publik presentation av visionen part 2</p> </div> </div></div> </li> </ul></div> </div> </div> </div>