/* Metsähirvas Inhaltskarten – Filterbuttons und Animationsgrundlagen 1.4.2. */
.mh-content-cards .mh-card-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:12px;row-gap:12px;margin-top:32px}
.mh-content-cards .mh-card-filter[hidden]{display:none!important}
.mh-content-cards .mh-card-filter__button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:0;padding:8px 20px;min-height:36px;cursor:pointer;appearance:none;border:1px solid #d5d0c7;border-radius:50px;box-shadow:none;color:#3d3d3b;background-color:#d5d0c7;font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;text-align:center;overflow-wrap:anywhere;transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.mh-content-cards .mh-card-filter__button:hover,.mh-content-cards .mh-card-filter__button:focus-visible{color:#3d3d3b;background-color:#b9b2a6;border-color:#b9b2a6}
.mh-content-cards .mh-card-filter__button.is-active,.mh-content-cards .mh-card-filter__button[aria-pressed="true"]{color:#3d3d3b;background-color:#fff;border-color:#3d3d3b}
.mh-content-cards .mh-card-filter__button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.mh-content-cards .mh-content-cards__grid>.mh-card[hidden]{display:none!important}
.mh-content-cards .mh-card-filter__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.mh-content-cards .mh-card-filter__button{transition:none}}