.hpn-leiste{margin-block-start:calc(var(--sp-3) * -1)}.hpn-leiste__spur{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-inline:var(--page-padding);scroll-padding-inline:var(--page-padding);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.75rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.75rem),transparent)}.hpn-leiste__spur::-webkit-scrollbar{display:none}.hpn-leiste__liste{display:flex;align-items:center;gap:var(--sp-6);width:max-content;margin:0;padding:0 var(--sp-8) 0 0;list-style:none}.hpn-leiste__liste>li{flex:none;scroll-snap-align:start}.hpn-leiste__punkt{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:2.75rem;font-size:var(--text-sm);font-weight:500;line-height:1.2;white-space:nowrap;color:rgb(var(--color-foreground));text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - var(--sp-2d5)) / 0 1px no-repeat;transition:background-size .5s cubic-bezier(.3,1,.3,1)}.hpn-leiste__punkt:hover,.hpn-leiste__punkt:focus-visible,.hpn-leiste__punkt[aria-current]{background-size:100% 1px}.hpn-leiste__punkt .hpn-marke{height:.62em}@media screen and (min-width:1024px){.hpn-leiste--nur-mobil{display:none}}.hpn-held{padding-block:0 var(--sp-6)}.hpn-held__raster{display:grid;gap:var(--sp-6)}.hpn-held__bild{position:relative;isolation:isolate;margin:0;overflow:hidden;aspect-ratio:350 / 320;border-radius:var(--rounded-card);background:rgb(var(--color-shadow, 13 22 38))}.hpn-held__bild picture,.hpn-held__foto{display:block;width:100%;height:100%}.hpn-held__foto{object-fit:cover;object-position:50% 40%}.hpn-held__bild:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(35deg,rgb(var(--color-shadow, 13 22 38) / 58%),rgb(var(--color-shadow, 13 22 38) / 14%) 34%,rgb(var(--color-shadow, 13 22 38) / 0%) 58%)}.hpn-held__bild:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff1f}.hpn-held__bildzeile{position:absolute;z-index:3;inset-inline-start:var(--sp-4);inset-block-end:var(--sp-3d5);display:flex;align-items:center;gap:var(--sp-2);color:rgb(var(--color-background));font-size:var(--text-xs);font-weight:500;line-height:1.2}.hpn-held__rolle{display:none;color:rgb(var(--color-background) / 72%);font-weight:400}.hpn-held__text{display:grid;min-width:0}.hpn-held__titel{margin:0;font-size:var(--hpn-titel-groesse-mobil, var(--title-xl));font-weight:var(--hpn-titel-gewicht, var(--font-heading-weight));line-height:var(--hpn-titel-zeile, var(--font-heading-line-height));letter-spacing:var(--hpn-titel-lauf, var(--font-heading-letter-spacing));text-wrap:balance}@media screen and (min-width:990px){.hpn-held__titel{font-size:var(--hpn-titel-groesse, var(--title-xl))}}.hpn-held__sub{margin:var(--sp-3d5) 0 0;max-width:40ch;font-size:var(--text-base);line-height:1.55;color:rgb(var(--color-foreground) / 78%)}.hpn-held__cta{margin-top:var(--sp-6)}.hpn-held__cta .button{width:100%;justify-content:center}.hpn-held__meta{margin:var(--sp-3) 0 0;font-size:var(--text-xs);color:rgb(var(--color-foreground) / 70%)}.hpn-held__kennung{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1d5) var(--sp-4);margin:var(--sp-6) 0 0;font-size:var(--text-sm);line-height:1.3}.hpn-held__kennung-name{font-weight:600}.hpn-held__kennung-punkt{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:500;color:rgb(var(--color-foreground) / 78%)}.hpn-held__band{margin:var(--sp-2d5) calc(var(--page-padding) * -1) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--sp-5),#000 calc(100% - var(--sp-10)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--sp-5),#000 calc(100% - var(--sp-10)),transparent 100%)}.hpn-held__band-spur{display:flex;width:max-content;animation:hpn-held-band var(--band-dauer, 90s) linear infinite}.hpn-held__band:hover .hpn-held__band-spur,.hpn-held__band:focus-within .hpn-held__band-spur{animation-play-state:paused}.hpn-held__band:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:var(--rounded-button)}.hpn-held__band ul{display:flex;align-items:center;margin:0;padding:0;list-style:none}.hpn-held__band li{display:inline-flex;align-items:baseline;gap:var(--sp-1d5);padding-block:var(--sp-2d5);padding-inline-end:var(--sp-6);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.hpn-held__band li:before{content:"";align-self:center;flex:none;width:2px;height:.62em;margin-inline-end:var(--sp-1);border-radius:1px;background:var(--marke, currentColor)}.hpn-held__band li span{font-weight:400;color:rgb(var(--color-foreground) / 70%)}@keyframes hpn-held-band{to{transform:translate(-50%)}}@media screen and (min-width:750px){.hpn-held__cta{justify-self:start}.hpn-held__cta .button{width:auto}.hpn-held__bildzeile{inset-inline-start:var(--sp-6);inset-block-end:var(--sp-5);font-size:var(--text-sm)}.hpn-held__rolle{display:inline}}@media screen and (min-width:750px)and (max-width:989px){.hpn-held__bild{aspect-ratio:16 / 9}}@media screen and (min-width:990px){.hpn-held__raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-14);align-items:center}.hpn-held__bild{grid-column:2;grid-row:1;aspect-ratio:auto;height:38.75rem}.hpn-held__text{grid-column:1;grid-row:1;padding-block:var(--sp-6)}.hpn-held__sub{margin-top:var(--sp-5);font-size:var(--text-lg)}.hpn-held__cta{margin-top:var(--sp-7)}.hpn-held__kennung{margin-top:var(--sp-8);font-size:var(--text-base)}.hpn-held__band{margin-inline:0}}@media(prefers-reduced-motion:reduce){.hpn-leiste__punkt{transition:none}.hpn-held__band-spur{animation:none}.hpn-held__band{overflow-x:auto;scrollbar-width:none}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/hpn-startseite.css.map */