.kwt-set{--navy:#001232;--amber:#f59c00;--mint:#7ee8b5;--lav:#c9cfea;--gray:#f2f3f5;--ease:cubic-bezier(.22,1,.36,1);font-family:Poppins,system-ui,sans-serif}.kwt-set *,.kwt-set *:before,.kwt-set *:after{box-sizing:border-box}.kwt-tile{--bg:var(--mint);--ink:var(--navy);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:5/4;padding:14px 16px;border-radius:12px;background:var(--bg);color:var(--ink);text-decoration:none;transition:transform .45s var(--ease)}.kwt-tile:hover{transform:translateY(-3px)}.kwt-tile:after{content:"";position:absolute;z-index:-2;right:-20%;bottom:-30%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.35),transparent);pointer-events:none}.kwt-tile--navy:after{background:radial-gradient(closest-side,rgba(126,232,181,.18),transparent)}.kwt-rings{position:absolute;z-index:-2;right:-38%;top:-22%;width:110%;aspect-ratio:1;color:var(--ink);opacity:.1;pointer-events:none}.kwt-tile--navy .kwt-rings{opacity:.16}.kwt-tile--menu .kwt-art{left:auto;right:-6%;bottom:-8%;width:86%;height:78%}.kwt-tile--menu .kwt-sub{max-width:16ch}.kwt-tile:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.kwt-tile--navy{--bg:var(--navy);--ink:#fff}.kwt-tile--amber{--bg:var(--amber)}.kwt-tile--lav{--bg:var(--lav)}.kwt-tile--gray{--bg:var(--gray)}.kwt-tile--amber:focus-visible,.kwt-tile--mint:focus-visible{outline-color:var(--navy)}.kwt-title{margin:0;font-weight:700;font-size:16px;line-height:1.15;letter-spacing:-.01em;max-width:14ch;padding-right:30px}.kwt-sub{margin:4px 0 0;font-size:12px;line-height:1.35;opacity:.85;max-width:20ch}.kwt-go{position:absolute;z-index:2;right:12px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg);transform:rotate(-45deg);transition:transform .4s var(--ease)}.kwt-go svg{width:14px;height:14px}.kwt-tile:hover .kwt-go,.kwt-tile:focus-visible .kwt-go{transform:rotate(0)}.kwt-art{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:60%;pointer-events:none}.kwt-art svg{width:100%;height:100%;overflow:visible}.kwt-art *{transform-box:fill-box}.kwt-tile--wide{aspect-ratio:auto}.kwt-big{margin:0;font-weight:700;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:.95;letter-spacing:-.03em}.kwt-tile .a-squish{transform-origin:50% 100%;animation:kwt-squish 3s ease-in-out infinite}.kwt-tile .a-cycle{animation:kwt-cycle 6s steps(1) infinite}.kwt-tile .a-sweep{animation:kwt-sweep 3s var(--ease) infinite}.kwt-tile .a-peel{transform-origin:50% 0%;animation:kwt-peel 6s var(--ease) infinite}.kwt-tile .a-glass{animation:kwt-glass 6s var(--ease) infinite}.kwt-tile .a-spark{transform-origin:50% 50%;animation:kwt-spark 3s ease-in-out infinite;opacity:0}.kwt-tile .a-ring{transform-origin:50% 100%;animation:kwt-ring 6s var(--ease) infinite}.kwt-tile .a-card{animation:kwt-card 6s var(--ease) infinite}.kwt-tile .a-snap{animation:kwt-snap 6s var(--ease) infinite}.kwt-tile .a-pulse{transform-origin:50% 50%;animation:kwt-pulse 6s var(--ease) infinite;opacity:0}.kwt-tile .a-drop{animation:kwt-drop 6s var(--ease) infinite}.kwt-tile .a-zip{animation:kwt-zip 6s var(--ease) infinite}.kwt-tile .a-flap{transform-origin:0% 50%;animation:kwt-flap 6s var(--ease) infinite}.kwt-tile .a-swing{transform-origin:50% 0%;animation:kwt-swing 3s ease-in-out infinite}.kwt-tile .a-page{transform-origin:0% 50%;animation:kwt-page 3s var(--ease) infinite}.kwt-tile .a-band{animation:kwt-band 6s steps(1) infinite}.kwt-tile .a-wave{transform-origin:0% 50%;animation:kwt-wave 2s ease-out infinite;opacity:0}.kwt-tile .a-wave-2{animation-delay:.6s}.kwt-tile .a-wave-3{animation-delay:1.2s}.kwt-tile .a-strike{stroke-dasharray:100;stroke-dashoffset:100;animation:kwt-strike 6s var(--ease) infinite}.kwt-tile .a-new{transform-origin:0% 50%;animation:kwt-new 6s var(--ease) infinite}.kwt-tile .a-spin{transform-origin:50% 50%;animation:kwt-spin 12s linear infinite}.kwt-tile .d-1{animation-delay:.25s}.kwt-tile .d-2{animation-delay:.5s}@keyframes kwt-squish{0%,to{transform:scale(1)}22%{transform:scale(1.045,.955)}44%{transform:scale(1)}}@keyframes kwt-cycle{0%{fill:#001232}3%{fill:#f59c00}19%{fill:#fff}35%{fill:#1d5461}51%{fill:#bd7871}67%{fill:#7ee8b5}83%{fill:#001232}}@keyframes kwt-sweep{0%{transform:translate(-120px)}60%,to{transform:translate(160px)}}@keyframes kwt-peel{0%{transform:scaleY(0)}20%,75%{transform:scaleY(1)}92%,to{transform:scaleY(0)}}@keyframes kwt-glass{0%{transform:translateY(-70px);opacity:0}18%,78%{transform:translateY(0);opacity:1}94%,to{transform:translateY(-70px);opacity:0}}@keyframes kwt-spark{0%{opacity:0;transform:scale(.3)}22%{opacity:1;transform:scale(1)}60%,to{opacity:0;transform:scale(.3)}}@keyframes kwt-ring{0%{transform:rotate(0)}18%,72%{transform:rotate(-70deg)}90%,to{transform:rotate(0)}}@keyframes kwt-card{0%,6%{transform:translateY(-46px);opacity:0}8%{opacity:1}24%,86%{transform:translateY(0);opacity:1}96%,to{transform:translateY(-46px);opacity:0}}@keyframes kwt-snap{0%{transform:translate(90px);opacity:0}16%,78%{transform:translate(0);opacity:1}94%,to{transform:translate(90px);opacity:0}}@keyframes kwt-pulse{0%,13%{opacity:0;transform:scale(1)}15%{opacity:.9}34%,to{opacity:0;transform:scale(1.8)}}@keyframes kwt-drop{0%{transform:translateY(-80px)}18%,70%{transform:translateY(0)}90%,to{transform:translateY(-80px)}}@keyframes kwt-zip{0%,12%{transform:translate(-62px)}26%,72%{transform:translate(0)}88%,to{transform:translate(-62px)}}@keyframes kwt-flap{0%{transform:scaleX(1)}20%,70%{transform:scaleX(-.05)}95%,to{transform:scaleX(1)}}@keyframes kwt-swing{0%,to{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}@keyframes kwt-page{0%,3%{transform:scaleX(1)}42%,to{transform:scaleX(-1)}}@keyframes kwt-band{0%{fill:#7ee8b5}3%{fill:#f59c00}28%{fill:#1d5461}53%{fill:#bd7871}78%{fill:#7ee8b5}}@keyframes kwt-wave{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes kwt-strike{0%{stroke-dashoffset:100}14%,86%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100}}@keyframes kwt-new{0%,8%{transform:scaleX(0);opacity:0}22%,86%{transform:scaleX(1);opacity:1}96%,to{transform:scaleX(0);opacity:0}}@keyframes kwt-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.kwt-tile *,.kwt-tile{animation:none!important;transition:none!important}.kwt-tile .a-peel,.kwt-tile .a-glass,.kwt-tile .a-card,.kwt-tile .a-snap,.kwt-tile .a-new{transform:none;opacity:1}.kwt-tile .a-strike{stroke-dashoffset:0}}.kwt-tile[data-name=handy-lanyards] .kwt-art{height:50%}.kwt-mm{display:grid;gap:8px;align-items:stretch}.kwt-mm .kwt-group,.kwt-mm .kwt-grid{display:contents}.kwt-mm .kwt-group__h{grid-row:1;margin:0;padding:7px 10px;background:#1c2a45;color:#fff;font-size:11px;font-weight:500;border-radius:2px}.kwt-mm .kwt-tile{aspect-ratio:auto;min-height:0}.kwt-mm--tablet{grid-template-columns:repeat(12,minmax(0,1fr))}.kwt-mm--tablet .kwt-group:nth-child(1) .kwt-group__h{grid-column:1 / 7}.kwt-mm--tablet .kwt-group:nth-child(2) .kwt-group__h{grid-column:7 / 13}.kwt-mm--tablet [data-name=ereader-soft]{grid-area:2 / 1 / 3 / 4;aspect-ratio:3/2}.kwt-mm--tablet [data-name=ereader-flip]{grid-area:2 / 4 / 3 / 7}.kwt-mm--tablet [data-name=ereader-taschen]{grid-area:3 / 1 / 4 / 3;aspect-ratio:1}.kwt-mm--tablet [data-name=ereader-displayschutz]{grid-area:3 / 3 / 4 / 5}.kwt-mm--tablet [data-name=tablet-soft]{grid-area:2 / 7 / 3 / 10}.kwt-mm--tablet [data-name=tablet-flip]{grid-area:2 / 10 / 3 / 13}.kwt-mm--tablet [data-name=tablet-taschen]{grid-area:3 / 7 / 4 / 9}.kwt-mm--tablet [data-name=tablet-displayschutz]{grid-area:3 / 9 / 4 / 11}.kwt-mm--tablet [data-name=tablet-staender]{grid-area:3 / 11 / 4 / 13}.kwt-mm--fitness{grid-template-columns:repeat(5,minmax(0,1fr))}.kwt-mm--fitness .kwt-group:nth-child(1) .kwt-group__h{grid-column:1 / 3}.kwt-mm--fitness .kwt-group:nth-child(2) .kwt-group__h{grid-column:3 / 5}.kwt-mm--fitness .kwt-group:nth-child(3) .kwt-group__h{grid-column:5 / 6}.kwt-mm--fitness [data-name=bikegps-huellen]{grid-area:2 / 1 / 3 / 3}.kwt-mm--fitness [data-name=bikegps-halterungen]{grid-area:3 / 1}.kwt-mm--fitness [data-name=bikegps-displayschutz]{grid-area:3 / 2}.kwt-mm--fitness [data-name=watch-armbaender]{grid-area:2 / 3;aspect-ratio:5/4}.kwt-mm--fitness [data-name=watch-huellen]{grid-area:2 / 4}.kwt-mm--fitness [data-name=watch-ladegeraete]{grid-area:3 / 3;aspect-ratio:5/4}.kwt-mm--fitness [data-name=watch-displayschutz]{grid-area:3 / 4}.kwt-mm--fitness [data-name=handgeraete-huellen]{grid-area:2 / 5}.kwt-mm--fitness [data-name=handgeraete-folien]{grid-area:3 / 5}.kwt-mm--tv-audio{grid-template-columns:repeat(5,minmax(0,1fr))}.kwt-mm--tv-audio .kwt-group:nth-child(1) .kwt-group__h{grid-column:1 / 3}.kwt-mm--tv-audio .kwt-tile{grid-row:2;aspect-ratio:4/5}.kwt-mm--gadgets{grid-template-columns:repeat(12,minmax(0,1fr))}.kwt-mm--gadgets .kwt-group:nth-child(1) .kwt-group__h{grid-column:1 / 7}.kwt-mm--gadgets .kwt-group:nth-child(2) .kwt-group__h{grid-column:7 / 10}.kwt-mm--gadgets .kwt-group:nth-child(3) .kwt-group__h{grid-column:10 / 13}.kwt-mm--gadgets [data-name=laptop-zubehoer]{grid-area:2 / 1 / 3 / 5}.kwt-mm--gadgets [data-name=monitor-zubehoer]{grid-area:2 / 5 / 3 / 7;aspect-ratio:1}.kwt-mm--gadgets [data-name=tastatur-zubehoer]{grid-area:3 / 1 / 4 / 3;aspect-ratio:1}.kwt-mm--gadgets [data-name=maus-zubehoer]{grid-area:3 / 3 / 4 / 5}.kwt-mm--gadgets [data-name=drucker-zubehoer]{grid-area:3 / 5 / 4 / 7}.kwt-mm--gadgets [data-name=autoschluessel]{grid-area:2 / 7 / 4 / 10}.kwt-mm--gadgets [data-name=gadgets]{grid-area:2 / 10 / 4 / 13}@media(max-width:900px){.kwt-mm{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kwt-mm .kwt-group__h,.kwt-mm .kwt-tile{grid-area:auto!important}.kwt-mm .kwt-group__h{grid-column:1 / -1!important;margin-top:6px}.kwt-mm .kwt-tile{aspect-ratio:1!important}.kwt-mm .kwt-tile--menu .kwt-art{height:64%!important}}.kwt-mm .kwt-tile--menu .kwt-art{right:0}.kwt-mm--tv-audio .kwt-tile--menu .kwt-art,.kwt-mm--gadgets [data-name=autoschluessel] .kwt-art,.kwt-mm--gadgets [data-name=gadgets] .kwt-art{bottom:-2%;height:74%}.kwt-mm [data-name=bikegps-huellen] .kwt-art,.kwt-mm [data-name=laptop-zubehoer] .kwt-art{height:88%}.kwt-mm [data-name=bikegps-huellen] .kwt-sub,.kwt-mm [data-name=laptop-zubehoer] .kwt-sub{max-width:22ch}.kwt-tile .a-on{transform:var(--off);animation:kwt-on 6s var(--ease) infinite}.kwt-tile .a-away{animation:kwt-away 6s var(--ease) infinite}.kwt-tile .a-glare{animation:kwt-glare 6s var(--ease) infinite}.kwt-tile .a-rot{transform-origin:50% 50%;animation:kwt-rot 6s var(--ease) infinite}.kwt-tile .a-strap{animation:kwt-strap 3s var(--ease) infinite,kwt-swap 6s steps(1) infinite}.kwt-tile .a-fill{transform-origin:0% 50%;transform:scaleX(.25);animation:kwt-fill 6s var(--ease) infinite}.kwt-tile .a-roll{transform-origin:50% 0%;transform:scaleY(.16);animation:kwt-roll 6s var(--ease) infinite}.kwt-tile .a-lid{transform-origin:0% 100%;animation:kwt-lid 6s var(--ease) infinite}.kwt-tile .a-pop{animation:kwt-pop 6s var(--ease) infinite}.kwt-tile .a-paper{transform:translateY(-30px);animation:kwt-paper 6s var(--ease) infinite}.kwt-tile .a-bass{transform-origin:50% 100%;animation:kwt-bass 1s ease-in-out infinite}.kwt-tile .a-press{transform-origin:50% 50%;animation:kwt-press 3s var(--ease) infinite}.kwt-tile .a-sway{animation:kwt-sway 3s ease-in-out infinite}.kwt-tile .a-cycle2{animation:kwt-cycle2 6s steps(1) infinite}.kwt-tile .a-dash{animation:kwt-dash 1s linear infinite}.kwt-tile .a-blink{animation:kwt-blink 2s ease-in-out infinite}@keyframes kwt-on{0%{transform:var(--off)}18%,74%{transform:none}94%,to{transform:var(--off)}}@keyframes kwt-away{0%{transform:none}18%,70%{transform:var(--off)}92%,to{transform:none}}@keyframes kwt-glare{0%{opacity:.6}18%,74%{opacity:0}94%,to{opacity:.6}}@keyframes kwt-rot{0%{transform:rotate(0)}20%,70%{transform:rotate(-90deg)}94%,to{transform:rotate(0)}}@keyframes kwt-strap{0%,3%{transform:none;opacity:1}22%{transform:var(--off);opacity:0}42%,to{transform:none;opacity:1}}@keyframes kwt-swap{0%{fill:var(--c1)}11%{fill:var(--c2)}61%{fill:var(--c1)}}@keyframes kwt-fill{0%,3%{transform:scaleX(.25)}38%,84%{transform:scaleX(1)}96%,to{transform:scaleX(.25)}}@keyframes kwt-roll{0%{transform:scaleY(.16)}20%,74%{transform:scaleY(1)}94%,to{transform:scaleY(.16)}}@keyframes kwt-lid{0%{transform:rotate(0)}18%,70%{transform:rotate(var(--r,-38deg))}94%,to{transform:rotate(0)}}@keyframes kwt-pop{0%,4%{transform:none}22%,66%{transform:translateY(var(--y,-12px))}90%,to{transform:none}}@keyframes kwt-paper{0%,5%{transform:translateY(-30px);opacity:1}26%,74%{transform:none;opacity:1}90%{transform:translateY(8px);opacity:0}to{transform:translateY(-30px);opacity:0}}@keyframes kwt-bass{0%,to{transform:scale(1)}50%{transform:scale(1.035,.975)}}@keyframes kwt-press{0%,2%{transform:scale(1)}8%{transform:scale(.82)}18%,to{transform:scale(1)}}@keyframes kwt-sway{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes kwt-cycle2{0%{fill:#f59c00}16.6%{fill:#7ee8b5}33.3%{fill:#fff}50%{fill:#c9cfea}66.6%{fill:#bd7871}83.3%{fill:#4fa3a5}}@keyframes kwt-dash{to{stroke-dashoffset:-8}}@keyframes kwt-blink{0%,to{opacity:1}50%{opacity:.45}}.kwt-tile:not(:hover):not(:focus-visible) *,.kwt-tile:not(:hover):not(:focus-visible):after{animation:none!important}.kw-content-menu .kwt-title,.kw-content-menu .kwt-sub{color:inherit}.kw-content-menu .kwt-set{padding:4px}.kwt-menu{display:grid;grid-template-columns:2.6fr 1.05fr 1.05fr;gap:12px;align-items:start}.kwt-menu .kwt-group__h{margin:0 0 8px;padding:7px 10px;background:#1c2a45;color:#fff;font-size:12px;line-height:1.4;font-weight:500;border-radius:2px}.kwt-menu .kwt-grid{display:grid;gap:8px}.kwt-menu .kwt-group:first-child .kwt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kwt-menu .kwt-tile{min-height:180px}.kw-content-menu .kwt-tile{width:100%;min-width:0}.kw-content-menu .kwt-title{max-width:none;line-height:1.2;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.kw-content-menu .kwt-sub{line-height:1.4}.kw-content-menu .kwt-tile:focus-visible{outline:3px solid #001232;outline-offset:2px;box-shadow:inset 0 0 0 2px #fff}@media(min-width:990px)and (max-width:1199px){.kwt-menu .kwt-group:first-child .kwt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:989px){.kwt-menu{grid-template-columns:1fr}.kwt-menu .kwt-grid,.kwt-menu .kwt-group:first-child .kwt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-content-menu .kwt-mm{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kw-content-menu .kwt-mm .kwt-group__h,.kw-content-menu .kwt-mm .kwt-tile{grid-area:auto!important}.kw-content-menu .kwt-mm .kwt-group__h{grid-column:1 / -1!important;margin-top:6px}.kw-content-menu .kwt-tile{aspect-ratio:1!important;min-height:190px}.kw-content-menu .kwt-title{font-size:15px;padding-right:20px}.kw-content-menu .kwt-go{right:8px;top:8px;width:24px;height:24px}.kw-content-menu .kwt-sub{font-size:12px}}@media(max-width:420px){.kw-content-menu .kwt-mm,.kwt-menu .kwt-grid,.kwt-menu .kwt-group:first-child .kwt-grid{grid-template-columns:1fr!important}.kw-content-menu .kwt-tile{aspect-ratio:3 / 2!important;min-height:210px}.kw-content-menu .kwt-tile--menu .kwt-art{height:76%!important;width:76%}.kw-content-menu .kwt-title{font-size:17px}}@media(max-width:989px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.kw-content-menu .kwt-tile,.kw-content-menu .kwt-tile *,.kw-content-menu .kwt-tile:after{animation:none!important;transition:none!important}.kw-content-menu .kwt-tile:hover{transform:none}.kw-content-menu .a-peel,.kw-content-menu .a-glass,.kw-content-menu .a-card,.kw-content-menu .a-snap,.kw-content-menu .a-new{transform:none;opacity:1}.kw-content-menu .a-strike{stroke-dashoffset:0}}@media(min-width:990px){.kw-content-menu .kwt-menu[data-set=smartphone]{align-items:stretch}.kw-content-menu .kwt-menu[data-set=smartphone] .kwt-grid{height:clamp(400px,32vw,568px);grid-template-rows:repeat(2,minmax(0,1fr))}.kw-content-menu .kwt-menu[data-set=smartphone] .kwt-group:first-child .kwt-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.kw-content-menu .kwt-menu[data-set=smartphone] .kwt-group:first-child .kwt-tile{grid-column:span 2}.kw-content-menu .kwt-menu[data-set=smartphone] .kwt-group:first-child .kwt-tile:nth-child(n+4){grid-column:span 3}.kw-content-menu .kwt-menu[data-set=smartphone] .kwt-tile{aspect-ratio:auto;min-height:0;height:100%}.kw-content-menu .kwt-mm--tablet{grid-template-rows:auto repeat(2,clamp(190px,16vw,280px))}.kw-content-menu .kwt-mm--tablet .kwt-tile{aspect-ratio:auto;min-height:0}.kw-content-menu .kwt-mm--tablet [data-name=ereader-taschen]{grid-area:3 / 1 / 4 / 4}.kw-content-menu .kwt-mm--tablet [data-name=ereader-displayschutz]{grid-area:3 / 4 / 4 / 7}}@media(min-width:990px){.kw-content-menu .kwt-menu[data-set=smartphone] .kwt-group:first-child .kwt-tile:nth-child(-n+3) .kwt-art{height:56%}}@media(min-width:990px)and (max-width:1199px){.kw-content-menu .kwt-menu[data-set=smartphone] .kwt-grid{height:480px}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/kw-menu-tiles-v2.css.map */