.bereich-filter { display: flex; flex-wrap: wrap; gap: var(--space-2xs); margin-bottom: var(--space-md); }

.bereich-filter__link {
	font-size: var(--text-sm);
	padding: var(--space-2xs) var(--space-sm);
	border-radius: var(--radius-full);
	background: var(--color-cream);
	color: var(--color-teal);
	text-decoration: none;
	border: 1px solid var(--color-border);
	transition: background var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo);
}
.bereich-filter__link:hover { background: var(--color-teal-pale); }

.bereich-filter__link--active {
	background: var(--color-teal);
	color: var(--color-cream);
	border-color: var(--color-teal);
}