.ppv-koll{--ppv-text:#1d1d1f;--ppv-muted:#6e6e73;--ppv-tertiary:#a1a1a6;--ppv-tile:#f5f5f7;--ppv-tile-hover:#eeeef1;--ppv-blue:#2b3fb8;--ppv-blue-hover:#2436a3;--ppv-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Inter,Helvetica,Arial,sans-serif;--ppv-mist:radial-gradient(ellipse 70% 70% at 0% 0%,rgba(42,56,137,.14),transparent 70%),radial-gradient(ellipse 60% 60% at 100% 100%,rgba(196,170,120,.18),transparent 70%);--ppv-ease:cubic-bezier(.2,.7,.2,1);container-type:inline-size;container-name:ppv-koll;color:var(--ppv-text);font-family:var(--ppv-font);font-size:16px;line-height:normal;letter-spacing:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ppv-koll *,.ppv-koll *:before,.ppv-koll *:after{box-sizing:border-box}.ppv-koll a{color:inherit;text-decoration:none}.ppv-koll img{display:block;max-width:none}.ppv-koll button{font:inherit}.ppv-koll .ppv-sec{--ppv-gutter:5rem;--ppv-pw:var(--page-width,140rem);--ppv-inset:max(var(--ppv-gutter),calc(50cqw - var(--ppv-pw) / 2 + var(--ppv-gutter)));max-width:var(--ppv-pw);margin:0 auto;padding:44px var(--ppv-gutter) 48px}.ppv-koll .ppv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px}.ppv-koll .ppv-head__aside{display:flex;flex:none;align-items:center;gap:20px}.ppv-koll .ppv-eyebrow{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ppv-blue)}.ppv-koll .ppv-title{margin:0;font-family:inherit;font-style:normal;font-size:clamp(24px,3.2cqw,32px);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--ppv-text);text-transform:none}.ppv-koll .ppv-link{position:relative;display:inline-flex;align-items:center;gap:5px;margin:-12px 0;padding:12px 0 16px;font-size:15px;font-weight:500;line-height:18px;color:var(--ppv-blue);white-space:nowrap;transition:color .15s}.ppv-koll .ppv-link .ppv-chev-ico{transition:translate .2s var(--ppv-ease)}.ppv-koll .ppv-chev-ico{display:block;width:7px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.ppv-koll :is(a,button):focus-visible{outline:2px solid var(--ppv-blue);outline-offset:2px;box-shadow:none}.ppv-koll :is(.ppv-tile,.ppv-row):focus-visible{outline-offset:-2px}.ppv-koll .ppv-link:focus-visible{outline:none}.ppv-koll .ppv-link:focus-visible:after{content:"";position:absolute;top:8px;right:-6px;bottom:12px;left:-6px;border-radius:8px;outline:2px solid var(--ppv-blue)}.ppv-koll .ppv-tile{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:20px;background-color:var(--ppv-tile);color:inherit;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ppv-ease),scale .15s var(--ppv-ease)}.ppv-koll .ppv-tile--mist{background-image:var(--ppv-mist)}.ppv-koll .ppv-sec--no-mist .ppv-tile--mist{background-image:none}.ppv-koll .ppv-comp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ppv-koll .ppv-fl{position:absolute;width:auto;aspect-ratio:var(--ar,.62);object-fit:cover;mix-blend-mode:multiply;pointer-events:none;user-select:none;-webkit-user-select:none;rotate:var(--r,0deg);transition:translate .2s var(--ppv-ease)}.ppv-koll .ppv-fl--a{z-index:2}.ppv-koll .ppv-fl--b{z-index:1}.ppv-koll .ppv-fl--set{--ar:1;object-fit:contain}.ppv-koll .ppv-circ{position:absolute;left:20px;bottom:20px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffffd9;color:var(--ppv-text);transition:translate .2s var(--ppv-ease)}.ppv-koll .ppv-tile__title{position:relative;z-index:3;display:block;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.ppv-koll .ppv-tile__sub{position:relative;z-index:3;display:block;margin-top:4px;font-size:13px;line-height:1.35;color:var(--ppv-muted)}.ppv-koll .ppv-sec:not(.ppv-sec--no-mist) .ppv-tile--mist :is(.ppv-tile__sub,.ppv-rows__hero-sub){color:#5f5f64}.ppv-koll .ppv-btn{position:relative;z-index:3;display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:11px;background:var(--ppv-blue);color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background-color .2s var(--ppv-ease)}@media screen and (max-width:749px){.ppv-koll .ppv-sec{--ppv-gutter:1.5rem}}@container ppv-koll (max-width:639px){.ppv-koll .ppv-sec{padding:24px var(--ppv-gutter) 26px}.ppv-koll .ppv-head{margin-bottom:14px}.ppv-koll .ppv-eyebrow{margin-bottom:4px}.ppv-koll .ppv-link{margin:-13px 0;padding:13px 0 15px;font-size:14px}.ppv-koll .ppv-circ{left:16px;bottom:16px}}.ppv-koll .ppv-bento__grid{display:flex;flex-wrap:wrap;gap:12px}.ppv-koll .ppv-bento .ppv-tile{flex:1 1 calc(25% - 9px);min-width:0;height:220px;padding:20px}.ppv-koll .ppv-bento .ppv-bento__hero{flex-basis:calc(50% - 6px)}.ppv-koll .ppv-bento .ppv-tile__title,.ppv-koll .ppv-bento .ppv-tile__sub{max-width:60%}.ppv-koll .ppv-bento .ppv-bento__hero .ppv-tile__title{font-size:22px;letter-spacing:-.02em}.ppv-koll .ppv-bento .ppv-fl--a{right:4%;bottom:-6px;height:68%}.ppv-koll .ppv-bento .ppv-bento__hero .ppv-fl--a{right:5%;bottom:-8px;height:82%;--r:4deg}.ppv-koll .ppv-bento .ppv-bento__hero .ppv-fl--b{right:calc(5% + 78px);bottom:-4px;height:66%;--r:-6deg}.ppv-koll .ppv-bento .ppv-bento__hero .ppv-fl--b:not(.ppv-fl--set){--ar:.74}.ppv-koll .ppv-bento .ppv-fl--set{bottom:8px;height:56%;--r:0deg}.ppv-koll .ppv-bento .ppv-bento__hero .ppv-fl--set{bottom:10px;height:66%;--r:0deg}@container ppv-koll (min-width:640px) and (max-width:999px){.ppv-koll .ppv-bento .ppv-tile{flex-basis:calc(33.333% - 8px);height:140px}.ppv-koll .ppv-bento .ppv-bento__hero{flex-basis:calc(66.666% - 4px)}}@container ppv-koll (max-width:639px){.ppv-koll .ppv-bento__grid{flex-wrap:nowrap;gap:10px;margin:0 calc(-1 * var(--ppv-inset));padding:2px var(--ppv-inset) 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ppv-inset);scrollbar-width:none}.ppv-koll .ppv-bento__grid::-webkit-scrollbar{display:none}.ppv-koll .ppv-bento .ppv-tile{flex:none;width:210px;height:150px;padding:16px;border-radius:16px;scroll-snap-align:start}.ppv-koll .ppv-bento .ppv-bento__hero{width:260px}.ppv-koll .ppv-bento .ppv-tile__title{font-size:16px}.ppv-koll .ppv-bento .ppv-bento__hero .ppv-tile__title{font-size:18px}.ppv-koll .ppv-bento .ppv-tile__sub,.ppv-koll .ppv-bento .ppv-bento__hero .ppv-fl--b{display:none}.ppv-koll .ppv-bento .ppv-fl--a{right:4%;bottom:-4px;height:78%}.ppv-koll .ppv-bento .ppv-bento__hero .ppv-fl--a{right:6%;bottom:-6px;height:86%;--r:0deg}.ppv-koll .ppv-bento .ppv-fl--set,.ppv-koll .ppv-bento .ppv-bento__hero .ppv-fl--set{bottom:6px;height:58%}}.ppv-koll .ppv-rows__layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:12px}.ppv-koll .ppv-rows__hero{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:312px;padding:28px;border-radius:24px}.ppv-koll .ppv-rows__hero-text{position:relative;z-index:3;display:block;max-width:60%}.ppv-koll .ppv-rows__hero-title{display:block;font-size:26px;font-weight:600;line-height:1.12;letter-spacing:-.02em}.ppv-koll .ppv-rows__hero-sub{display:block;margin-top:6px;font-size:15px;line-height:1.45;color:var(--ppv-muted)}.ppv-koll .ppv-rows__hero .ppv-btn{display:inline-block;max-width:60%;overflow:hidden;text-overflow:ellipsis;line-height:42px}.ppv-koll .ppv-rows__hero .ppv-fl--a{right:6%;bottom:-10px;height:68%}.ppv-koll .ppv-rows__hero .ppv-fl--set{bottom:12px;height:52%}.ppv-koll .ppv-rows__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:96px;gap:12px}.ppv-koll .ppv-row{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;isolation:isolate;padding:0 18px 0 20px;border-radius:16px;background-color:var(--ppv-tile);color:inherit;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ppv-ease),scale .15s var(--ppv-ease)}.ppv-koll .ppv-row__text{flex:1 1 auto;min-width:0}.ppv-koll .ppv-row__title{position:relative;display:inline-block;max-width:100%;font-size:16px;font-weight:600;line-height:1.25;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.ppv-koll .ppv-row__title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--ppv-text);scale:0 1;transform-origin:left;transition:scale .2s cubic-bezier(.19,1,.22,1)}.ppv-koll .ppv-row__sub{display:block;margin-top:3px;font-size:13px;color:var(--ppv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppv-koll .ppv-row__comp{position:relative;flex:none;align-self:stretch;width:56px;pointer-events:none}.ppv-koll .ppv-row__comp .ppv-fl{right:0;bottom:-3px;height:82%}.ppv-koll .ppv-row__comp .ppv-fl--set{bottom:8px;width:100%;height:auto}.ppv-koll .ppv-row__chev{color:var(--ppv-tertiary);transition:translate .2s var(--ppv-ease),color .15s}@container ppv-koll (min-width:1000px) and (max-width:1099px){.ppv-koll .ppv-rows__layout{grid-template-columns:300px minmax(0,1fr)}.ppv-koll .ppv-rows__hero .ppv-fl--a{height:62%}}@media not all and (pointer:coarse){@container ppv-koll (min-width:640px) and (max-width:999px){.ppv-koll .ppv-rows__layout{grid-template-columns:minmax(0,1fr)}.ppv-koll .ppv-rows__hero{height:200px}}}@container ppv-koll (max-width:639px){.ppv-koll .ppv-rows__layout{grid-template-columns:minmax(0,1fr);gap:8px}.ppv-koll .ppv-rows__hero{height:150px;padding:18px 20px;border-radius:20px}.ppv-koll .ppv-rows__hero-title{font-size:21px}.ppv-koll .ppv-rows__hero-sub{display:none}.ppv-koll .ppv-rows__hero .ppv-fl--a{right:6%;bottom:-6px;height:86%}.ppv-koll .ppv-rows__hero .ppv-fl--set{bottom:8px;height:60%}.ppv-koll .ppv-rows__grid{grid-template-columns:none;grid-template-rows:repeat(2,72px);grid-auto-flow:column;grid-auto-columns:82%;gap:6px 10px;margin:0 calc(-1 * var(--ppv-inset));padding:2px var(--ppv-inset) 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ppv-inset);scrollbar-width:none}.ppv-koll .ppv-rows__grid::-webkit-scrollbar{display:none}.ppv-koll .ppv-row{padding:0 14px 0 16px;scroll-snap-align:start}.ppv-koll .ppv-row__title{font-size:15px}.ppv-koll .ppv-row__sub{margin-top:2px;font-size:12px}.ppv-koll .ppv-row__comp{width:46px}}@container ppv-koll (max-width:359px){.ppv-koll .ppv-rows__grid{grid-auto-columns:86%}}@media(pointer:coarse){@container ppv-koll (min-width:640px) and (max-width:999px){.ppv-koll .ppv-rows__layout{grid-template-columns:260px minmax(0,1fr);gap:10px;align-items:start}.ppv-koll .ppv-rows__hero{height:150px;margin-top:2px;padding:18px 20px;border-radius:20px}.ppv-koll .ppv-rows__hero-title{font-size:21px}.ppv-koll .ppv-rows__hero-sub{display:none}.ppv-koll .ppv-rows__hero .ppv-fl--a{right:6%;bottom:-6px;height:86%}.ppv-koll .ppv-rows__hero .ppv-fl--set{bottom:8px;height:60%}.ppv-koll .ppv-rows__grid{grid-template-columns:none;grid-template-rows:repeat(2,72px);grid-auto-flow:column;grid-auto-columns:calc((100cqw - var(--ppv-inset) - 280px) / 1.4);gap:6px 10px;margin:0 calc(-1 * var(--ppv-inset)) 0 0;padding:2px var(--ppv-inset) 6px 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0 var(--ppv-inset);scrollbar-width:none}.ppv-koll .ppv-rows__grid::-webkit-scrollbar{display:none}.ppv-koll .ppv-row{padding:0 14px 0 16px;scroll-snap-align:start}.ppv-koll .ppv-row__title{font-size:15px}.ppv-koll .ppv-row__sub{margin-top:2px;font-size:12px}.ppv-koll .ppv-row__comp{width:46px}}@container ppv-koll (min-width:928px) and (max-width:999px){.ppv-koll .ppv-rows__grid{grid-auto-columns:calc((100cqw - var(--ppv-inset) - 290px) / 2.4)}}}.ppv-koll .ppv-car__track{display:flex;gap:12px;margin:0 calc(-1 * var(--ppv-inset));padding:2px var(--ppv-inset) 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ppv-inset);scrollbar-width:none;overscroll-behavior-x:contain}.ppv-koll .ppv-car__track::-webkit-scrollbar{display:none}.ppv-koll .ppv-car .ppv-car__tile{flex:none;width:344px;height:258px;padding:22px;scroll-snap-align:start}.ppv-koll .ppv-car__text{position:relative;z-index:3;display:block;max-width:60%}.ppv-koll .ppv-car .ppv-circ{left:22px;bottom:22px}.ppv-koll .ppv-car .ppv-fl{right:6%;bottom:-8px;height:72%}.ppv-koll .ppv-car .ppv-fl--set{bottom:12px;height:56%}.ppv-koll .ppv-car__nav{display:none;gap:8px}.ppv-koll .ppv-car__arrow{display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:var(--ppv-tile);color:var(--ppv-text);cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;transition:background-color .15s,opacity .15s,scale .15s var(--ppv-ease)}.ppv-koll .ppv-car__arrow[aria-disabled=true]{opacity:.35;cursor:default}.ppv-koll .ppv-car__arrow--prev .ppv-chev-ico{transform:scaleX(-1)}@media(hover:hover)and (pointer:fine){@container ppv-koll (min-width:640px){.ppv-koll .ppv-car__nav:not([hidden]){display:flex}}}@container ppv-koll (max-width:639px){.ppv-koll .ppv-car__track{gap:10px}.ppv-koll .ppv-car .ppv-car__tile{width:240px;height:180px;padding:18px}.ppv-koll .ppv-car .ppv-tile__title{font-size:16px}.ppv-koll .ppv-car .ppv-tile__sub{display:none}.ppv-koll .ppv-car .ppv-circ{left:18px;bottom:18px}.ppv-koll .ppv-car .ppv-fl{right:5%;bottom:-6px;height:74%}.ppv-koll .ppv-car .ppv-fl--set{bottom:10px;height:56%}}@media(hover:hover)and (pointer:fine){.ppv-koll .ppv-link:hover{color:var(--ppv-blue-hover)}.ppv-koll .ppv-tile:hover,.ppv-koll .ppv-row:hover{background-color:var(--ppv-tile-hover)}.ppv-koll .ppv-tile:hover .ppv-btn{background-color:var(--ppv-blue-hover)}.ppv-koll .ppv-row:hover .ppv-row__chev{color:var(--ppv-text)}.ppv-koll .ppv-car__arrow:not([aria-disabled=true]):hover{background-color:var(--ppv-tile-hover)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.ppv-koll .ppv-link:hover .ppv-chev-ico{translate:2px 0}.ppv-koll .ppv-tile:hover .ppv-fl,.ppv-koll .ppv-row:hover .ppv-fl{translate:0 -3px}.ppv-koll .ppv-tile:hover .ppv-circ,.ppv-koll .ppv-row:hover .ppv-row__chev{translate:2px 0}.ppv-koll .ppv-row:hover .ppv-row__title:after{scale:1 1}}@media(prefers-reduced-motion:no-preference){.ppv-koll .ppv-tile:active,.ppv-koll .ppv-row:active{scale:.985}.ppv-koll .ppv-car__arrow:not([aria-disabled=true]):active{scale:.96}}@media(prefers-reduced-motion:reduce){.ppv-koll *,.ppv-koll *:after{transition:none!important;animation:none!important}.ppv-koll :is(.ppv-tile,.ppv-row,.ppv-fl,.ppv-circ,.ppv-chev-ico,.ppv-car__arrow){translate:none!important;scale:none!important}.ppv-koll .ppv-car__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/ppv-kollektionen.css.map */