.blog-haarwissen__inner{max-width:calc(var(--blog-cols, 3) * 300px + (var(--blog-cols, 3) - 1) * 48px + 40px);margin:0 auto;padding:48px 20px 72px}.blog-haarwissen__featured{margin-bottom:48px}.blog-haarwissen__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 40px}.blog-haarwissen__pill{display:inline-flex;align-items:center;min-height:38px;padding:0 18px;border:1px solid var(--primary, #0424E6);border-radius:999px;color:var(--primary, #0424E6);font-size:14px;text-decoration:none;transition:background .2s ease,color .2s ease}.blog-haarwissen__pill:hover,.blog-haarwissen__pill.is-active{background:var(--primary, #0424E6);color:#fff}.blog-haarwissen__pill:focus-visible{outline:2px solid var(--primary, #0424E6);outline-offset:2px}.blog-haarwissen__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--blog-cols, 3),minmax(0,1fr));gap:48px}.blog-haarwissen__item{margin:0;padding:0}.blog-haarwissen__empty{grid-column:1 / -1;text-align:center}.blog-card{position:relative;display:flex;flex-direction:column;height:100%}.blog-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;background:var(--blog-card-bg, #F6F3EF)}.blog-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card__img{transform:scale(1.03)}.blog-card__body{display:flex;flex-direction:column;flex:1;padding-top:16px}.blog-card__meta{margin:0 0 8px;color:var(--text-light, #6E6E6E);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.blog-card__title{margin:0 0 8px;color:var(--primary, #0424E6);font-size:calc(var(--font-4, 1.25rem) * var(--FONT-ADJUST-HEADING, 1));line-height:1.2}.blog-card__link{color:inherit;text-decoration:none}.blog-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.blog-card__link:focus-visible{outline:none}.blog-card:has(.blog-card__link:focus-visible) .blog-card__media{outline:2px solid var(--primary, #0424E6);outline-offset:3px}.blog-card__excerpt{margin:0 0 16px;color:var(--text-light, #6E6E6E);font-size:calc(var(--font-2, .9rem) * var(--FONT-ADJUST-BODY, 1));line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__more{margin-top:auto;color:var(--primary, #0424E6);font-family:var(--FONT-STACK-NAV);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.blog-card__arrow{display:inline-block;transition:transform .2s ease}.blog-card:hover .blog-card__arrow{transform:translate(4px)}.blog-card--featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}.blog-card--featured .blog-card__media{aspect-ratio:1 / 1}.blog-card--featured .blog-card__body{padding-top:0}.blog-card--featured .blog-card__title{font-size:calc(var(--font-7, 1.9rem) * var(--FONT-ADJUST-HEADING, 1));line-height:1.15;margin-bottom:14px}.blog-card--featured .blog-card__excerpt{-webkit-line-clamp:4;margin-bottom:22px;font-size:calc(var(--font-3, 1rem) * var(--FONT-ADJUST-BODY, 1))}.blog-card--featured .blog-card__more{margin-top:0;align-self:flex-start;padding:13px 24px;border:1px solid var(--primary, #0424E6);border-radius:999px;transition:background .2s ease,color .2s ease}.blog-card--featured:hover .blog-card__more{background:var(--primary, #0424E6);color:#fff}.blog-haarwissen__pagination{display:flex;justify-content:center;gap:8px;margin-top:56px}.blog-haarwissen__page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;color:var(--primary, #0424E6);text-decoration:none}.blog-haarwissen__page.is-active{background:var(--primary, #0424E6);color:#fff}@media only screen and (max-width:989px){.blog-haarwissen__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.blog-card--featured{gap:28px}}@media only screen and (max-width:749px){.blog-haarwissen__inner{padding:32px 16px 56px}.blog-haarwissen__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 28px;padding:0 16px 4px;scrollbar-width:none}.blog-haarwissen__filters::-webkit-scrollbar{display:none}.blog-haarwissen__pill{flex-shrink:0}.blog-haarwissen__grid{grid-template-columns:minmax(0,1fr);gap:20px}.blog-card:not(.blog-card--featured){display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center}.blog-card:not(.blog-card--featured) .blog-card__media{border-radius:10px}.blog-card:not(.blog-card--featured) .blog-card__body{padding-top:0}.blog-card:not(.blog-card--featured) .blog-card__meta{margin-bottom:4px;font-size:11px}.blog-card:not(.blog-card--featured) .blog-card__title{margin-bottom:0;font-size:calc(var(--font-3, 1.05rem) * var(--FONT-ADJUST-HEADING, 1))}.blog-card:not(.blog-card--featured) .blog-card__excerpt,.blog-card:not(.blog-card--featured) .blog-card__more{display:none}.blog-card--featured{grid-template-columns:minmax(0,1fr);gap:16px}.blog-card--featured .blog-card__title{font-size:calc(var(--font-6, 1.5rem) * var(--FONT-ADJUST-HEADING, 1))}.blog-card--featured .blog-card__more{align-self:stretch;text-align:center}.blog-haarwissen__featured{margin-bottom:32px}}.accessories-hero--split.blog-haarwissen__hero--text{grid-template-columns:minmax(0,1fr);height:auto}.accessories-hero--split.blog-haarwissen__hero--text .accessories-hero__content{padding:72px max(20px,calc((100vw - var(--blog-cols, 3) * 300px - (var(--blog-cols, 3) - 1) * 48px) / 2)) 64px}.blog-haarwissen__hero--text .accessories-hero__copy{max-width:36rem}@media only screen and (max-width:749px){.accessories-hero--split.blog-haarwissen__hero--text .accessories-hero__content{padding:40px 16px 32px}}.blog-haarwissen__group+.blog-haarwissen__group{margin-top:72px}.blog-haarwissen__group-head{margin-bottom:28px}.blog-haarwissen__group-title{margin:0;color:var(--primary, #0424E6);font-size:calc(var(--font-6, 1.6rem) * var(--FONT-ADJUST-HEADING, 1));line-height:1.2}.blog-haarwissen__group-intro{max-width:40rem;margin-top:8px;color:var(--text-light, #6E6E6E)}.blog-haarwissen__group-intro p{margin:0}@media only screen and (max-width:749px){.blog-haarwissen__group+.blog-haarwissen__group{margin-top:48px}.blog-haarwissen__group-head{margin-bottom:18px}.blog-haarwissen__group-title{font-size:calc(var(--font-5, 1.4rem) * var(--FONT-ADJUST-HEADING, 1))}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/blog-haarwissen.css.map */