#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	color: #455A64;
	padding-left: 0px;
	display: flex;
	justify-content: center;
	padding: 0px 0 24px 0;
	counter-reset: section;
}
#progressbar li {
	list-style-type: none;
	width: 16.66%;
	float: left;
	position: relative;
	font-weight: 400;
	counter-increment: section;
	font-size: 14px;
	text-align: center;
}
#progressbar li a {
	display: block;
}
#progressbar li a:after {
	z-index: 70;
}
#progressbar li:before {
	content: counter( section );
	width: 25px;
	height: 25px;
	line-height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	background: #AEAEAE;
	border-radius: 50%;
	margin: auto auto .5rem auto;
	color: #fff;
	z-index: 59;
	position: relative;
}
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #455A64;
	position: absolute;
	left: 0;
	top: 12px;
	z-index: 0;
}
#progressbar li:last-child:after {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	left: -50%
}
#progressbar li:first-child:after {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	left: 50%
}
#progressbar li:last-child:after {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}
#progressbar li:first-child:after {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}
#progressbar li.active:before,
#progressbar li.active:after {
	background: var( --primary-color );
}
#progressbar li a:hover{
	color: var(--primary-color);
	transition: all .3s;
}

@media ( max-width: 800px )
{
	#progressbar li {
		width: 33.3333%;
	}
}
.btn.btn-sm.btn-primary.w-auto.float-md-end:hover {
  background-color: var(--button-text-color);
  border-color: var(--button-bg-color);
  color: var(--button-bg-color);
}

.btn.btn-sm.btn-primary.w-auto.float-md-end {
	background-color: var(--button-bg-color);
	border-color: transparent;
}
/* -------------- Warenkorb Liste -------------------- */
.js_shopbasket_delete_article {
	border: 0 !important;
	background: transparent !important;
	min-width: auto !important;
	box-shadow: none !important;
}
.js_shopbasket_delete_article:hover {
	box-shadow: none !important;
}
.shopbasket-item-image {
	width: 80px;
	height: 80px;
	min-width: 80px;
	object-fit: contain;
	align-self: self-start;
	margin-right: 10px;
}
.js_shopbasket_item .input-spinner {
	width: 100px;
	margin: 0 auto;
}
.input-group-prepend .input-group-text{
	border-radius: .375rem 0 0 .375rem;
}
.input-group-append .input-group-text{
	border-radius: 0 .375rem .375rem 0 ;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	border: 1px solid #ced4da !important;
}
.js_shopbasket_item .input-group-text {
	height: 40px !important;
	width: 25px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	justify-content: center;
}
.js_shopbasket_count_article {
	text-align: center;
}
.js_shopbasket_icon a {
	padding-left: .5rem;
	border: var( --bs-border-width ) var( --bs-border-style ) transparent;
	border-radius: var( --bs-border-radius );
}
.js_shopbasket_icon a .badge {
	position: absolute;
	top: -5px;
	right: 0px;
	width: 20px;
	font-size: 11px;
	height: 20px;
	border-radius: var( --bs-border-radius-pill );
	font-weight: normal;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media ( min-width: 991px ) {
	.clear-shopbasket-placeholder {
		min-width: 45px;
	}
	html:not(.touch) .js_shopbasket_icon {
		min-height: 40px;
		padding-left: .5rem;
		margin-left: .25rem;
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
		/* border-left: 1px solid #ccc; */
		align-self: stretch;
		align-items: center;
		display: flex;
	}
}
.nav-item.main-nav-item.member-menu.sub-2.no-icon.border-start.ps-1.ms-1 {
  padding: 0 !important;
}
.nav-link.nav-link-sub-1{
	text-decoration: none !important;
}
#shopbasket_article_list .js_shopbasket_item:not(:last-child) {
	border-bottom: 1px solid #ccc;
}
#shopbasket_article_list .js_shopbasket_item {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* -------------- Prozess -------------------- */
.checkbox .custom-control-label {
	padding-top: 3px;
}
#shopingbasket-adress-wrapper.card,
#delivery-adress-box.card,
#shopingbasket-payment-wrapper.card,
#shopingbasket-overview .card,
#shopingbasket-delivery-method-wrapper.card {
	box-shadow: 0 .5rem 1rem rgba( 0, 0, 0, .15 );
	border-radius: 0;
}
#shopingbasket-adress-wrapper.card .card-header:first-child,
#delivery-adress-box.card .card-header:first-child,
#shopingbasket-payment-wrapper.card .card-header:first-child,
#shopingbasket-overview .card .card-header:first-child,
#shopingbasket-delivery-method-wrapper.card .card-header:first-child {
	border-radius: 0 !important;
	background-color: var( --primary-color );
	color: #fff;
}
#shopingbasket-overview .error,
.js_attribute_list .error {
	border: 1px solid var( --bs-danger );
}
/* #shopbasket_article_list button[type="submit"]:hover,
#shopingbasket-overview button[type="submit"]:hover {
	box-shadow: 0 .5rem 1rem rgba( 0, 0, 0, .15 );
} */
textarea {
	resize: inherit;
}