/**
*  Brotkrumen
*
*  Text und Links --paper-muted auf --paper-white/--paper: 4,5 : 1 und mehr (WCAG AA).
**/

.c-breadcrumbs {
	margin-block-end: var(--space-m);
	font-family: var(--font-interface);
	font-size: var(--fs-meta);
}

.c-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3xs) 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.c-breadcrumbs__item {
	margin: 0;
	padding: 0;
	color: var(--paper-muted);

	&:not(:last-child)::after {
		content: "›";
		content: "›" / "";
		margin-inline: 0.6em;
	}

	& a {
		color: var(--paper-muted);
		text-decoration: none;

		&:hover,
		&:focus-visible {
			text-decoration: underline;
			text-underline-offset: 0.2em;
		}
	}
}