.hpn-wissen-button{border-radius:var(--rounded-button, .375rem);background:var(--color-base-button-gradient, rgb(var(--color-base-button)));padding:0 var(--sp-5);min-height:0;height:2.25rem;font-size:.9375rem;line-height:1}.hpn-wissen-button .btn-text{display:inline-flex;align-items:center;gap:var(--sp-2d5)}.hpn-wissen-button__icon{width:.9375rem;height:.9375rem;flex-shrink:0}.hpn-wissen-button__marker{position:relative;flex-shrink:0;display:inline-grid;place-items:center;width:2.25rem;height:1.125rem;color:#f0a064}.hpn-wissen-button__rahmen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hpn-wissen-button__marker-text{position:relative;font-size:.5rem;font-weight:700;letter-spacing:.09em;line-height:1;text-transform:uppercase}@media screen and (max-width:1023px){.header__buttons .hpn-wissen-button{display:none}}@media screen and (min-width:1024px){.hpn-header--siegel{--hpn-siegel-breite: 6.25rem;border-block-end:1px solid var(--hpn-haarlinie)}.hpn-header--siegel .hpn-header__siegel-spalte{grid-area:tools;justify-self:start;align-self:start;align-items:start;width:var(--hpn-siegel-breite);height:var(--sp-15);padding-inline-start:var(--sp-2d5)}.hpn-header--siegel .header__icons--start{display:none}.hpn-header__siegel{width:3.75rem;height:3.75rem;color:rgb(var(--color-foreground))}.hpn-header--siegel:after{content:"";position:absolute;z-index:2;inset-block:0;inset-inline-start:calc(var(--page-padding) + var(--hpn-siegel-breite));width:1px;background:var(--hpn-haarlinie);pointer-events:none}.hpn-header--siegel .header__logo,.hpn-header--siegel .header__icons--end{align-self:start;height:var(--sp-11);margin-block-end:var(--sp-4)}.hpn-header--siegel .header__navigation{padding-block:0;height:var(--sp-11);background:linear-gradient(90deg,transparent var(--hpn-siegel-breite),var(--hpn-haarlinie) var(--hpn-siegel-breite)) top / 100% 1px no-repeat}.header-section:not(.header-nav-scrolled) .hpn-header--siegel .header__navigation{padding-block-start:0}}.hpn-siegel__ring{transform-origin:50% 50%;animation:hpn-siegel-dreht 48s linear infinite}@keyframes hpn-siegel-dreht{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hpn-siegel__ring{animation:none}}@media screen and (min-width:1024px){.hpn-header--siegel .header__icons--end .header__buttons{gap:0;margin-inline:0}.hpn-header--siegel .header__icons--end .search-drawer-button{display:flex}.hpn-header--siegel .header__buttons .hpn-wissen-button{height:2.25rem;margin-inline-start:var(--sp-4);margin-inline-end:0}}.hpn-sortiment{--font-navigation-size: clamp(.8125rem, .55rem + .42vw, .9375rem);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);width:100%;height:100%;padding-inline-start:calc(var(--hpn-siegel-breite, 6.25rem) + var(--sp-7))}.hpn-sortiment__mitte,.hpn-sortiment__rechts{display:flex;align-items:center;flex-wrap:nowrap;height:100%;margin:0;padding:0;list-style:none}.hpn-sortiment__mitte{flex:0 1 auto;min-width:0;gap:clamp(var(--sp-4),1.8vw,var(--sp-8))}.hpn-sortiment__rechts{flex:0 0 auto;gap:clamp(var(--sp-3),1.2vw,var(--sp-6))}.hpn-sortiment__mitte>li,.hpn-sortiment__rechts>li{display:flex;align-items:center;height:100%}.hpn-sortiment__mitte>li>details,.hpn-sortiment__rechts>li>details{display:flex;align-items:center;height:100%}.hpn-sortiment__mitte>li>details>summary,.hpn-sortiment__rechts>li>details>summary{display:flex;align-items:center;height:100%;list-style:none;cursor:pointer}.hpn-sortiment__mitte>li>details>summary::-webkit-details-marker,.hpn-sortiment__rechts>li>details>summary::-webkit-details-marker{display:none}.hpn-sortiment__punkt{display:inline-flex;align-items:center;gap:var(--sp-2d5);height:100%;font-family:var(--font-navigation-family);font-size:var(--font-navigation-size);font-weight:500;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;transition:color .16s cubic-bezier(.4,0,.2,1)}.hpn-sortiment__punkt .btn-text{display:inline-flex;align-items:center;gap:var(--sp-2)}.hpn-sortiment__mitte>li:hover>a.hpn-sortiment__punkt,.hpn-sortiment__rechts>li:hover>a.hpn-sortiment__punkt,.hpn-sortiment__mitte>li:hover>details>summary .hpn-sortiment__punkt,.hpn-sortiment__rechts>li:hover>details>summary .hpn-sortiment__punkt,.hpn-sortiment__mitte>li>details[open]>summary .hpn-sortiment__punkt,.hpn-sortiment__rechts>li>details[open]>summary .hpn-sortiment__punkt,.hpn-sortiment .hpn-sortiment__punkt:focus-visible{color:var(--marke, rgb(var(--color-foreground)))}.hpn-sortiment__punkt--aktion{font-weight:600}.hpn-sortiment__rechts .hpn-sortiment__punkt{font-size:.8125rem;font-weight:400;color:rgb(var(--color-foreground) / 62%)}.hpn-sortiment__rechts>li:hover>.hpn-sortiment__punkt,.hpn-sortiment__rechts>li:hover>details>summary .hpn-sortiment__punkt,.hpn-sortiment__rechts>li>details[open]>summary .hpn-sortiment__punkt{color:rgb(var(--color-foreground))}.hpn-sortiment__rechts .hpn-sortiment__punkt .icon{width:var(--sp-2d5);height:var(--sp-2d5)}@media(prefers-reduced-motion:reduce){.hpn-sortiment__punkt{transition:none}}.mega-menu__container.hpn-raum{position:relative;overflow:hidden;background:radial-gradient(90% 110% at 78% 0%,rgb(61 83 128 / 26%) 0%,transparent 58%),linear-gradient(rgb(var(--color-foreground)),rgb(var(--color-shadow)));color:rgb(var(--color-background))}.hpn-raum__inhalt{position:relative;display:grid;grid-template-columns:minmax(0,24.5rem) minmax(0,1fr);gap:var(--sp-6);padding-block:var(--sp-8) var(--sp-6);align-items:start}.hpn-raum__spalte{padding-inline-start:calc(var(--hpn-siegel-breite, 6.25rem) + var(--sp-4))}.hpn-raum__titel{display:flex;align-items:center;gap:var(--sp-3);margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;color:rgb(var(--color-background))}.hpn-raum__icon{width:1.5rem;height:1.5rem;margin-inline-start:var(--sp-2);--hpn-icon-opacity: .55}.hpn-raum__label{margin:var(--sp-6) 0 var(--sp-2);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ffffff7f}.hpn-raum__weitere{display:grid;gap:var(--sp-1d5);margin:0;padding:0;list-style:none}.hpn-raum__weitere-link{display:inline-flex;align-items:center;gap:var(--sp-2d5);font-size:.875rem;font-weight:400;line-height:1.45;color:#ffffffd9;text-decoration:none;transition:color .16s cubic-bezier(.4,0,.2,1)}.hpn-raum__weitere-link:hover{color:rgb(var(--color-background))}.hpn-raum__kacheln{display:grid;grid-template-columns:1.265fr 1fr 1fr;gap:var(--sp-6);margin:0;padding:0;list-style:none}.hpn-raum__kacheln .hpn-kachel{height:11.5rem}.hpn-raum .mega-menu__item{flex:none;max-width:none}@media(prefers-reduced-motion:reduce){.hpn-raum__weitere-link{transition:none}}.hpn-sortiment__mitte>li:hover>a.hpn-sortiment__punkt:not([style*=--marke]),.hpn-sortiment__mitte>li>a.hpn-sortiment__punkt:not([style*=--marke]):focus-visible{color:rgb(var(--color-foreground) / 55%)}.hpn-sortiment__punkt .hpn-prozent{transition:background-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1),border-color .16s cubic-bezier(.4,0,.2,1)}.hpn-sortiment__mitte>li:hover>.hpn-sortiment__punkt--aktion .hpn-prozent{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.hpn-sortiment__rechts .dropdown{inset-inline-start:auto;inset-inline-end:calc(var(--page-padding) - var(--sp-8));margin-inline-start:0}.hpn-sortiment .dropdown__corner{display:none}.hpn-raum:after{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--page-padding) + var(--hpn-siegel-breite, 6.25rem));width:1px;background:#ffffff1f;pointer-events:none}.hpn-header--siegel .header__cutout,.hpn-header--siegel .header__corner{display:none}.hpn-header--logo-farbe .header__logo .logo{opacity:0}.hpn-header--logo-farbe .header__logo-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground));-webkit-mask:var(--hpn-logo) center / contain no-repeat;mask:var(--hpn-logo) center / contain no-repeat;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/217/assets/hpn-header.css.map */