/* Toneroffice breadcrumb */
#snackys-tpl #bc-w {
	margin: 0;
	padding: 30px 0 22px;
	overflow: hidden;
	border: 0;
	background: var(--color-white, #fff);
	color: var(--color-primary-100, #002a9e);
	font-family: var(--font-family-base, "Roboto Condensed", Arial, sans-serif);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.25;
}

#snackys-tpl .to-bc-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing-4, 16px);
	width: 100%;
	max-width: var(--to-header-container, 1504px);
	margin: 0 auto;
	padding-right: var(--spacing-16, 64px);
	padding-left: var(--spacing-16, 64px);
}

#snackys-tpl #bc {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	color: inherit;
}

/* Content follows the same outer grid as the header search/menu. */
#snackys-tpl #plh > .mw-container,
#snackys-tpl #content-wrapper {
	max-width: var(--to-header-container, 1504px);
	padding-right: var(--spacing-16, 64px);
	padding-left: var(--spacing-16, 64px);
}

#snackys-tpl #bc .bc-item {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}

#snackys-tpl #bc a,
#snackys-tpl #bc a:visited,
#snackys-tpl #bc .bc-item.last > span {
	display: inline-flex;
	align-items: center;
	color: inherit;
	font: inherit;
	text-decoration: none;
}

#snackys-tpl #bc a:hover,
#snackys-tpl #bc a:focus-visible {
	color: var(--color-primary-100, #002a9e);
	text-decoration: underline;
	text-underline-offset: 3px;
}

#snackys-tpl #bc .first {
	display: flex;
	align-items: center;
}

#snackys-tpl #bc .first .img-ct {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#snackys-tpl #bc .first .img-ct::before {
	content: none;
	display: none;
	padding: 0;
}

#snackys-tpl #bc .first .img-ct svg {
	position: static;
	display: block;
	width: 13px;
	height: 13px;
	fill: none;
	stroke: var(--color-primary-100, #002293);
	color: var(--color-primary-100, #002293);
}

/* Die Slash-Zeichen aus dem bestehenden Markup werden zu schlanken Chevrons. */
#snackys-tpl #bc .separator {
	display: grid;
	flex: 0 0 36px;
	place-items: center;
	width: 36px;
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: 0;
	opacity: 1;
}

#snackys-tpl #bc .separator::before {
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	content: "";
	transform: rotate(45deg);
}

@media (max-width: 1199.98px) {
	#snackys-tpl .to-bc-bar,
	#snackys-tpl #plh > .mw-container,
	#snackys-tpl #content-wrapper {
		padding-right: var(--spacing-6, 24px);
		padding-left: var(--spacing-6, 24px);
	}
}

@media (max-width: 767.98px) {
	/* Snackys setzt bei mobile_breadcrumb = N die Klasse hidden-xs. */
	#snackys-tpl body[data-page="1"] #bc-w.hidden-xs,
	#snackys-tpl body[data-page="2"] #bc-w.hidden-xs {
		display: block;
	}

	#snackys-tpl #bc-w {
		padding: 16px 0 14px;
		font-size: 14px;
	}

	#snackys-tpl .to-bc-bar,
	#snackys-tpl #plh > .mw-container,
	#snackys-tpl #content-wrapper {
		padding-right: 16px;
		padding-left: 16px;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Snackys/Bootstrap .row = -15px je Seite → mit 16px Padding = Overflow. */
	#snackys-tpl #content-wrapper > .row.row-ct,
	#snackys-tpl #content-wrapper .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
		max-width: 100%;
	}

	#snackys-tpl #content-wrapper > .row.row-ct > #content.col-12 {
		padding-right: 0;
		padding-left: 0;
	}

	#snackys-tpl #result-wrapper #p-l,
	#snackys-tpl #p-l.row {
		margin-right: 0 !important;
		margin-left: 0 !important;
		max-width: 100%;
	}

	#snackys-tpl #plh h1,
	#snackys-tpl .pl-heading h1 {
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	#snackys-tpl #bc {
		overflow-x: auto;
	}

	#snackys-tpl #bc .separator {
		flex-basis: 28px;
		width: 28px;
	}

	#snackys-tpl #bc .separator::before {
		width: 5px;
		height: 5px;
	}

	#snackys-tpl #bc-w .to-pdp__sku {
		display: none;
	}
}