.cat-hero--img{position:relative;padding:0;height:clamp(340px,26.4vw,400px);display:flex;align-items:center;background-color:#f4e8dd;background-repeat:no-repeat;background-position:right center;background-size:auto 100%}.cat-hero--img+.fbar{margin-top:0;border-top:0}.cat-hero--img .container{position:relative;width:100%}.cat-hero--img h1{margin-top:14px;color:var(--ink)}.cat-hero--img p{max-width:440px;color:var(--ink-2)}@media(max-width:1199px){.cat-hero--img{height:auto;min-height:300px;padding-block:40px}.cat-hero--img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f4ebdff7 0,#f4ebdfeb 40%,#f4ebdf59,#f4ebdf00)}.cat-hero--img p{max-width:62%}}@media(max-width:640px){.cat-hero--img{min-height:280px;padding-block:28px}.cat-hero--img p{max-width:100%}}@media(max-width:640px){.cat-hero.cat-hero--img,.cat-hero.cat-hero--img.cat-hero--answer{--hero-strip:clamp(170px,48vw,230px);height:auto;min-height:0;padding-top:28px;padding-bottom:calc(var(--hero-strip) + 12px);background-size:auto var(--hero-strip);background-position:right bottom}.cat-hero.cat-hero--img:before,.cat-hero.cat-hero--img.cat-hero--answer:before{display:none}}.cat-hero__txt{display:contents}.hero-more{display:none}@media(max-width:640px){.cat-hero.cat-hero--img.cat-hero--m-a,.cat-hero.cat-hero--img.cat-hero--m-c{--img-h:clamp(232px,62vw,268px);--img-ar:4.972;--img-r:.925;height:auto;min-height:0;align-items:flex-start;background-size:auto var(--img-h);background-position:calc(100% + (1 - var(--img-r)) * var(--img-ar) * var(--img-h)) 100%}.cat-hero.cat-hero--img.cat-hero--hundegeschirre.cat-hero--m-a{--floor:.52}.cat-hero.cat-hero--img.cat-hero--halsbaender.cat-hero--m-a,.cat-hero.cat-hero--img.cat-hero--halsbaender.cat-hero--m-c{--img-ar:4.576}.cat-hero.cat-hero--img.cat-hero--m-a{min-height:var(--img-h);padding:18px 0 calc(var(--img-h) * var(--floor,.4))}.cat-hero.cat-hero--img.cat-hero--m-a:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,var(--hero-bg,#f4e8dd) 0,var(--hero-bg,#f4e8dd) calc(100% - var(--img-h)),rgba(244,232,221,0) calc(100% - var(--img-h) + 14px)),linear-gradient(90deg,#f6ece2b3 0,#f6ece28c 34%,#f6ece200 54%) 0 0/100% calc(100% - var(--img-h) * var(--floor,.4)) no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - var(--img-h) * (var(--floor,.4) + .08)),transparent calc(100% - var(--img-h) * (var(--floor,.4) - .04)));mask-image:linear-gradient(180deg,#000 calc(100% - var(--img-h) * (var(--floor,.4) + .08)),transparent calc(100% - var(--img-h) * (var(--floor,.4) - .04)))}.cat-hero--m-a .cat-hero__txt{display:block;max-width:var(--col,56%)}.cat-hero--m-a .cat-hero__txt>.muted{max-width:none!important}.cat-hero--m-a .crumb{flex-wrap:wrap;row-gap:2px}.cat-hero--m-a h1{font-size:clamp(1.6rem,7.4vw,2rem);line-height:1.08;margin-top:10px;hyphens:auto;-webkit-hyphens:auto}.cat-hero--m-a .cat-hero__txt>.muted{margin-top:10px}.cat-hero--m-a .cat-hero__txt>.muted,.cat-hero--m-a .cat-hero__txt>.muted p{font-size:15px;line-height:1.5;color:var(--ink-2)}.cat-hero--m-a .cat-hero__txt>.muted p{margin:0}.cat-hero--m-a.cat-hero--clamp .cat-hero__txt>.muted:not(.is-open){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--clamp,6);overflow:hidden}.cat-hero--m-a.cat-hero--clamp .cat-hero__txt>.muted:not(.is-open) p{display:inline}.cat-hero--m-a .hero-more.is-on{display:inline-block;margin-top:4px;padding:6px 0;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--cognac);text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer}.cat-hero.cat-hero--img.cat-hero--m-c{--img-r:.985;padding:0 0 14px;background-position:calc(100% + (1 - var(--img-r)) * var(--img-ar) * var(--img-h)) 0}.cat-hero.cat-hero--img.cat-hero--m-c:before{display:none}.cat-hero--m-c .container{padding-top:calc(var(--img-h) * .86)}.cat-hero--m-c .cat-hero__txt{display:block;background:#fbf7efd6;border:1px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 10px 24px -16px #1b171459;padding:14px 16px 16px}.cat-hero--m-c h1{font-size:clamp(1.7rem,7.6vw,2rem);margin-top:8px}.cat-hero--m-c .cat-hero__txt>.muted{margin-top:8px}.cat-hero--m-c .cat-hero__txt>.muted,.cat-hero--m-c .cat-hero__txt>.muted p{font-size:15px;line-height:1.55;color:var(--ink-2);max-width:none!important}.cat-hero--m-c .cat-hero__txt>.muted p{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/cat-hero.css.map */