.cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 2px; align-items: stretch; }  .card { display: flex; flex-direction: column; height: 100%; border-radius: 0px;  border: 1px solid rgba(0,0,0,.08);  background: #fff;  text-decoration: none; box-shadow: 0 1px 6px rgba(0,0,0,.06); transition: transform .18s ease, box-shadow .18s ease; overflow: hidden; padding: 12px;  box-sizing: border-box; }  .card img, .card picture, .card .bricks-image { width: 100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 0px;  }  .card-content { display: flex; flex-direction: column; gap: 12px; padding: 0px; flex: 1; background: #fff;  border-radius: 6px; }  .card-title { margin: 0; min-height: 6em; line-height: 1.25; color: #111; overflow-wrap: anywhere; font-size: clamp(1.05rem, 1vw + .7rem, 1.25rem); font-weight: 600; padding: 10px; }  .card-excerpt { color: #444; margin: 0; font-size: 0.95rem; line-height: 1.4; }  .spacer { flex: 1 1 auto; }  .card:hover, .card:focus-visible { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.12); border-color: rgba(0,0,0,.12); }  .card:focus { outline: none; } .card:focus-visible { outline: 3px solid rgba(0, 120, 255, .35); outline-offset: 2px; border-radius: 14px; }  @media (prefers-reduced-motion: reduce) { .card { transition: none; } } .heading-underline { color: #000000;  text-decoration: underline; text-decoration-color: #f3d250;  text-decoration-thickness: 3px;  text-underline-offset: 4px;  } .ab-titel { overflow: visible; min-height: 5em;  line-height: 1.5em; } button, .brxe-button { cursor: pointer; } button:disabled, .brxe-button:disabled { cursor: default; }