.cats-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,180px);gap:1rem}.cats-grid .cat-card:nth-child(1){grid-row:1 / 3;grid-column:1 / span 2}.cats-grid .cat-card:nth-child(2){grid-row:1;grid-column:3 / span 2}.cats-grid .cat-card:nth-child(3){grid-row:1 / 3;grid-column:5 / span 2}.cats-grid .cat-card:nth-child(4){grid-row:2;grid-column:3 / span 2}.cats-grid .cat-card:nth-child(5){grid-row:3;grid-column:1 / span 2}.cats-grid .cat-card:nth-child(6){grid-row:3 / 5;grid-column:3 / span 2}.cats-grid .cat-card:nth-child(7){grid-row:3 / 5;grid-column:5 / span 2}.cats-grid .cat-card:nth-child(8){grid-row:4;grid-column:1 / span 2}.cats-grid .cat-card:nth-child(9){grid-row:5;grid-column:1 / -1;min-height:220px}.cats-grid .cat-card:nth-child(10){grid-row:6;grid-column:1 / span 3;min-height:200px}.cats-grid .cat-card:nth-child(11){grid-row:6;grid-column:4 / span 3;min-height:200px}.cats-grid .cat-card:nth-child(1) .cat-card__name,.cats-grid .cat-card:nth-child(3) .cat-card__name,.cats-grid .cat-card:nth-child(6) .cat-card__name,.cats-grid .cat-card:nth-child(7) .cat-card__name,.cats-grid .cat-card:nth-child(10) .cat-card__name{font-size:1.6rem}.cats-grid .cat-card:nth-child(1) .cat-card__icon,.cats-grid .cat-card:nth-child(3) .cat-card__icon,.cats-grid .cat-card:nth-child(6) .cat-card__icon,.cats-grid .cat-card:nth-child(7) .cat-card__icon,.cats-grid .cat-card:nth-child(10) .cat-card__icon{width:56px;height:56px;border-radius:14px}.cats-grid .cat-card:nth-child(1) .cat-card__icon svg,.cats-grid .cat-card:nth-child(3) .cat-card__icon svg,.cats-grid .cat-card:nth-child(6) .cat-card__icon svg,.cats-grid .cat-card:nth-child(7) .cat-card__icon svg,.cats-grid .cat-card:nth-child(10) .cat-card__icon svg{width:28px;height:28px}@media(max-width:767px){.cats-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:.75rem}.cats-grid .cat-card:nth-child(n){grid-row:auto;grid-column:auto}}@media(max-width:479px){.cats-grid{grid-template-columns:1fr;gap:.6rem}}.cat-card{border-radius:var(--radius);overflow:hidden;position:relative;min-height:180px;cursor:pointer;transition:all .5s var(--ease-luxury, var(--ease));display:block;text-decoration:none;color:#fff;box-shadow:0 4px 16px #00000014}.cat-card:hover{transform:translateY(-14px) scale(1.03);box-shadow:0 28px 70px #00000047,0 8px 20px #0000001f}.cat-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .7s var(--ease-luxury, var(--ease))}.cat-card:hover .cat-card__bg{transform:scale(1.12)}.cat-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#00000073,#000000b8);transition:opacity .5s var(--ease)}.cat-card:hover .cat-card__overlay{opacity:.9}html[data-category-art] .cat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;transition:opacity .6s var(--ease-luxury, var(--ease))}html[data-category-art=photo] .cat-card:after{-webkit-mask-image:linear-gradient(135deg,transparent 15%,#000 95%);mask-image:linear-gradient(135deg,transparent 15%,#000 95%)}html[data-category-art=photo] .art-on .cat-card:after{background:var(--art-photo) right center / cover no-repeat}html[data-category-art=line] .cat-card:after{background:var(--c-gold-light, #dbb088)}html[data-category-art=line] .art-on .cat-card:after{-webkit-mask:var(--art-line) right bottom / auto 72% no-repeat;mask:var(--art-line) right bottom / auto 72% no-repeat}html[data-category-art] .cat-card__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 55% 40% at 50% 52%,rgba(0,0,0,.55),transparent);opacity:0;transition:opacity .6s var(--ease-luxury, var(--ease))}html[data-category-art=photo] .cat-card:hover:after,html[data-category-art=photo] .cat-card:focus-visible:after{opacity:.75}html[data-category-art=line] .cat-card:hover:after,html[data-category-art=line] .cat-card:focus-visible:after{opacity:.6}html[data-category-art] .cat-card:hover .cat-card__content:before,html[data-category-art] .cat-card:focus-visible .cat-card__content:before{opacity:1}html[data-category-art=fade] .cat-card{--tile-time: .8s}html[data-category-art=fade] .cat-card:hover,html[data-category-art=fade] .cat-card:focus-visible{--tile-time: 1.2s}html[data-category-art=fade] .art-on .cat-card,html[data-category-art=fade] .cat-card:hover,html[data-category-art=fade] .cat-card:focus-visible{transition:all var(--tile-time) var(--ease-luxury, var(--ease));transition-delay:0s}html[data-category-art=fade] .cat-card__bg{transition:transform var(--tile-time) var(--ease-luxury, var(--ease))}html[data-category-art=fade] .cat-card:before,html[data-category-art=fade] .cat-card:after{background:right bottom / cover no-repeat}html[data-category-art=fade] .cat-card:before{--pic: var(--art-line-s);content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 140px 95px at 50% 50%,transparent 55%,#000 100%);mask-image:radial-gradient(ellipse 140px 95px at 50% 50%,transparent 55%,#000 100%);transform-origin:99% 93%;transition:opacity .35s var(--ease-luxury, var(--ease)),transform var(--tile-time) var(--ease-luxury, var(--ease))}html[data-category-art=fade] .cat-card:after{--pic: var(--art-soft-s, var(--art-photo));-webkit-mask-image:linear-gradient(135deg,transparent 15%,#000 95%);mask-image:linear-gradient(135deg,transparent 15%,#000 95%);transform-origin:99% 93%;transition:opacity .6s var(--ease-luxury, var(--ease)),transform var(--tile-time) var(--ease-luxury, var(--ease))}html[data-category-art=fade] .cat-card[data-shape=t]:before{--pic: var(--art-line-t, var(--art-line-s))}html[data-category-art=fade] .cat-card[data-shape=t]:after{--pic: var(--art-soft-t, var(--art-soft-s, var(--art-photo)))}html[data-category-art=fade] .cat-card[data-shape=h]:before{--pic: var(--art-line-h, var(--art-line-s))}html[data-category-art=fade] .cat-card[data-shape=h]:after{--pic: var(--art-soft-h, var(--art-soft-s, var(--art-photo)))}html[data-category-art=fade] .cat-card[data-shape=b]:before{--pic: var(--art-line-b, var(--art-line-s))}html[data-category-art=fade] .cat-card[data-shape=b]:after{--pic: var(--art-soft-b, var(--art-soft-s, var(--art-photo)))}html[data-category-art=fade] .cat-card[data-shape=s]{--zoom: 1.05}html[data-category-art=fade] .cat-card[data-shape=s]:before,html[data-category-art=fade] .cat-card[data-shape=s]:after{transform-origin:97% 85%}html[data-category-art=fade] .cat-card[data-shape=h]{--zoom: 1.08}html[data-category-art=fade] .cat-card[data-shape=h]:before,html[data-category-art=fade] .cat-card[data-shape=h]:after{transform-origin:99% 86%}html[data-category-art=fade] .cat-card[data-shape=b]:before,html[data-category-art=fade] .cat-card[data-shape=b]:after{transform-origin:99% 86%}html[data-category-art=fade] :where(.cats-grid.vis) .cat-card:before{background-image:var(--pic);opacity:.6}html[data-category-art=fade] .art-pre .cat-card:before{background-image:var(--pic)}@media(hover:hover){html[data-category-art=fade] :is(.art-on,.art-pre) .cat-card:after{background-image:var(--pic)}html[data-category-art=fade] .cat-card:hover:before,html[data-category-art=fade] .cat-card:focus-visible:before{opacity:0}html[data-category-art=fade] .cat-card:hover:after,html[data-category-art=fade] .cat-card:focus-visible:after{opacity:.75}html[data-category-art=fade] .cat-card__content:before{background:radial-gradient(ellipse 200px 105px at 50% 52%,rgba(0,0,0,.62) 30%,transparent)}html[data-category-art=fade] .cat-card[data-shape=b] .cat-card__content:before{background:radial-gradient(ellipse 22% 105px at 50% 52%,rgba(0,0,0,.62) 30%,transparent)}html[data-category-art=fade] .cg10 .cat-card__content:before{background:radial-gradient(ellipse 210px 110px at 50% 52%,rgba(0,0,0,.72) 35%,transparent)}html[data-category-art=fade] .cat-card[data-shape]:hover:before,html[data-category-art=fade] .cat-card[data-shape]:focus-visible:before,html[data-category-art=fade] .cat-card[data-shape]:hover:after,html[data-category-art=fade] .cat-card[data-shape]:focus-visible:after{transform:scale(var(--zoom, 1.1))}}@media(hover:none){html[data-category-art=photo] .cats-grid.vis .cat-card:after{background:var(--art-photo) right center / cover no-repeat;opacity:.5}html[data-category-art=line] .cats-grid.vis .cat-card:after{-webkit-mask:var(--art-line) right bottom / auto 72% no-repeat;mask:var(--art-line) right bottom / auto 72% no-repeat;opacity:.4}html[data-category-art] .cats-grid.vis .cat-card__content:before{opacity:1}}@media(prefers-reduced-motion:reduce){html[data-category-art] .cat-card:hover,html[data-category-art] .cat-card:hover .cat-card__bg{transform:none}html[data-category-art] .cat-card:before,html[data-category-art] .cat-card:after,html[data-category-art] .cat-card__content:before{transition:opacity .2s}html[data-category-art=fade] .cat-card,html[data-category-art=fade] .cat-card:hover,html[data-category-art=fade] .cat-card:focus-visible{--tile-time: .2s}html[data-category-art=fade] .cat-card[data-shape]:hover:before,html[data-category-art=fade] .cat-card[data-shape]:focus-visible:before,html[data-category-art=fade] .cat-card[data-shape]:hover:after,html[data-category-art=fade] .cat-card[data-shape]:focus-visible:after{transform:none}}.cat-card:where([href*="/collections/"]){--art-photo: url(art-photo-tile-fallback.webp);--art-line: url(art-line-tile-fallback.webp);--art-soft-s: url(art-soft-s-fallback.webp);--art-line-s: url(art-line-s-fallback.webp)}.cat-card[href$="/collections/bucher"]{--art-photo: url(art-photo-tile-bucher.webp);--art-line: url(art-line-tile-bucher.webp);--art-soft-s: url(art-soft-s-bucher.webp);--art-soft-t: url(art-soft-t-bucher.webp);--art-line-s: url(art-line-s-bucher.webp);--art-line-t: url(art-line-t-bucher.webp)}.cat-card[href$="/collections/horbucher-horspiele"]{--art-photo: url(art-photo-tile-horbucher-horspiele.webp);--art-line: url(art-line-tile-horbucher-horspiele.webp);--art-soft-s: url(art-soft-s-horbucher-horspiele.webp);--art-line-s: url(art-line-s-horbucher-horspiele.webp)}.cat-card[href$="/collections/fachbucher-lernen-nachschlagen"]{--art-photo: url(art-photo-tile-fachbucher-lernen-nachschlagen.webp);--art-line: url(art-line-tile-fachbucher-lernen-nachschlagen.webp);--art-soft-s: url(art-soft-s-fachbucher-lernen-nachschlagen.webp);--art-line-s: url(art-line-s-fachbucher-lernen-nachschlagen.webp)}.cat-card[href$="/collections/mangas-asiatische-comics"]{--art-photo: url(art-photo-tile-mangas-asiatische-comics.webp);--art-line: url(art-line-tile-mangas-asiatische-comics.webp);--art-soft-s: url(art-soft-s-mangas-asiatische-comics.webp);--art-soft-t: url(art-soft-t-mangas-asiatische-comics.webp);--art-line-s: url(art-line-s-mangas-asiatische-comics.webp);--art-line-t: url(art-line-t-mangas-asiatische-comics.webp)}.cat-card[href$="/collections/spielzeug"]{--art-photo: url(art-photo-tile-spielzeug.webp);--art-line: url(art-line-tile-spielzeug.webp);--art-soft-s: url(art-soft-s-spielzeug.webp);--art-soft-t: url(art-soft-t-spielzeug.webp);--art-line-s: url(art-line-s-spielzeug.webp);--art-line-t: url(art-line-t-spielzeug.webp)}.cat-card[href$="/collections/saisonales-feste"]{--art-photo: url(art-photo-tile-saisonales-feste.webp);--art-line: url(art-line-tile-saisonales-feste.webp);--art-soft-s: url(art-soft-s-saisonales-feste.webp);--art-line-s: url(art-line-s-saisonales-feste.webp)}.cat-card[href$="/collections/kalender"]{--art-photo: url(art-photo-tile-kalender-zeitplansysteme.webp);--art-line: url(art-line-tile-kalender-zeitplansysteme.webp);--art-soft-s: url(art-soft-s-kalender-zeitplansysteme.webp);--art-soft-t: url(art-soft-t-kalender-zeitplansysteme.webp);--art-line-s: url(art-line-s-kalender-zeitplansysteme.webp);--art-line-t: url(art-line-t-kalender-zeitplansysteme.webp)}.cat-card[href$="/collections/multimedia"]{--art-soft-s: url(art-soft-s-multimedia.webp);--art-line-s: url(art-line-s-multimedia.webp)}.cat-card[href$="/collections/sonderposten"]{--art-soft-s: url(art-soft-s-sonderposten.webp);--art-soft-h: url(art-soft-h-sonderposten.webp);--art-soft-b: url(art-soft-b-sonderposten.webp);--art-line-s: url(art-line-s-sonderposten.webp);--art-line-h: url(art-line-h-sonderposten.webp);--art-line-b: url(art-line-b-sonderposten.webp)}.cat-card[href$="/collections/all?sort_by=best-selling"]{--art-soft-s: url(art-soft-s-top-100.webp);--art-soft-h: url(art-soft-h-top-100.webp);--art-line-s: url(art-line-s-top-100.webp);--art-line-h: url(art-line-h-top-100.webp)}.cat-card[href$="/collections/elektronik"]{--art-soft-s: url(art-soft-s-elektronik.webp);--art-soft-h: url(art-soft-h-elektronik.webp);--art-line-s: url(art-line-s-elektronik.webp);--art-line-h: url(art-line-h-elektronik.webp)}.cat-card[href$="/collections/abenteuerromane"]{--art-soft-s: url(art-soft-s-abenteuerromane.webp);--art-line-s: url(art-line-s-abenteuerromane.webp)}.cat-card[href$="/collections/handbucher"]{--art-soft-s: url(art-soft-s-handbucher.webp);--art-line-s: url(art-line-s-handbucher.webp)}.cat-card[href$="/collections/rategeber"]{--art-soft-s: url(art-soft-s-rategeber.webp);--art-line-s: url(art-line-s-rategeber.webp)}.cat-card[href$="/collections/bildkarten"]{--art-soft-s: url(art-soft-s-bildkarten.webp);--art-line-s: url(art-line-s-bildkarten.webp)}.cat-card[href$="/collections/handarbeit"]{--art-soft-s: url(art-soft-s-handarbeit.webp);--art-line-s: url(art-line-s-handarbeit.webp)}.cat-card[href$="/collections/puzzles-geduldspiele"]{--art-soft-s: url(art-soft-s-puzzles-geduldspiele.webp);--art-line-s: url(art-line-s-puzzles-geduldspiele.webp)}.cat-card[href$="/collections/globen"]{--art-soft-s: url(art-soft-s-globen.webp);--art-line-s: url(art-line-s-globen.webp)}.cat-card__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.cat-card__icon{width:48px;height:48px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;transition:all .4s var(--ease-luxury, var(--ease));box-shadow:0 4px 12px #0000001a}.cat-card__icon svg{width:24px;height:24px;color:#fff;stroke:#fff}.cat-card:hover .cat-card__icon{background:var(--c-cream, #f5f0e8);transform:scale(1.15) translateY(-2px);box-shadow:0 8px 24px #00000040;border-color:#ffffff4d}.cat-card:hover .cat-card__icon svg{stroke:var(--c-dark, #1a1a1a)}.cat-card__name{font-family:var(--font-display);font-size:1.2rem;font-weight:400;margin:0 0 .3rem;line-height:1.25;color:#fff}.cat-card__count{font-family:var(--font-ui);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3}.cat-card__arrow{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:var(--radius-full, 50%);background:#fff3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(12px);transition:opacity .35s var(--ease),transform .35s var(--ease);z-index:3}.cat-card__arrow svg{width:16px;height:16px}.cat-card:hover .cat-card__arrow{opacity:1;transform:translate(0)}.cg1 .cat-card__bg{background:linear-gradient(135deg,#1a3d24,#2d6b42,#3d9a5a)}.cg2 .cat-card__bg{background:linear-gradient(135deg,#3d2814,#7a4f28,#b8783c)}.cg3 .cat-card__bg{background:linear-gradient(135deg,#2a1535,#5a2d6b,#8040a0)}.cg4 .cat-card__bg{background:linear-gradient(135deg,#0d3a3f,#1a6b6f,#289a9a)}.cg5 .cat-card__bg{background:linear-gradient(135deg,#1a2a4a,#2d4a7a,#3d6aaa)}.cg6 .cat-card__bg{background:linear-gradient(135deg,#4a1a1a,#7a2d2d,#aa4040)}.cg7 .cat-card__bg{background:linear-gradient(135deg,#2d2d2d,#4a4a4a,#6a6a6a)}.cg8 .cat-card__bg{background:linear-gradient(135deg,#3d2000,#7a4a10,#b87020)}.cg9 .cat-card__bg{background:linear-gradient(135deg,#4a2010,#8a4020,#c86030)}.cg10{box-shadow:0 8px 32px #c8956c59,0 0 0 1px #f0d4a840}.cg10 .cat-card__bg{top:-50%;right:-100%;bottom:-50%;left:0;background:linear-gradient(135deg,#6b4a10,#b8862a,#f0d488,#b8862a,#6b4a10);animation:cgGoldShimmer 8s ease infinite}@keyframes cgGoldShimmer{0%,to{translate:0}50%{translate:-50%}}.cg10 .cat-card__overlay{background:radial-gradient(ellipse at center,#0000004d,#3c28008c)}.cg10 .cat-card__icon{background:#ffffff2e;border-color:#ffebc866;box-shadow:0 6px 20px #0003,inset 0 1px #fff3}.cg10 .cat-card__count{color:#ffebc8e6;font-weight:800}.cg10:hover{box-shadow:0 28px 70px #c8956c8c,0 0 0 1px #f0d4a866}.cg11 .cat-card__bg{background:linear-gradient(135deg,#0f1626,#1e2b4a,#3a5378)}@media(max-width:767px){.cat-card{min-height:200px}.cat-card__content{padding:1.25rem}.cat-card__name{font-size:1.1rem}.cats-grid .cat-card:nth-child(1) .cat-card__name,.cats-grid .cat-card:nth-child(3) .cat-card__name,.cats-grid .cat-card:nth-child(6) .cat-card__name{font-size:1.2rem}}@media(max-width:479px){.cat-card{min-height:180px}.cat-card__content{padding:1rem}.cat-card__icon{width:40px;height:40px;border-radius:10px;margin-bottom:.5rem}.cat-card__icon svg{width:20px;height:20px}.cat-card__name{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-category-tiles.css.map */