.essentials24-blog-teaser{background:var(--ps-color-canvas)}.essentials24-blog-teaser__header{text-align:center;margin-bottom:2.8rem;max-width:60rem;margin-left:auto;margin-right:auto}.essentials24-blog-teaser__heading{font-size:2rem;line-height:1.2;color:var(--ps-color-text-primary);font-weight:700;margin:0 0 .8rem;letter-spacing:-.02em}@media screen and (min-width:750px){.essentials24-blog-teaser__heading{font-size:2.4rem}}.essentials24-blog-teaser__subheading{font-size:1.4rem;line-height:1.55;color:var(--ps-color-text-secondary);margin:0}.essentials24-blog-teaser__grid{display:grid;grid-template-columns:1fr;gap:var(--ps-spacing-lg)}@media screen and (min-width:750px){.essentials24-blog-teaser__grid:not(.essentials24-blog-teaser__grid--items-center){grid-template-columns:repeat(2,1fr)}.essentials24-blog-teaser__grid--items-center{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ps-spacing-lg)}.essentials24-blog-teaser__grid--items-center>.essentials24-blog-teaser-card{flex:0 1 calc((100% - var(--ps-spacing-lg)) / 2);max-width:calc((100% - var(--ps-spacing-lg)) / 2);min-width:0}}@media screen and (min-width:990px){.essentials24-blog-teaser__grid:not(.essentials24-blog-teaser__grid--items-center){grid-template-columns:repeat(3,1fr);gap:var(--ps-spacing-xl)}.essentials24-blog-teaser__grid--items-center{gap:var(--ps-spacing-xl)}.essentials24-blog-teaser__grid--items-center>.essentials24-blog-teaser-card{flex:0 1 calc((100% - 2 * var(--ps-spacing-xl)) / 3);max-width:calc((100% - 2 * var(--ps-spacing-xl)) / 3)}}.essentials24-blog-teaser-card{background:#fff;border-radius:1.2rem;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 6px 16px #0000000f;transition:all var(--ps-transition-base)}.essentials24-blog-teaser-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 12px 24px #0000001a}.essentials24-blog-teaser-card__link{display:block;text-decoration:none;color:inherit}.essentials24-blog-teaser-card__image{aspect-ratio:16 / 10;overflow:hidden;background:rgba(var(--ps-color-sand-rgb),.2)}.essentials24-blog-teaser-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--ps-transition-slow)}.essentials24-blog-teaser-card:hover .essentials24-blog-teaser-card__img{transform:scale(1.03)}.essentials24-blog-teaser-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.essentials24-blog-teaser-card__placeholder svg{width:60%;height:60%;opacity:.3}.essentials24-blog-teaser-card__content{padding:1.4rem}.essentials24-blog-teaser-card__meta{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap}.essentials24-blog-teaser-card__tag{display:inline-block;padding:.2rem .8rem;background:rgba(var(--ps-color-salbei-rgb),.1);color:var(--ps-color-salbei);border-radius:2rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.essentials24-blog-teaser-card__read-time{font-size:1.2rem;color:var(--ps-color-text-secondary)}.essentials24-blog-teaser-card__title{font-size:1.4rem;font-weight:600;line-height:1.3;color:var(--ps-color-text-primary);margin:0 0 var(--ps-spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.essentials24-blog-teaser-card:hover .essentials24-blog-teaser-card__title{color:var(--ps-color-accent-primary)}.essentials24-blog-teaser-card__excerpt{font-size:1.4rem;line-height:1.5;color:var(--ps-color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.essentials24-blog-teaser__footer{text-align:center;margin-top:var(--ps-spacing-2xl)}.essentials24-blog-teaser__cta{display:inline-flex;align-items:center;gap:var(--ps-spacing-sm);padding:1rem 2rem;background:var(--ps-color-salbei);color:#fff;border-radius:.8rem;font-size:1.4rem;font-weight:600;text-decoration:none;transition:all var(--ps-transition-fast)}.essentials24-blog-teaser__cta:hover{opacity:.9;transform:translateY(-2px)}.essentials24-blog-teaser__cta svg{width:2rem;height:2rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/essentials24-blog-teaser.css.map */