.marken-kachel{display:flex;flex-direction:column;width:100%;border-radius:var(--di-rundung-bild);background:rgb(var(--background-secondary));color:rgb(var(--text-color));overflow:hidden;transition:background-color var(--di-dauer-hover) ease}.marken-kachel__logo{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;aspect-ratio:1;padding-inline:12px}.marken-kachel__bild{filter:brightness(0);mix-blend-mode:multiply}.marken-kachel__schriftzug{font-family:var(--heading-font-family);font-size:var(--di-schriftzug);font-weight:var(--heading-font-weight);line-height:1.1;letter-spacing:var(--heading-letter-spacing);text-align:center;overflow-wrap:anywhere}.marken-kachel__text{display:flex;flex:1;flex-direction:column;gap:2px;padding:var(--di-kachel-innen)}.marken-kachel__teaser{font-size:var(--di-klein);line-height:var(--di-klein-zeile)}.marken-kachel__fuss{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-block-start:auto;padding-block-start:6px;font-size:var(--di-klein)}.marken-kachel__fuss .di-pfeil{margin-inline-start:auto}.marken-kachel:focus-visible{outline-offset:calc(-1 * (var(--di-fokus-breite) + var(--di-fokus-abstand)))}.marken-kachel:active{background:var(--di-hover-chip)}@media(hover:hover){.marken-kachel:hover{background:var(--di-hover-chip)}.marken-kachel:hover .di-pfeil{transform:translate(2px)}}.marken-reihe{--marken-reihe-ausblenden: 56px;display:flex;gap:var(--di-rasterabstand);min-width:0;margin-inline:calc(-1 * var(--container-gutter));padding-inline:var(--container-gutter) var(--marken-reihe-ausblenden);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--marken-reihe-ausblenden)),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - var(--marken-reihe-ausblenden)),transparent 100%)}.marken-reihe>*{display:flex;flex:none;width:160px;margin:0;padding:0}.marken-reihe__abschluss>.produktreihe-abschluss{flex:1}@media screen and (min-width:1000px){.marken-reihe{position:relative;margin-inline:0;padding-inline:0;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}.marken-reihe>*{width:var(--di-spalten-2);scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/markenkachel.css.map */