.hw-categories{display:block;background:#fff;color:#000;padding:20px 0;font-family:var(--font-body--family,Arial,sans-serif)}.hw-categories *{box-sizing:border-box}.hw-categories__list{display:flex;gap:clamp(18px,3.5vw,56px);width:max-content;max-width:100%;margin:0 auto;padding:4px 24px 8px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:24px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d4cec5 transparent}.hw-categories__item{flex:0 0 120px;text-align:center;scroll-snap-align:start}.hw-categories__link{display:flex;flex-direction:column;align-items:center;gap:10px;color:#000;text-decoration:none;font-size:14px;line-height:1.4}.hw-categories__circle{display:flex;width:110px;height:110px;border:1px solid #e5dfd7;border-radius:50%;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.hw-categories__image{display:block;flex:1 1 0;min-width:0;width:100%;height:100%;object-fit:contain;padding:12px;margin:0;border:0}.hw-categories__circle--split .hw-categories__image{width:50%;padding:7px 3px;object-fit:contain}.hw-categories__circle--split .hw-categories__image+.hw-categories__image{border-left:1px solid #eee8e0}.hw-categories__link:hover .hw-categories__circle{border-color:#a42325;box-shadow:0 0 0 2px #a4232514}.hw-categories__link:focus-visible{outline:2px solid #a42325;outline-offset:5px;border-radius:4px}@media(max-width:749px){.hw-categories{padding:14px 0 10px}.hw-categories__list{width:100%;max-width:none;gap:14px;padding:4px 20px 8px;scroll-padding-inline:20px}.hw-categories__item{flex-basis:92px}.hw-categories__circle{width:84px;height:84px}.hw-categories__link{font-size:12px;gap:9px}.hw-categories__image{padding:9px}}@media(prefers-reduced-motion:reduce){.hw-categories__circle{transition:none}}.hw-categories__circle--photo{background:#dcc09b;border-color:#d3b795}.hw-categories__circle--photo .hw-categories__image{padding:0;object-fit:cover}.hw-categories__link[aria-current=page]{color:#a42325;font-weight:600}.hw-categories__link[aria-current=page] .hw-categories__circle{border-color:#a42325;box-shadow:0 0 0 2px #a4232526}
/*# sourceMappingURL=/cdn/shop/t/11/assets/heimatwelt-categories.css.map */
