#artikel-auswahl{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(2.75rem,6vw,3.25rem) clamp(1.25rem,3vw,2rem);margin-block:1.5em 2.5em;display:grid}.artikel{flex-direction:column;gap:.9rem;display:flex;position:relative}.artikel[hidden]{display:none}.artikel:has(.artikel-anchor:focus-visible){outline:2px solid var(--color-primary);outline-offset:6px;border-radius:var(--radius-sm)}.artikel:hover img{opacity:.9}.artikel:hover .artikel-anchor{text-underline-offset:.15em;text-decoration:underline}.artikel img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-sm);width:100%;height:auto;transition:opacity .2s;display:block}.artikel-titel{font-size:var(--font-size-h4);margin:0;line-height:1.3}.artikel-anchor{color:var(--color-text);text-decoration:none}.artikel-anchor:after{content:"";z-index:1;position:absolute;inset:0}.artikel-anchor:focus-visible{outline:none}.artikel-txt{flex-direction:column;gap:.5rem;display:flex}.artikel-txt p{font-size:var(--font-size-body-sm);color:var(--color-text-secondary);margin:0;line-height:1.55}@media print{.artikel-teaser{display:none}}#artikel-filter{flex-wrap:wrap;gap:.5em;margin:1.5em 0 .5em;display:flex}.artikel-filter__chip{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:.4em 1em}.artikel-filter__chip:hover{border-color:var(--color-primary);background:var(--color-surface-alt);color:var(--color-primary)}.artikel-filter__chip[aria-pressed=true],.artikel-filter__chip[aria-pressed=true]:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-on-dark-strong)}