.marken{display:block;--marken-rahmen: color-mix(in srgb, currentColor 14%, transparent);--marken-flaeche: color-mix(in srgb, var(--marken-akzent, #f0a04b) 5%, transparent);--marken-header: var(--header-height, 8rem)}body:not(:has(.header[is=sticky-header])) .marken{--marken-header: 0px}.marken__leiste{position:sticky;top:calc(var(--marken-header) + 1.2rem);z-index:5;margin-block-end:2.8rem}.marken__leiste-innen{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;padding:1.2rem 1.4rem;border-radius:calc(var(--marken-radius, 10px) * 1.6);background:color-mix(in srgb,var(--marken-akzent, #f0a04b) 24%,rgb(var(--color-background)));box-shadow:0 2px 10px rgb(var(--color-foreground) / 6%)}.marken__buchstabe{flex:1 1 auto;display:grid;place-items:center;min-width:3.2rem;max-width:5.2rem;height:4.4rem;padding-inline:.4rem;border:1px solid color-mix(in srgb,var(--marken-akzent, #f0a04b) 45%,transparent);border-radius:calc(var(--marken-radius, 10px) * .8);background:rgb(var(--color-background));color:color-mix(in srgb,var(--marken-akzent, #f0a04b) 70%,rgb(var(--color-foreground)));text-decoration:none;font-size:var(--font-size--paragraph);font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .15s,color .15s,border-color .15s}.marken__buchstabe--breit{min-width:4.6rem;max-width:6.4rem}a.marken__buchstabe:hover{border-color:var(--marken-akzent, #f0a04b);background:color-mix(in srgb,var(--marken-akzent, #f0a04b) 18%,rgb(var(--color-background)))}a.marken__buchstabe:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}a.marken__buchstabe.is-aktiv{background:var(--marken-akzent, #f0a04b);border-color:color-mix(in srgb,var(--marken-akzent, #f0a04b) 80%,rgb(var(--color-foreground)));color:rgb(var(--color-foreground))}.marken__buchstabe.is-leer{opacity:.45;cursor:default;background:transparent;border-color:transparent}.marken__kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-block-end:1.6rem}.marken__suche{position:relative;flex:1 1 16rem;max-width:22rem}.marken__suche-icon{position:absolute;inset-inline-start:.85rem;inset-block-start:50%;transform:translateY(-50%);display:flex;opacity:.5;pointer-events:none}.marken__suche-feld{width:100%;padding:.65rem .9rem .65rem 2.6rem;border:1px solid var(--marken-rahmen);border-radius:999px;background:rgb(var(--color-background));color:inherit;font-size:var(--font-size--paragraph-small);font-family:var(--font-body--family)}.marken__suche-feld:focus-visible{outline:2px solid var(--marken-akzent, #f0a04b);outline-offset:1px}.marken__zaehler{margin:0;font-size:calc(var(--font-size--paragraph) * .866667);opacity:.7;font-variant-numeric:tabular-nums}.marken__gruppen{display:flex;flex-direction:column;gap:1.2rem}.marken__gruppe{scroll-margin-top:calc(var(--marken-header) + var(--marken-leiste-h, 7rem) + 2.4rem)}.marken__gruppe[hidden]{display:none}.marken__gruppe-kopf{display:flex;align-items:center;gap:.7rem;width:100%;padding:.5rem .2rem;border:none;border-block-end:2px solid var(--marken-akzent, #f0a04b);background:none;color:inherit;cursor:pointer;font-family:var(--font-body--family);text-align:start}.marken__gruppe-kopf:focus-visible{outline:2px solid var(--marken-akzent, #f0a04b);outline-offset:2px}.marken__gruppe-buchstabe{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding-inline:.35rem;border-radius:calc(var(--marken-radius, 10px) * .5);background:var(--marken-akzent, #f0a04b);color:rgb(var(--color-foreground));font-size:var(--font-size--paragraph-small);font-weight:700}.marken__gruppe-anzahl{margin-inline-end:auto;font-size:calc(var(--font-size--paragraph) * .8);opacity:.6;font-variant-numeric:tabular-nums}.marken__gruppe-pfeil{display:flex;opacity:.6;transition:transform .2s}.marken__gruppe-kopf[aria-expanded=false] .marken__gruppe-pfeil{transform:rotate(180deg)}.marken__gruppe-kopf[aria-expanded=false]+.marken__raster{display:none}.marken__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--marken-min, 130px),1fr));gap:.7rem;padding-block:1rem}.marken__kachel{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;color:inherit;text-decoration:none}.marken__kachel[hidden]{display:none}a.marken__kachel:hover .marken__logo{border-color:var(--marken-akzent, #f0a04b);transform:translateY(-2px);box-shadow:0 4px 14px color-mix(in srgb,currentColor 10%,transparent)}a.marken__kachel:focus-visible{outline:none}a.marken__kachel:focus-visible .marken__logo{outline:2px solid var(--marken-akzent, #f0a04b);outline-offset:2px}.marken__logo{display:grid;place-items:center;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;aspect-ratio:16 / 10;overflow:hidden;padding:1.1rem;border:1px solid var(--marken-rahmen);border-radius:var(--marken-radius, 10px);background:#fff;transition:border-color .15s,transform .12s,box-shadow .15s}.marken__logo-bild{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.marken__logo-ersatz{font-size:var(--font-size--paragraph-small);font-weight:600;text-align:center;line-height:1.25;opacity:.75;padding:.3rem}.marken__name{font-size:calc(var(--font-size--paragraph) * .866667);line-height:1.25;text-align:center;opacity:.8;text-wrap:balance}.marken__nichts{padding:2.5rem 1rem;text-align:center;font-size:var(--font-size--paragraph);opacity:.7}.marken__nichts[hidden]{display:none}@media(max-width:700px){.marken__leiste-innen{justify-content:flex-start;gap:.5rem;padding:.9rem 1rem}.marken__buchstabe{flex:0 0 auto;min-width:3.6rem;height:3.6rem}.marken__buchstabe--breit{min-width:4.4rem}.marken__raster{grid-template-columns:repeat(3,1fr);gap:.5rem}.marken__kachel{padding:.6rem .4rem}.marken__logo{padding:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/marken-az.css.map */