@layer components{.page-teaser,.page-teaser__link{display:flex;flex-direction:column}.page-teaser__link{border-radius:0 0 4px 4px;color:inherit;height:100%;text-decoration:none}.page-teaser__image{background:var(--color-pink-purple-light,#f5def8);border-radius:0 0 12px 12px;overflow:hidden;position:relative}@container (inline-size >= 918px){.page-teaser__image{border-radius:0 0 20px 20px}}.bg-purple-light .page-teaser__image{background:var(--color-primary,#4b0f5f)}.page-teaser__image .image,.page-teaser__image img,.page-teaser__image picture{display:block;height:auto;width:100%}.page-teaser__tags{display:flex;flex-wrap:wrap;gap:6px;left:var(--spacing-sm,8px);position:absolute;top:var(--spacing-sm,8px);z-index:1}.page-teaser__tag{background:var(--color-secondary,#ffdf00);border-radius:4px;color:var(--color-primary,#4b0f5f);font-weight:500!important;padding:3px 6px}.page-teaser__content{display:flex;flex:1;flex-direction:column;padding-block:var(--spacing-md,16px)}.page-teaser__categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-sm,8px)}.page-teaser__category{align-items:center;background:var(--color-pink-purple-light,#f5def8);border-radius:4px;color:var(--color-primary,#4b0f5f);display:flex;font-weight:500!important;gap:4px;padding:3px 6px}.page-teaser__category>.category-icon{align-items:center;display:flex;height:1rem;justify-content:center;width:1rem}.bg-purple-light .page-teaser__category{background:var(--color-white,#fff)}.page-teaser__title{hyphens:auto;margin:0 0 var(--spacing-sm,8px) 0;overflow-wrap:break-word}.page-teaser:hover .page-teaser__title{text-decoration:underline}.page-teaser__teaser{display:none}@container (inline-size >= 918px){.page-teaser__teaser{display:-webkit-box;margin-bottom:var(--spacing-md,16px);-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}.page-teaser__teaser p{margin:0}.page-teaser__meta{color:var(--color-grey-text,#6b6c73);display:none;flex-wrap:wrap;gap:12px}@container (inline-size >= 918px){.page-teaser__meta{display:none}}.bg-purple-light .page-teaser__meta{color:var(--color-primary,#4b0f5f)}.page-teaser__meta span{align-items:center;display:flex;gap:4px}.page-teaser__readtime{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #ffffff26;background:var(--csstools-light-dark-toggle--0,var(--color-light-grey,#f3f3f3));border-radius:4px;gap:3px;padding:4px}@supports (color:light-dark(red,red)) and (color:rgb(0 0 0/0)){.page-teaser__readtime{background:light-dark(var(--color-light-grey,#f3f3f3),#ffffff26)}}}