:root{--hpn-haarlinie: rgb(var(--color-foreground, 18 29 53) / 9%);--hpn-silber: #F7F8FA;--hpn-lack: 27 43 77}.hpn-marke{flex-shrink:0;display:inline-block;width:2px;height:.72em;border-radius:1px;background:var(--marke, currentColor)}.hpn-prozent{flex-shrink:0;display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border:1.2px solid currentColor;border-radius:var(--rounded-button, .375rem);font-size:.6875rem;font-weight:600;line-height:1}.hpn-kachel{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border-radius:var(--card-radius, .375rem);box-shadow:0 1px 2px rgb(var(--color-shadow, 13 22 38) / 6%),0 12px 28px -10px rgb(var(--color-shadow, 13 22 38) / 16%);text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s cubic-bezier(.2,.7,.2,1)}.hpn-kachel:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgb(var(--color-shadow, 13 22 38) / 6%),0 18px 36px -12px rgb(var(--color-shadow, 13 22 38) / 22%)}@media(prefers-reduced-motion:reduce){.hpn-kachel{transition:none}.hpn-kachel:hover{transform:none}}.hpn-kachel__bild{position:relative;background:rgb(var(--color-placeholder, 230 233 238))}.hpn-kachel__bild img{display:block;width:100%;height:100%;object-fit:cover}.hpn-kachel--galerie{display:block;position:relative;background:rgb(var(--hpn-lack))}.hpn-kachel--galerie .hpn-kachel__bild{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--hpn-lack))}.hpn-kachel--galerie .hpn-kachel__bild img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.hpn-kachel--galerie:hover .hpn-kachel__bild img{transform:scale(1.03)}.hpn-kachel--galerie:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(var(--color-shadow, 13 22 38) / 0%) 45%,rgb(var(--color-shadow, 13 22 38) / 85%));pointer-events:none}.hpn-kachel__legende{position:absolute;z-index:1;inset-inline-start:var(--sp-5);inset-block-end:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);color:rgb(var(--color-background));font-size:.9375rem;font-weight:600;line-height:1.2}@media(prefers-reduced-motion:reduce){.hpn-kachel--galerie .hpn-kachel__bild img{transition:none}.hpn-kachel--galerie:hover .hpn-kachel__bild img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/hpn-bauteile.css.map */