.gtx-farb{padding-top:var(--gtx-pt, 8px);padding-bottom:var(--gtx-pb, 56px);background:var(--gtx-bg, transparent);color:var(--gtx-text, #1c1d1d)}.gtx-farb__head{margin-bottom:20px}.gtx-farb__head--center{text-align:center}.gtx-farb__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}@media only screen and (min-width:750px){.gtx-farb__grid{grid-template-columns:repeat(var(--gtx-cols, 5),minmax(0,1fr));gap:18px}}.gtx-farb__item{margin:0}.gtx-farb__kachel{display:flex;flex-direction:column;height:100%;padding:10px 10px 14px;border:1px solid var(--gtx-border, rgba(28, 29, 29, .14));border-radius:14px;background:var(--gtx-surface, #fff);color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.gtx-farb__kachel--statisch{cursor:default}.gtx-farb__flaeche{position:relative;display:block;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#f4f4f5}.gtx-farb__flaeche img,.gtx-farb__flaeche image-element,.gtx-farb__flaeche .image-element{display:block;width:100%;height:100%;object-fit:cover}.gtx-farb__flaeche:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;box-shadow:inset 0 0 0 1px #1c1d1d1a;pointer-events:none}.gtx-farb__flaeche--leer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#eeeef0 0 8px,#f6f6f7 8px 16px)}.gtx-farb__badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:var(--gtx-accent, #020057);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em}.gtx-farb__text{display:block;padding:12px 4px 0}.gtx-farb__name{display:block;font-size:15px;font-weight:600;line-height:1.3}.gtx-farb__meta{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:color-mix(in srgb,currentColor 66%,transparent)}@media(hover:hover){a.gtx-farb__kachel:hover{transform:translateY(-2px);border-color:var(--gtx-accent, #020057);box-shadow:0 12px 28px -20px var(--gtx-accent, #020057)}}a.gtx-farb__kachel:focus-visible{outline:2px solid var(--gtx-accent, #020057);outline-offset:3px}.gtx-farb__kachel[aria-current=page]{border-color:var(--gtx-accent, #020057);box-shadow:inset 0 0 0 1px var(--gtx-accent, #020057)}@media(prefers-reduced-motion:reduce){.gtx-farb__kachel,a.gtx-farb__kachel:hover{transition:none;transform:none}}@media only screen and (max-width:749px){.gtx-farb__kachel{padding:8px 8px 12px}.gtx-farb__name{font-size:14px}.gtx-farb__meta{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/glantex-farbauswahl.css.map */