.bwd2-widget,
.bwd2-widget * {
	box-sizing: border-box;
}

.bwd2-widget [hidden],
.bwd2-widget .bwd2-detail-row[hidden],
.bwd2-widget .bwd2-details[hidden] {
	display: none !important;
}

.bwd2-widget {
	--bfd-red: #bf0016;
	--bfd-red-dark: #990012;
	--bfd-text: #25282c;
	--bfd-muted: #69727c;
	--bfd-line: #e0e4e8;
	--bfd-panel: #f7f8fa;
	font-family: inherit;
	color: var(--bfd-text);
	max-width: 100%;
}

.bwd2-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}

.bwd2-header h2 {
	margin: 0;
	font-size: 34px;
	line-height: 1.15;
}

.bwd2-header > div:first-child > span {
	display: block;
	width: 48px;
	height: 3px;
	margin-top: 18px;
	background: var(--bfd-red);
}

.bwd2-designs {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
}

.bwd2-designs b {
	padding: 7px 13px;
	border-radius: 999px;
	background: #fff;
	font-size: 12px;
}

.bwd2-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 20px 0 6px;
}

.bwd2-sizes button,
.bwd2-toolbar button,
.bwd2-more,
.bwd2-mobile-toggle,
.bwd2-detail-btn {
	font: inherit;
}

.bwd2-sizes button,
.bwd2-toolbar button {
	padding: 11px 18px;
	border: 1px solid #d7dce1;
	border-radius: 8px;
	background: #fff;
	color: var(--bfd-text);
	font-weight: 700;
	cursor: pointer;
	transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.bwd2-sizes button:hover,
.bwd2-toolbar button:hover {
	border-color: var(--bfd-red);
}

.bwd2-sizes button.is-active {
	border-color: var(--bfd-red);
	background: var(--bfd-red);
	color: #fff;
}

.bwd2-sizes button:disabled,
.bwd2-sizes button.is-unavailable {
	border-color: #e2e5e8;
	background: #eef0f2;
	box-shadow: none;
	color: #a2a8ae;
	cursor: not-allowed;
	opacity: .62;
	transform: none;
}

.bwd2-sizes button:disabled:hover,
.bwd2-sizes button.is-unavailable:hover {
	border-color: #e2e5e8;
}

.bwd2-sizes button:focus-visible,
.bwd2-toolbar button:focus-visible,
.bwd2-more:focus-visible,
.bwd2-detail-btn:focus-visible,
.bwd2-mobile-toggle:focus-visible,
.bwd2-toolbar select:focus-visible,
.bwd2-toolbar input:focus-visible {
	outline: 3px solid rgba(191, 0, 22, .22);
	outline-offset: 2px;
}

.bwd2-size-hint {
	margin: 0 0 16px;
	font-size: 12px;
	color: var(--bfd-muted);
}

.bwd2-toolbar {
	display: grid;
	grid-template-columns: repeat(5, minmax(118px, 1fr)) minmax(220px, 1.7fr);
	gap: 12px;
	align-items: end;
	padding: 16px;
	border-radius: 12px;
	background: var(--bfd-panel);
}

.bwd2-toolbar label {
	display: grid;
	min-width: 0;
	gap: 6px;
}

.bwd2-toolbar label > span {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.bwd2-toolbar select,
.bwd2-toolbar input {
	width: 100%;
	height: 42px;
	min-width: 0;
	padding: 0 12px;
	border: 1px solid #cbd2d9;
	border-radius: 8px;
	background: #fff;
	color: var(--bfd-text);
	font: inherit;
}

.bwd2-toolbar select:focus,
.bwd2-toolbar input:focus {
	border-color: var(--bfd-red);
}

.bwd2-search {
	position: relative;
}

.bwd2-search input {
	padding-left: 39px;
}

.bwd2-search i::before {
	content: "";
	position: absolute;
	left: 14px;
	bottom: 14px;
	z-index: 2;
	width: 11px;
	height: 11px;
	border: 2px solid #77808a;
	border-radius: 50%;
}

.bwd2-search i::after {
	content: "";
	position: absolute;
	left: 26px;
	bottom: 12px;
	z-index: 2;
	width: 6px;
	height: 2px;
	background: #77808a;
	transform: rotate(45deg);
}

.bwd2-toolbar [data-bwd2-reset] {
	grid-column: 1 / -1;
	justify-self: start;
	padding: 9px 14px;
	color: #9e0012;
}

.bwd2-meta {
	margin: 14px 2px;
	color: #607086;
	font-size: 13px;
	text-align: right;
}

.bwd2-table-wrap {
	overflow: auto;
	border: 1px solid #e3e6e9;
	border-radius: 12px;
	background: #fff;
}

.bwd2-table-wrap table {
	width: 100%;
	min-width: 1080px;
	border-collapse: collapse;
}

.bwd2-table-wrap th,
.bwd2-table-wrap td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--bfd-line);
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
}

.bwd2-table-wrap th {
	background: #fbfbfc;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .035em;
}

.bwd2-table-wrap tbody tr:last-child td {
	border-bottom: 0;
}

.bwd2-finish {
	white-space: nowrap;
}

.bwd2-swatch {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin-right: 9px;
	border: 1px solid rgba(0, 0, 0, .19);
	border-radius: 5px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 1px 2px rgba(0, 0, 0, .08);
	vertical-align: middle;
}

.bwd2-swatch::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

/* 27 Farbkürzel aus den Stammdaten */
.bwd2-swatch.sw-bc { background: linear-gradient(135deg, #4a2917, #a86b3d 45%, #d4a16c 58%, #61361f); }
.bwd2-swatch.sw-bcm { background: linear-gradient(135deg, #4e3121, #8e6245 55%, #5e3b29); }
.bwd2-swatch.sw-bcm::after { background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.10), transparent 38%); }
.bwd2-swatch.sw-bcvp { background: linear-gradient(135deg, #754326 0 45%, #fdfdfd 47%, #9ca2a6 65%, #fff 82%, #a76037 84%); }
.bwd2-swatch.sw-bom { background: linear-gradient(135deg, #080808 0 55%, #f36c00 57% 82%, #8e2e00 84% 100%); }
.bwd2-swatch.sw-bom::after { background: linear-gradient(110deg, transparent 0 42%, rgba(255,255,255,.24) 47%, transparent 53%); }
.bwd2-swatch.sw-cgm { background: linear-gradient(135deg, #2e3337, #686e73 55%, #393e42); }
.bwd2-swatch.sw-css { background: linear-gradient(135deg, #747b80 0, #fbfcfd 33%, #aeb5ba 54%, #fff 72%, #747c82 100%); }
.bwd2-swatch.sw-csshp { background: linear-gradient(135deg, #a5acb1 0 46%, #fff 48% 62%, #686f75 64% 76%, #fafafa 78%); }
.bwd2-swatch.sw-ds { background: radial-gradient(circle at 25% 28%, #c6c9cb 0 1px, transparent 2px), radial-gradient(circle at 72% 62%, #8f9498 0 1px, transparent 2px), linear-gradient(135deg, #151719, #484c50 58%, #1d1f21); }
.bwd2-swatch.sw-fg { background: linear-gradient(135deg, #2d3236, #777e84 43%, #c3c7ca 53%, #444a4e); }
.bwd2-swatch.sw-fgm { background: linear-gradient(135deg, #30353a, #6f767c 58%, #3b4145); }
.bwd2-swatch.sw-fgp { background: linear-gradient(135deg, #343a3e 0 43%, #eef0f1 45% 63%, #60676c 65%); }
.bwd2-swatch.sw-fgvp { background: linear-gradient(135deg, #363c40 0 45%, #fcfcfc 47%, #8e969b 66%, #fff 83%, #4c5358 85%); }
.bwd2-swatch.sw-hgm { background: linear-gradient(135deg, #4c5257, #858b90 58%, #51575c); }
.bwd2-swatch.sw-hgvp { background: linear-gradient(135deg, #464c51 0 45%, #fbfbfb 47%, #a4aaae 66%, #fff 83%, #62686d 85%); }
.bwd2-swatch.sw-hs { background: linear-gradient(135deg, #8a9298, #fff 36%, #c7ccd0 55%, #fafbfb 72%, #8b9399); }
.bwd2-swatch.sw-ks { background: linear-gradient(135deg, #e5e9eb, #fff 36%, #b5bcc1 57%, #f6f7f8 77%, #9aa2a7); }
.bwd2-swatch.sw-ksb { background: linear-gradient(135deg, #eef1f2 0 52%, #0d0f10 54% 100%); }
.bwd2-swatch.sw-ksvp { background: linear-gradient(135deg, #d3d8dc 0 43%, #fff 45% 61%, #899197 63% 76%, #fff 78%); }
.bwd2-swatch.sw-sbm { background: linear-gradient(135deg, #08090a, #252729 58%, #111214); }
.bwd2-swatch.sw-sbm::after { background: repeating-radial-gradient(circle at 30% 25%, rgba(255,255,255,.055) 0 1px, transparent 1px 3px); opacity: .6; }
.bwd2-swatch.sw-scs { background: linear-gradient(135deg, #656c71 0, #fff 26%, #899196 42%, #fff 57%, #bfc5c9 75%, #fff 88%, #6e767b); }
.bwd2-swatch.sw-sg { background: linear-gradient(135deg, #010101 0 38%, #272727 43%, #050505 58%, #121212 100%); }
.bwd2-swatch.sw-sg::after { background: linear-gradient(112deg, transparent 0 29%, rgba(255,255,255,.58) 36%, rgba(255,255,255,.10) 42%, transparent 50%); }
.bwd2-swatch.sw-sghp { background: linear-gradient(135deg, #040404 0 53%, #fbfbfb 55% 68%, #858c90 70% 79%, #101010 81%); }
.bwd2-swatch.sw-sgvp { background: linear-gradient(135deg, #030303 0 45%, #fbfbfb 47%, #969da2 66%, #fff 83%, #111 85%); }
.bwd2-swatch.sw-skm { background: linear-gradient(135deg, #151718, #383b3d 58%, #1d2021); }
.bwd2-swatch.sw-slc { background: linear-gradient(135deg, #5a6267 0, #fff 21%, #798187 37%, #fff 53%, #a1a8ad 68%, #fff 82%, #5c6469); }
.bwd2-swatch.sw-smvp { background: linear-gradient(135deg, #121314 0 45%, #f0f1f2 47%, #80888d 66%, #fff 83%, #222526 85%); }
.bwd2-swatch.sw-tm { background: linear-gradient(135deg, #3b4146, #7b8389 42%, #b1b7bb 52%, #50575c); }
.bwd2-swatch.sw-unknown { background: linear-gradient(135deg, #d9dde0, #8d9499); }

.bwd2-approval b {
	color: #b00014;
}

.bwd2-stock {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
}

.bwd2-stock::before {
	content: "";
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #999;
}

.bwd2-stock.is-available::before { background: #2fb76f; }
.bwd2-stock.is-low::before { background: #f1a400; }
.bwd2-stock.is-out::before { background: #e53b3b; }

.bwd2-detail-btn {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--bfd-red);
	color: #fff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.bwd2-detail-btn:hover {
	background: var(--bfd-red-dark);
}

.bwd2-detail-row td {
	background: #fff7f8;
}

.bwd2-details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 30px;
	padding: 10px;
}

.bwd2-detail-item {
	display: grid;
	grid-template-columns: minmax(145px, .7fr) minmax(0, 1.3fr);
	gap: 10px;
	align-items: start;
}

.bwd2-detail-item b {
	font-size: 12px;
}

.bwd2-detail-item span,
.bwd2-detail-value {
	min-width: 0;
	overflow-wrap: anywhere;
}

.bwd2-detail-downloads {
	grid-column: 1 / -1;
	margin-top: 4px;
	padding-top: 12px;
	border-top: 1px solid #eadde0;
}

.bwd2-download-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.bwd2-download-link {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid #e2d7d9;
	border-radius: 8px;
	background: #fff;
	color: var(--bfd-text);
	text-decoration: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.bwd2-download-link:hover {
	border-color: var(--bfd-red);
	box-shadow: 0 5px 14px rgba(191, 0, 22, .10);
	color: var(--bfd-text);
	transform: translateY(-1px);
}

.bwd2-download-link > i {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 7px;
	background: var(--bfd-red);
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: .03em;
}

.bwd2-download-link > span {
	display: grid;
	min-width: 0;
	gap: 2px;
}

.bwd2-download-link b {
	font-size: 12px;
	color: #a90014;
}

.bwd2-download-link small {
	overflow: hidden;
	color: #6b7480;
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bwd2-mobile {
	display: none;
}

.bwd2-more-wrap {
	margin-top: 22px;
	text-align: center;
}

.bwd2-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 220px;
	padding: 13px 24px;
	border: 1px solid var(--bfd-red);
	border-radius: 9px;
	background: var(--bfd-red);
	box-shadow: 0 6px 16px rgba(191, 0, 22, .18);
	color: #fff;
	font-weight: 800;
	cursor: pointer;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.bwd2-more::after {
	content: "↓";
	font-size: 18px;
	line-height: 1;
}

.bwd2-more:hover {
	background: var(--bfd-red-dark);
	box-shadow: 0 8px 20px rgba(191, 0, 22, .24);
	transform: translateY(-1px);
}

.bwd2-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 18px;
	font-size: 13px;
}

.bwd2-legend span {
	display: flex;
	align-items: center;
	gap: 7px;
}

.bwd2-legend i {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #999;
}

.bwd2-legend .is-available { background: #2fb76f; }
.bwd2-legend .is-low { background: #f1a400; }
.bwd2-legend .is-out { background: #e53b3b; }

.bwd2-error,
.bwd2-empty {
	padding: 18px;
	border: 1px solid #f0d8dc;
	border-radius: 10px;
	background: #fff4f4;
}

@media (max-width: 1180px) {
	.bwd2-toolbar {
		grid-template-columns: repeat(3, minmax(145px, 1fr));
	}

	.bwd2-search {
		grid-column: span 2;
	}
}

@media (max-width: 900px) {
	.bwd2-toolbar {
		grid-template-columns: repeat(2, minmax(145px, 1fr));
	}

	.bwd2-search {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.bwd2-header {
		align-items: center;
	}

	.bwd2-header h2 {
		font-size: 27px;
	}

	.bwd2-designs b {
		padding: 5px 9px;
	}

	.bwd2-sizes {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 0 0 5px;
		scrollbar-width: thin;
	}

	.bwd2-sizes button {
		flex: 0 0 auto;
		padding: 10px 15px;
		white-space: nowrap;
	}

	.bwd2-size-hint {
		display: none;
	}

	.bwd2-toolbar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		padding: 13px;
		border-radius: 12px;
	}

	.bwd2-toolbar label {
		min-width: 0;
	}

	.bwd2-toolbar select,
	.bwd2-toolbar input {
		height: 43px;
		font-size: 14px;
	}

	.bwd2-filter-design,
	.bwd2-search {
		grid-column: 1 / -1;
	}

	.bwd2-toolbar [data-bwd2-reset] {
		grid-column: 1 / -1;
		justify-self: stretch;
	}

	.bwd2-desktop {
		display: none;
	}

	.bwd2-mobile {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		width: 100%;
	}

	.bwd2-card {
		width: 100%;
		min-width: 0;
		padding: 14px;
		border: 1px solid #dfe3e7;
		border-radius: 13px;
		background: #fff;
		box-shadow: 0 5px 16px rgba(23, 29, 35, .06);
	}

	.bwd2-card-head {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 12px;
		padding-bottom: 11px;
		border-bottom: 1px solid #edf0f2;
	}

	.bwd2-card-title {
		display: grid;
		min-width: 0;
		gap: 2px;
	}

	.bwd2-card-title strong {
		font-size: 17px;
		line-height: 1.2;
	}

	.bwd2-card-title small {
		font-size: 11px;
		color: var(--bfd-muted);
	}

	.bwd2-card-finish {
		display: flex;
		align-items: center;
		gap: 7px;
		color: #a90014;
		font-weight: 800;
	}

	.bwd2-card-finish .bwd2-swatch {
		width: 24px;
		height: 24px;
		margin: 0;
	}

	.bwd2-card-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
		margin-top: 11px;
	}

	.bwd2-card-field {
		display: grid;
		min-width: 0;
		gap: 3px;
		padding: 9px 10px;
		border-radius: 8px;
		background: #f5f7f8;
	}

	.bwd2-card-field b,
	.bwd2-card-stock > b {
		font-size: 10px;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: .03em;
		color: #6b7480;
	}

	.bwd2-card-field span {
		font-size: 14px;
		font-weight: 700;
		overflow-wrap: anywhere;
	}

	.bwd2-card-stock {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		margin-top: 10px;
		padding: 10px 2px 2px;
	}

	.bwd2-mobile-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin-top: 11px;
		padding: 10px 12px;
		border: 1px solid #d7dce1;
		border-radius: 8px;
		background: #fff;
		color: var(--bfd-text);
		font-weight: 800;
		cursor: pointer;
	}

	.bwd2-mobile-toggle i {
		display: grid;
		place-items: center;
		width: 23px;
		height: 23px;
		border-radius: 50%;
		background: var(--bfd-red);
		color: #fff;
		font-size: 17px;
		font-style: normal;
		line-height: 1;
	}

	.bwd2-mobile-toggle.is-open {
		border-color: var(--bfd-red);
		color: #a50013;
	}

	.bwd2-card > .bwd2-details {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 11px;
		padding: 4px 0 0;
		border-top: 1px solid #edf0f2;
	}

	.bwd2-card > .bwd2-details:not([hidden]) {
		display: grid !important;
	}

	.bwd2-card .bwd2-detail-item {
		grid-template-columns: minmax(0, 1fr);
		gap: 3px;
		padding: 9px 2px;
		border-bottom: 1px solid #edf0f2;
	}

	.bwd2-card .bwd2-detail-item:last-child {
		border-bottom: 0;
	}

	.bwd2-card .bwd2-detail-item b {
		font-size: 10px;
		text-transform: uppercase;
		color: #6b7480;
	}

	.bwd2-card .bwd2-detail-item span,
	.bwd2-card .bwd2-detail-value {
		font-size: 13px;
		line-height: 1.45;
	}


	.bwd2-card .bwd2-detail-downloads {
		padding-top: 12px;
	}

	.bwd2-card .bwd2-download-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.bwd2-card .bwd2-download-link {
		padding: 10px;
	}

	.bwd2-meta {
		margin: 12px 2px 10px;
		text-align: right;
	}

	.bwd2-more {
		width: 100%;
		min-width: 0;
	}

	.bwd2-legend {
		gap: 12px;
		font-size: 12px;
	}
}

@media (max-width: 330px) {
	.bwd2-header {
		align-items: flex-start;
	}

	.bwd2-header h2 {
		font-size: 24px;
	}

	.bwd2-toolbar {
		grid-template-columns: 1fr;
	}

	.bwd2-filter-design,
	.bwd2-search,
	.bwd2-toolbar [data-bwd2-reset] {
		grid-column: auto;
	}

	.bwd2-card-grid {
		gap: 7px;
	}

	.bwd2-stock {
		white-space: normal;
	}
}

/* Version 2.8.0: Gutachten werden als eigener, immer sichtbarer Detailbereich geladen. */
.bwd2-approval-section {
	grid-column: 1 / -1;
	min-width: 0;
	margin-top: 10px;
	padding-top: 18px;
	border-top: 1px dashed #dccfd2;
}

.bwd2-approval-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 13px;
	font-size: 16px;
	line-height: 1.25;
}

.bwd2-approval-heading-icon {
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid #e2b9bf;
	border-radius: 7px;
	background: #fff;
	color: var(--bfd-red);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .02em;
}

.bwd2-approval-body {
	min-width: 0;
}

.bwd2-approval-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
	gap: 12px;
}

.bwd2-approval-card {
	display: flex;
	align-items: flex-start;
	min-width: 0;
	gap: 12px;
	padding: 14px;
	border: 1px solid #dedfe2;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 2px 7px rgba(28, 31, 35, .035);
	color: var(--bfd-text) !important;
	text-decoration: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.bwd2-approval-card:hover {
	border-color: var(--bfd-red);
	box-shadow: 0 7px 18px rgba(191, 0, 22, .10);
	color: var(--bfd-text) !important;
	transform: translateY(-1px);
}

.bwd2-approval-card-icon {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 38px;
	height: 44px;
	border: 1px solid #efbcc3;
	border-radius: 7px;
	background: #fff8f9;
	color: var(--bfd-red);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .03em;
}

.bwd2-approval-card-content {
	display: grid;
	min-width: 0;
	gap: 4px;
}

.bwd2-approval-card-content > b {
	color: #22272b;
	font-size: 13px;
	line-height: 1.3;
}

.bwd2-approval-variant {
	color: var(--bfd-red);
	font-size: 12px;
	line-height: 1.25;
}

.bwd2-approval-filename {
	color: #4f5862;
	font-size: 11px;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.bwd2-approval-size {
	color: #7a838d;
	font-size: 10px;
	font-style: normal;
}

.bwd2-approval-hint {
	margin: 12px 0 0;
	padding-left: 22px;
	position: relative;
	color: #606972;
	font-size: 11px;
	line-height: 1.45;
}

.bwd2-approval-hint::before {
	content: "i";
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	width: 15px;
	height: 15px;
	border: 1px solid #818a93;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 800;
}

.bwd2-approval-status {
	margin: 0;
	padding: 12px 14px;
	border: 1px solid #eadfe1;
	border-radius: 8px;
	background: rgba(255, 255, 255, .72);
	color: #5e6872;
	font-size: 12px;
}

.bwd2-approval-section.is-loading .bwd2-approval-status::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	border: 2px solid #d5b5ba;
	border-top-color: var(--bfd-red);
	border-radius: 50%;
	vertical-align: -2px;
	animation: bwd2-approval-spin .8s linear infinite;
}

.bwd2-approval-section.has-error .bwd2-approval-status {
	border-color: #efc7cc;
	background: #fff1f2;
	color: #920012;
}

@keyframes bwd2-approval-spin {
	to { transform: rotate(360deg); }
}

@media (max-width: 767px) {
	.bwd2-card .bwd2-approval-section {
		margin-top: 5px;
		padding: 14px 0 2px;
		border-bottom: 0;
	}

	.bwd2-card .bwd2-approval-heading {
		margin-bottom: 10px;
		font-size: 15px;
	}

	.bwd2-card .bwd2-approval-cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 9px;
	}

	.bwd2-card .bwd2-approval-card {
		padding: 12px;
	}
}

/* Version 3.6.0: Kombinationen mit Bestand, EAN und Gewicht */
.bwd2-combinations-section {
	grid-column: 1 / -1;
	min-width: 0;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #dccfd2;
}

.bwd2-combinations-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.bwd2-combinations-heading h3 {
	margin: 0;
	font-size: 18px;
	line-height: 1.25;
}

.bwd2-combinations-heading p {
	margin: 4px 0 0;
	color: var(--bfd-muted);
	font-size: 12px;
}

.bwd2-combinations-list {
	display: grid;
	gap: 10px;
}

.bwd2-combination {
	min-width: 0;
	border: 1px solid #dfe3e7;
	border-radius: 11px;
	background: #fff;
	overflow: hidden;
}

.bwd2-combination[open] {
	border-color: #d5b8bd;
	box-shadow: 0 6px 18px rgba(24, 29, 34, .06);
}

.bwd2-combination-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
	cursor: pointer;
	list-style: none;
	background: #fbfbfc;
}

.bwd2-combination-summary::-webkit-details-marker {
	display: none;
}

.bwd2-combination-summary::after {
	content: "+";
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--bfd-red);
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	line-height: 1;
}

.bwd2-combination[open] > .bwd2-combination-summary::after {
	content: "−";
}

.bwd2-combination-summary-title {
	display: grid;
	min-width: 0;
	gap: 3px;
	margin-right: auto;
}

.bwd2-combination-summary-title b {
	font-size: 14px;
}

.bwd2-combination-summary-title small {
	color: #59636d;
	font-size: 11px;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.bwd2-combination-status {
	flex: 0 0 auto;
	padding: 5px 9px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
}

.bwd2-combination-status.is-complete {
	background: #e5f6ed;
	color: #08733d;
}

.bwd2-combination-status.is-partial {
	background: #fff1d8;
	color: #915d00;
}

.bwd2-combination-body {
	padding: 16px;
	border-top: 1px solid #eceff1;
}

.bwd2-combination-axis-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.bwd2-combination-axis {
	min-width: 0;
	padding: 14px;
	border: 1px solid #e0e4e7;
	border-radius: 10px;
	background: #fcfcfd;
}

.bwd2-combination-axis.is-current {
	border-color: #d8aeb4;
	background: #fff8f9;
}

.bwd2-combination-axis-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 12px;
}

.bwd2-combination-axis-head h5 {
	margin: 0;
	font-size: 15px;
}

.bwd2-combination-axis-head-meta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 9px;
	min-width: 0;
}

.bwd2-combination-stock {
	font-size: 11px;
	font-weight: 700;
}

.bwd2-combination-stock::before {
	width: 8px;
	height: 8px;
}

.bwd2-combination-stock-missing {
	color: #737d86;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}

.bwd2-combination-current {
	padding: 4px 8px;
	border-radius: 999px;
	background: var(--bfd-red);
	color: #fff;
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.bwd2-combination-specs {
	display: grid;
	grid-template-columns: minmax(90px, auto) minmax(0, 1fr);
	gap: 6px 12px;
	margin: 0;
	padding: 0;
}

.bwd2-combination-specs dt,
.bwd2-combination-specs dd {
	margin: 0;
	font-size: 12px;
	line-height: 1.35;
}

.bwd2-combination-specs dt {
	color: #65707b;
	font-weight: 700;
}

.bwd2-combination-specs dd {
	font-weight: 700;
	overflow-wrap: anywhere;
}

.bwd2-combination-documents {
	margin-top: 15px;
	padding-top: 13px;
	border-top: 1px solid #e7eaed;
}

.bwd2-combination-documents h6 {
	margin: 0 0 10px;
	font-size: 12px;
}

.bwd2-combination-documents .bwd2-approval-cards {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 9px;
}

.bwd2-combination-documents .bwd2-approval-card {
	padding: 11px;
}

@media (max-width: 767px) {
	.bwd2-card .bwd2-combinations-section {
		margin-top: 10px;
		padding-top: 15px;
	}

	.bwd2-combinations-heading h3 {
		font-size: 16px;
	}

	.bwd2-combination-summary {
		align-items: flex-start;
		padding: 12px;
	}

	.bwd2-combination-status {
		display: none;
	}

	.bwd2-combination-summary::after {
		width: 25px;
		height: 25px;
		font-size: 17px;
	}

	.bwd2-combination-body {
		padding: 11px;
	}

	.bwd2-combination-axis-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	.bwd2-combination-axis {
		padding: 12px;
	}

	.bwd2-combination-axis-head {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.bwd2-combination-axis-head-meta {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.bwd2-combination-stock {
		font-size: 10px;
	}

	.bwd2-combination-specs {
		grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
	}

	.bwd2-combination-documents .bwd2-approval-cards {
		grid-template-columns: minmax(0, 1fr);
	}
}


/* Version 3.10.0: sichtbarer Kombinationshinweis und intelligentes Akkordeon */
.bwd2-approval-cell {
	vertical-align: middle;
}

.bwd2-combination-indicator {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	margin-top: 7px;
	padding: 5px 8px;
	border: 1px solid #e5b9bf;
	border-radius: 999px;
	background: #fff7f8;
	color: var(--bfd-red);
	font: inherit;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.bwd2-combination-indicator:hover,
.bwd2-combination-indicator:focus-visible {
	border-color: var(--bfd-red);
	background: #fff;
	outline: none;
	transform: translateY(-1px);
}

.bwd2-combination-indicator-symbol {
	padding: 2px 5px;
	border-radius: 999px;
	background: var(--bfd-red);
	color: #fff;
	font-size: 8px;
	letter-spacing: .02em;
	white-space: nowrap;
}

.bwd2-combination-indicator-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bwd2-combination-indicator-arrow {
	font-size: 15px;
	line-height: .8;
}

.bwd2-combination-option {
	flex: 0 0 auto;
	margin-left: auto;
	padding: 4px 8px;
	border-radius: 999px;
	background: #f1f3f5;
	color: #535e68;
	font-size: 10px;
	font-weight: 800;
}

.bwd2-combination.is-multiple > .bwd2-combination-summary {
	border-left: 4px solid transparent;
}

.bwd2-combination.is-multiple > .bwd2-combination-summary:hover,
.bwd2-combination.is-multiple[open] > .bwd2-combination-summary {
	border-left-color: var(--bfd-red);
}

.bwd2-combination.is-single[open] > .bwd2-combination-summary {
	cursor: pointer;
}

@media (max-width: 767px) {
	.bwd2-combination-indicator.is-mobile {
		width: 100%;
		justify-content: flex-start;
		margin: 10px 0 0;
		padding: 9px 11px;
		border-radius: 8px;
		font-size: 11px;
	}

	.bwd2-combination-indicator.is-mobile .bwd2-combination-indicator-arrow {
		margin-left: auto;
	}

	.bwd2-combination-option {
		margin-left: 0;
	}
}

/* Allgemeine Gutachtensuche: alle Designs, ohne Bestandszwang. */
.bwd2-mode-approval-search .bwd2-toolbar {
	grid-template-columns: repeat(6, minmax(110px, 1fr));
}

.bwd2-mode-approval-search .bwd2-search-ean {
	grid-column: span 2;
}

.bwd2-mode-approval-search .bwd2-search-approval {
	grid-column: span 3;
}

@media (max-width: 1180px) {
	.bwd2-mode-approval-search .bwd2-toolbar {
		grid-template-columns: repeat(3, minmax(150px, 1fr));
	}
	.bwd2-mode-approval-search .bwd2-search-ean {
		grid-column: span 1;
	}
	.bwd2-mode-approval-search .bwd2-search-approval {
		grid-column: span 2;
	}
}

@media (max-width: 767px) {
	.bwd2-mode-approval-search .bwd2-toolbar {
		grid-template-columns: 1fr 1fr;
	}
	.bwd2-mode-approval-search .bwd2-search-ean,
	.bwd2-mode-approval-search .bwd2-search-approval {
		grid-column: 1 / -1;
	}
}

/* Brock Gutachtensuche 1.3.0: Größe als dynamisches Auswahlfeld. */
.bwd2-mode-approval-search > .bwd2-sizes,
.bwd2-mode-approval-search > .bwd2-size-hint {
	display: none !important;
}
.bwd2-mode-approval-search .bwd2-filter-size {
	min-width: 145px;
}