.pkt-cl{--pkt-cl-rand: var(--s2);--pkt-cl-schleier-m: linear-gradient(180deg, rgba(var(--deep-rgb), .62) 0%, rgba(var(--deep-rgb), .5) 45%, rgba(var(--deep-rgb), 0) 72%);--pkt-cl-schleier: linear-gradient(90deg, rgba(var(--deep-rgb), .62) 0%, rgba(var(--deep-rgb), .5) 40%, rgba(var(--deep-rgb), 0) 66%);position:relative;overflow-x:clip;color:var(--ink)}.pkt-cl-krumen ol,.pkt-cl-kennzahlen,.pkt-cl-reihe,.pkt-cl-raster,.pkt-cl-sets{margin:0;padding:0;list-style:none}.pkt-cl a:focus-visible,.pkt-cl button:focus-visible,.pkt-cl input:focus-visible,.pkt-cl img:focus-visible{outline:2px solid var(--deep);outline-offset:2px}.pkt-cl-krumen{position:absolute;top:0;left:0;right:0;z-index:1;padding:var(--s2) var(--pkt-cl-rand) 0;color:#fff;font-size:12px;font-weight:600;line-height:1.4}.pkt-cl-krumen ol{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.pkt-cl-krumen li{flex:none;display:inline-flex;align-items:center;gap:8px}.pkt-cl-krumen li[aria-current]{flex:0 1 auto;display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pkt-cl-krumen li+li:before{content:"\203a";content:"\203a" / "";color:var(--pkt-hell)}.pkt-cl-krumen li[aria-current]:before{margin-right:8px}.pkt-cl-krumen a{display:inline-block;margin:-8px 0;padding:8px 0;color:#fff;text-decoration:none;transition:color .15s ease}.pkt-cl-krumen a:hover{color:var(--gelb)}.pkt-cl-krumen a:focus-visible{outline-color:#fff;border-radius:4px}.pkt-cl-krumen [aria-current=page]{color:var(--gelb);font-weight:700}.pkt-cl-hero{position:relative;overflow:hidden;padding:var(--s4) var(--pkt-cl-rand);background:var(--pkt-cl-schleier-m),var(--pkt-himmel-m, none) center / cover no-repeat,var(--himmel-2);color:#fff}.pkt-cl-krumen+.pkt-cl-hero{padding-top:var(--s6)}.pkt-cl-eyebrow{margin:0;color:var(--gelb);font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.pkt-cl-hero .pkt-h{margin:var(--s1) 0 var(--s2);color:#fff;font-size:36px;overflow-wrap:break-word}.pkt-cl-satz{max-width:600px;margin:0 0 var(--s2);color:#fff;font-size:14px;font-weight:600;line-height:1.5;text-shadow:0 1px 2px rgba(var(--deep-rgb),.45)}.pkt-cl-kennzahlen{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--s3)}.pkt-cl-kennzahlen li{padding:8px 16px;border-radius:999px;background:#fff;color:var(--deep);font-size:12px;font-weight:700;line-height:1.3}.pkt-cl-kennzahlen b{font-weight:800}.pkt-cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 24px;border:0;border-radius:999px;background:var(--gelb);color:var(--deep);font-family:var(--pkt-display);font-weight:400;font-size:15px;line-height:1.1;text-align:center;text-decoration:none;white-space:nowrap;box-shadow:0 4px 0 var(--gelbk);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pkt-cl-btn:hover{transform:translateY(1px);box-shadow:0 3px 0 var(--gelbk)}.pkt-cl-btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--gelbk)}.pkt-cl-btn[hidden]{display:none}.pkt-cl-hero .pkt-cl-btn{font-size:17px}.pkt-cl-hero .pkt-cl-btn:focus-visible{outline-color:#fff;outline-offset:3px}.pkt-cl-faecher{--pkt-cl-fw: 150px;position:relative;height:calc(var(--pkt-cl-fw) * 1.62);margin:var(--s3) 0 0}.pkt-cl-faecher img{position:absolute;top:8px;left:50%;display:block;width:var(--pkt-cl-fw);height:auto;border-radius:10px;box-shadow:var(--pkt-schatten-tief);cursor:zoom-in;transform:translate(-50%)}.pkt-cl-faecher img:nth-child(1){top:0;z-index:2}.pkt-cl-faecher img:nth-child(2){transform:translate(calc(-50% + var(--pkt-cl-fw) * .53)) rotate(9deg)}.pkt-cl-faecher img:nth-child(3){transform:translate(calc(-50% - var(--pkt-cl-fw) * .53)) rotate(-10deg)}.pkt-cl-faecher img:focus-visible{outline-color:#fff;outline-offset:3px}.pkt-cl-chase{padding:var(--s3) 0;background:var(--tint)}.pkt-cl-chase .pkt-h{margin:0 0 var(--s1);padding:0 var(--pkt-cl-rand);font-size:26px}.pkt-cl-reihe{display:flex;gap:16px;overflow-x:auto;padding:8px var(--pkt-cl-rand) 16px;scroll-padding-inline:var(--pkt-cl-rand);scroll-snap-type:x proximity;scrollbar-width:none}.pkt-cl-reihe::-webkit-scrollbar{display:none}.pkt-cl-reihe .pkt-cl-karte{flex:none;width:150px;scroll-snap-align:start}.pkt-cl-hinweis{margin:var(--s3) var(--pkt-cl-rand) 0;padding:var(--s2);border-radius:16px;background:var(--t3);color:var(--ink);font-size:13px;font-weight:500;line-height:1.5}.pkt-cl-werkzeuge{display:flex;flex-direction:column;gap:16px;padding:var(--s3) var(--pkt-cl-rand) var(--s2)}.pkt-cl-filter{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--pkt-cl-rand) * -1);padding:0 var(--pkt-cl-rand) 8px;scrollbar-width:none}.pkt-cl-filter::-webkit-scrollbar{display:none}.pkt-cl-chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--tint);color:var(--deep);font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.pkt-cl-chip:hover{background:var(--t3);color:var(--navy)}.pkt-cl-chip[aria-pressed=true]{background:var(--deep);color:#fff}.pkt-cl-zahl{color:var(--mut);font-size:11px;font-weight:800}.pkt-cl-chip[aria-pressed=true] .pkt-cl-zahl{color:var(--gelb)}.pkt-cl-suche{width:100%;min-height:48px;padding:0 16px 0 48px;border:0;border-radius:999px;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6390' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 16px center / 20px no-repeat;color:var(--deep);font-family:inherit;font-size:16px;font-weight:600;-webkit-appearance:none;appearance:none;box-shadow:none}.pkt-cl-suche::placeholder{color:var(--mut);opacity:1}.pkt-cl-suche::-webkit-search-decoration{-webkit-appearance:none}.pkt-cl-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:var(--s1) var(--pkt-cl-rand) var(--s5)}.pkt-cl-karte{position:relative;display:flex;flex-direction:column;padding:8px;border-radius:16px;background:#fff;box-shadow:var(--pkt-schatten);transition:box-shadow .15s ease}.pkt-cl-karte[hidden],.pkt-cl-set[hidden]{display:none}.pkt-cl-karte:hover{box-shadow:var(--pkt-schatten-hover)}.pkt-cl-karte:hover .pkt-cl-name{color:var(--navy)}.pkt-cl-karte img{display:block;width:100%;height:auto;aspect-ratio:245 / 343;object-fit:cover;border-radius:8px;cursor:zoom-in}.pkt-cl-nr{display:block;margin-top:8px;color:var(--mut);font-size:11px;font-weight:600;line-height:1.3}.pkt-cl-name{display:block;color:var(--deep);font-size:13px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;transition:color .15s ease}.pkt-cl-rar{position:absolute;top:16px;left:16px;z-index:1;padding:0 8px;border-radius:999px;background:var(--t3);color:var(--deep);font-family:var(--pkt-display);font-size:12px;line-height:20px;box-shadow:0 1px 2px #17233829;pointer-events:none}.pkt-cl-rar--l,.pkt-cl-rar--ace,.pkt-cl-rar--cc{background:var(--schiggy)}.pkt-cl-rar--sr,.pkt-cl-rar--ar,.pkt-cl-rar--rr,.pkt-cl-rar--ir,.pkt-cl-rar--sp,.pkt-cl-rar--tr{background:var(--lav)}.pkt-cl-rar--sec,.pkt-cl-rar--sar,.pkt-cl-rar--sir,.pkt-cl-rar--ur,.pkt-cl-rar--hr,.pkt-cl-rar--mur,.pkt-cl-rar--mhr,.pkt-cl-rar--fur{background:var(--gelb)}.pkt-cl-produkt{padding:0 var(--pkt-cl-rand) var(--s5)}.pkt-cl-produkt .pkt-h{margin:0 0 var(--s2);font-size:26px}.pkt-cl-produkt-box{display:flex;align-items:center;gap:16px;max-width:760px;padding:var(--s2);border-radius:24px;background:#fff;box-shadow:var(--pkt-schatten)}.pkt-cl-produkt-media{flex:none;display:block}.pkt-cl-produkt-bild{display:block;width:96px;height:96px;object-fit:contain}.pkt-cl-produkt-text{min-width:0}.pkt-cl-produkt-titel{margin:0;color:var(--deep);font-size:14px;font-weight:700;line-height:1.35}.pkt-cl-preis{margin:8px 0;color:var(--deep);font-family:var(--pkt-display);font-size:22px;line-height:1.1;white-space:nowrap}.pkt-cl-preis:empty,.pkt-cl-preis[hidden]{display:none}.pkt-cl-preis--aus{color:var(--mut);font-family:inherit;font-size:14px;font-weight:700}.pkt-cl-leiste{position:fixed;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:16px;padding:var(--s1) var(--pkt-cl-rand) calc(var(--s1) + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -10px 28px #1f2a521f;visibility:hidden;transform:translateY(110%);transition:transform .25s ease,visibility 0s linear .25s}.pkt-cl-leiste--sichtbar{visibility:visible;transform:none;transition:transform .25s ease,visibility 0s}.pkt-cl-leiste-bild{display:block;flex:none;width:48px;height:48px;object-fit:contain}.pkt-cl-leiste-text{flex:1 1 auto;min-width:0}.pkt-cl-leiste-titel{margin:0;overflow:hidden;color:var(--mut);font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.pkt-cl-leiste .pkt-cl-preis{margin:0;font-size:16px}.pkt-cl-leiste .pkt-cl-preis--aus{font-size:13px}.pkt-cl-leiste .pkt-cl-btn{flex:none}.pkt-cl-varianten{display:flex;flex:none;gap:8px;max-width:70%;overflow-x:auto;scrollbar-width:none}.pkt-cl-varianten:empty{display:none}.pkt-cl-variante{flex-direction:column;gap:0;padding:0 16px}.pkt-cl-variante-name{font-family:var(--text-font-family, sans-serif);font-size:11px;font-weight:700;line-height:1.3}.pkt-cl-variante-preis{font-size:15px;line-height:1.2}.pkt-cl-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--s6) var(--s2) 96px;background:#141a3cf0;color:#fff;overscroll-behavior:contain}.pkt-cl-lb[hidden]{display:none}.pkt-cl-lb-buehne{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%;max-height:100%;margin:0}.pkt-cl-lb-bild{display:block;width:auto;height:auto;max-width:min(100%,480px);max-height:calc(100vh - 240px);max-height:calc(100dvh - 240px);border-radius:16px;box-shadow:var(--pkt-schatten-tief)}.pkt-cl-lb-text{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}.pkt-cl-lb-name{font-family:var(--pkt-display);font-size:22px;line-height:1.15}.pkt-cl-lb-nr{color:var(--pkt-hell);font-size:13px;font-weight:600;line-height:1.4}.pkt-cl-lb-zaehler{color:var(--gelb);font-size:12px;font-weight:800;line-height:1.4}.pkt-cl-lb-knopf{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;transition:background-color .15s ease,color .15s ease}.pkt-cl-lb-knopf:hover{background:var(--gelb);color:var(--deep)}.pkt-cl-lb-knopf:focus-visible{outline:2px solid #fff;outline-offset:2px}.pkt-cl-lb-knopf[hidden]{display:none}.pkt-cl-lb-knopf svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pkt-cl-lb-zu{top:16px;right:16px}.pkt-cl-lb-zurueck{bottom:24px;left:calc(50% - 64px)}.pkt-cl-lb-weiter{bottom:24px;right:calc(50% - 64px)}.pkt-cl--uebersicht .pkt-cl-hero{padding-block:var(--s5)}.pkt-cl-sets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:var(--s1) var(--pkt-cl-rand) var(--s5)}.pkt-cl-set a{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:8px 8px 16px;border-radius:16px;background:#fff;box-shadow:var(--pkt-schatten);color:var(--deep);text-decoration:none;transition:box-shadow .15s ease,color .15s ease}.pkt-cl-set a:hover{box-shadow:var(--pkt-schatten-hover);color:var(--navy)}.pkt-cl-set img{display:block;width:100%;height:auto;aspect-ratio:245 / 343;object-fit:cover;border-radius:8px}.pkt-cl-set-name{padding:0 8px;font-family:var(--pkt-display);font-size:16px;line-height:1.15;overflow-wrap:break-word}.pkt-cl-sprache{align-self:flex-start;margin:0 8px;padding:0 8px;border-radius:999px;background:var(--t3);color:var(--deep);font-size:11px;font-weight:800;line-height:20px}.pkt-cl-neu{position:absolute;top:16px;left:16px;padding:0 8px;border-radius:999px;background:var(--gelb);color:var(--deep);font-family:var(--pkt-display);font-size:12px;line-height:20px;box-shadow:0 1px 2px #17233829}@media screen and (min-width:700px){.pkt-cl{--pkt-cl-rand: var(--s4)}.pkt-cl-krumen{font-size:13px}.pkt-cl-hero{padding:var(--s5) var(--pkt-cl-rand);background-image:var(--pkt-cl-schleier),var(--pkt-himmel, none)}.pkt-cl-krumen+.pkt-cl-hero{padding-top:var(--s6)}.pkt-cl-hero .pkt-h{font-size:48px}.pkt-cl-satz{font-size:16px}.pkt-cl-faecher{--pkt-cl-fw: 180px}.pkt-cl-chase{padding:var(--s5) 0 var(--s4)}.pkt-cl-chase .pkt-h,.pkt-cl-produkt .pkt-h{font-size:36px}.pkt-cl-reihe{scrollbar-width:thin}.pkt-cl-reihe .pkt-cl-karte{width:200px}.pkt-cl-hinweis{font-size:14px}.pkt-cl-werkzeuge{flex-direction:row;align-items:center;justify-content:space-between;padding-top:var(--s4)}.pkt-cl-filter{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.pkt-cl-suche{flex:none;width:320px}.pkt-cl-raster,.pkt-cl-sets{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.pkt-cl-produkt-bild{width:160px;height:160px}.pkt-cl-produkt-titel{font-size:16px}.pkt-cl-leiste-bild{width:56px;height:56px}.pkt-cl-leiste-titel{font-size:13px}.pkt-cl-leiste .pkt-cl-preis{font-size:18px}.pkt-cl-lb{padding:var(--s5) 96px}.pkt-cl-lb-bild{max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px)}.pkt-cl-lb-zurueck{top:50%;bottom:auto;left:24px;transform:translateY(-50%)}.pkt-cl-lb-weiter{top:50%;bottom:auto;right:24px;transform:translateY(-50%)}.pkt-cl-lb-zu{top:24px;right:24px}.pkt-cl-set-name{font-size:18px}}@media screen and (min-width:1000px){.pkt-cl-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);grid-template-rows:repeat(5,auto) 1fr;column-gap:48px;align-items:start}.pkt-cl-hero>*{grid-column:1}.pkt-cl-hero>.pkt-cl-btn{justify-self:start}.pkt-cl-hero>.pkt-cl-faecher{--pkt-cl-fw: 210px;grid-column:2;grid-row:1 / -1;align-self:center;margin:0}.pkt-cl-hero .pkt-h{font-size:56px}.pkt-cl-satz{font-size:17px}}@media screen and (min-width:1200px){.pkt-cl{--pkt-cl-rand: max(var(--s6), calc((100% - 1312px)/2) )}.pkt-cl-hero .pkt-h{font-size:60px}.pkt-cl-raster,.pkt-cl-sets{grid-template-columns:repeat(6,minmax(0,1fr))}.pkt-cl-chase .pkt-h,.pkt-cl-produkt .pkt-h{font-size:42px}}@media screen and (max-width:699px){.pkt-cl-leiste--varianten .pkt-cl-leiste-bild{display:none}.pkt-cl-leiste .pkt-cl-btn{padding:8px 16px}}@media(prefers-reduced-motion:reduce){.pkt-cl-btn,.pkt-cl-leiste,.pkt-cl-leiste--sichtbar,.pkt-cl-chip,.pkt-cl-karte,.pkt-cl-lb-knopf{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/pkt-cardlist.css.map */