.shopify-section .id8-m-blogoverview{padding-top:9rem;padding-bottom:5rem}.id8-m-blogoverview{background-color:var(--pures-lamm-40);display:flex;flex-direction:column;align-items:center}.id8-m-blogoverview-headline{margin:0 0 1.5rem;text-align:center;padding:0 2.5rem}.id8-m-blogoverview-intro{text-align:center;margin:0 0 3.5rem;padding:0 2.5rem}.id8-m-blogoverview-filter{display:flex;justify-content:center;margin:0 0 3.5rem;padding:0 1.75rem;max-width:100vw;overflow-x:auto;scroll-snap-type:x proximity}.id8-m-blogoverview-filter-item{cursor:pointer;background-color:var(--background-transparent);border:2px solid var(--tertiary-color);border-radius:var(--default-border-radius);color:var(--tertiary-color);text-transform:uppercase;font-size:var(--p-size);padding:.6rem 1rem .3rem;margin:0 .75rem;transition:all var(--default-transition-time) ease-in-out;flex-shrink:0}.id8-m-blogoverview-filter-item.active{transition:all var(--default-transition-time) ease-in-out;color:var(--black-color);background-color:var(--secondary-color-orange);border-color:var(--secondary-color-orange)}.id8-m-blogoverview-grid{display:flex;gap:1.5rem;flex-wrap:wrap;width:100%}.id8-m-blogoverview-teaser{display:block;max-width:calc(33% - .75rem);text-decoration:none;margin:0 0 2.25rem}.id8-m-blogoverview-teaser-imgwrapper img{display:block;width:100%;max-width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--default-border-radius)}.id8-m-blogoverview-teaser-headline{margin:2rem 0 1.5rem;font-family:var(--fonty-body-family);color:var(--secondary-txt-color);font-weight:var(--font-weight-bold)}.id8-m-blogoverview-teaser-excerpt{color:var(--secondary-txt-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.js-teaser{transition:all var(--default-transition-time) ease-in-out}.js-show-article{display:block}.js-hide-article{display:none}.transition{animation:transitionAnimation .5s}@keyframes transitionAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media screen and (max-width: 820px){.id8-m-blogoverview-filter{justify-content:flex-start}.id8-m-blogoverview-filter-item{font-size:.875rem}.id8-m-blogoverview-grid{padding:0 2.5rem}.id8-m-blogoverview-teaser{width:100%;max-width:calc(50% - .75rem)}}@media screen and (max-width: 620px){.id8-m-blogoverview-teaser{max-width:100%}.id8-m-blogoverview-teaser{margin:0 0 1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fl-blog-overview.css.map */