.oa-caption-pill{z-index:2;border-radius:var(--r-s);background:var(--caption-pill-bg);max-width:calc(100% - 24px);color:var(--ink);font-family:var(--mono);font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;pointer-events:none;padding:.4rem .6rem;font-weight:700;position:absolute;bottom:12px;left:12px}.oa-caption-pill--right{left:auto;right:12px}
.oa-card-grid{grid-template-columns:repeat(var(--oa-card-cols,3), minmax(0, 1fr));gap:1.5rem;display:grid}@media (max-width:900px){.oa-card-grid{grid-template-columns:1fr}}.oa-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}[data-theme=dark] .oa-card{border-color:var(--edge)}.oa-card__media{position:relative}.oa-card__img{filter:saturate(.7);width:100%;height:auto;display:block}.oa-card__body{flex:1;padding:1.4rem 1.6rem}.oa-card__kategorien{margin-bottom:.6rem}.oa-card__title{margin-bottom:.5rem}.oa-card__link{color:inherit;text-decoration:none}.oa-card__link:hover,.oa-card__link:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--link-line);text-decoration-color:var(--link-line);text-underline-offset:.15em}.oa-card__anriss{color:var(--ink-2);max-width:none}@supports selector(:has(*)){.oa-card__anriss{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oa-card__text:has(.oa-card__mehr[open]) .oa-card__anriss{-webkit-line-clamp:unset;line-clamp:none;display:block;overflow:visible}}@supports not selector(:has(*)){.oa-card__mehr{display:none}}.oa-card__mehr-knopf{cursor:pointer;min-height:44px;font-weight:600;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--link);align-items:center;gap:.4rem;margin-top:.2rem;list-style:none;display:inline-flex}.oa-card__mehr-knopf::-webkit-details-marker{display:none}.oa-card__mehr-knopf:hover{color:var(--ink)}[data-theme=dark] .oa-card__mehr-knopf:hover{color:var(--c-paper)}.oa-card__mehr-knopf:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:var(--r-s)}.oa-card__chevron{flex:none;transition:transform .2s}.oa-card__mehr[open] .oa-card__chevron{transform:rotate(180deg)}.oa-card__mehr-auf,.oa-card__mehr[open] .oa-card__mehr-zu{display:none}.oa-card__mehr[open] .oa-card__mehr-auf{display:inline}