/* Breadcrumbs — global zwischen Navigation und Hauptinhalt */

.lauffen-breadcrumbs {
	background-color: #f2efe7; /* Beige/Creme Hintergrund wie Vorgabe. */
	padding: 1.4rem 0 0;
	font-family: var(--font-body);
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--black-color, #010101);
	border-bottom: none;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.lauffen-breadcrumbs > .lauffen-container {
	display: flex;
	align-items: center;
}

.lauffen-breadcrumb-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: auto;
}

/* Jedes <li> nur so breit wie sein Inhalt. */
.lauffen-breadcrumb-list li {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	flex: 0 0 auto;
}

.lauffen-breadcrumb-list a {
	color: var(--black-color, #010101);
	text-decoration: none;
	font-weight: 400;
}

.lauffen-breadcrumb-list a:hover {
	text-decoration: underline;
}

.lauffen-breadcrumb-list strong,
.lauffen-breadcrumb-list .current {
	color: var(--black-color, #010101);
	font-weight: 400;
}

.lauffen-breadcrumb-list .breadcrumb-separator {
	color: var(--black-color, #010101);
	font-size: 1.2rem;
	flex: 0 0 auto;
}