/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

* {
	scroll-margin-top: 140px;
}

@media (min-width: 992px) {
	body[data-page="1"] #content-wrapper:not(.has-fluid) {
		padding-top: 1rem;
	}
}

@media (max-width: 600px) {
	.review-badge.hidden {
		display: none;
	}
}
.product-configuration-sidebar-wrapper {
	z-index: 1;
}

.config-table tr th:nth-child(2) {
	text-align:right;
}

.cfg-summary-item .css-quantity {
	flex:0 0 !important;
	max-width:unset;
}



#product-configuration-sidebar .price,
.product-offer .price_wrapper .price {
	font-size: 28px;
}

#cfg-container > div {
	max-width:unset;
	flex:1 0 100%;
}

.config-table {
	margin-bottom:0;
}

.css-info-essential .delivery-status >ul {
	display:flex;
	margin-right:1rem;
	justify-content: flex-end;
}
.css-info-essential .delivery-status >ul li:nth-child(1):after {
	content:"-";
	madding:0 5px;
	display:inline-block;
}
.css-info-essential .delivery-status >ul li {
	flex:0 1 auto;
	margin-left:5px;
}




#cfg-container .css-active .cfg-group-check,
#cfg-container .cfg-group-missing {
	display:block !important;
}

#cfg-container .css-active .cfg-group-missing,
#cfg-container .cfg-group-check {
	display:none !important;
}

#cfg-container .css-active .cfg-group-check {
	color:#1C871E !important
}
	.cfg-group-list-wrapper {
	}

	#cfg-container .cfg-group .custom-control-inline {
		margin-bottom: 0.5rem;
	}

	#cfg-container .col-auto  {
		flex: 0 0 auto;
		width: auto;
	}
@media (max-width: 575px) {
	#cfg-container .col-auto {
		flex: 1 0 auto;
		width: auto;
	}
}
.cfg-group .cfg-item-description >div dl {
		padding:5px 0.5rem;
	}
	.cfg-group .cfg-item-description >div {
		max-width: unset;
		flex: 1 0 100%;
		padding:0 25px 0 0;
		position:relative;
	}
.cfg-group .config-item .cfg-item-detail-button {
	position:absolute;
	right:0px;
	top:0;
	height:100%;
	background-color: #f5f7fa;
}

.fa-info-circle {
	color: #db2a24;
	cursor:pointer;
}

.cfg-layout-list .cfg-group .form-group {
	margin:0 -0.3rem;
}
.cfg-layout-list .cfg-group .form-group >div {
	padding:0 0.3rem;
}

.cfg-layout-list .cfg-group label {
	outline: 1px solid #525252 !important;
	background-color:#f4f4f4;
}
.cfg-layout-list .cfg-group .config-item {
		padding:0;
}

#cfg-container .custom-control:focus-within > label {
	outline: 0px solid #e97f7c;
}

.cfg-group-info,
.css-productDetails,
.cfg-group .cfg-item-description >div .price-note,
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle,
.cfg-group .config-item picture,
.cfg-group .config-item .cfg-item-qty {
	display:none
}

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
	background-color:#90ee90 !important;
	outline: 1px solid #db2a24 !important;
	border-radius:0 !important;
}

.cfg-position-details.cfg-layout-list .cfg-group-list-wrapper .cfg-group {
	border: 0;
	padding: 0;
}

.cfg-group .h3 {
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #ede8e8!important;
	color: #525252;
}

.cfg-item-description .badge-light {
	border:0;
	background-color:transparent;
	font-size:100%;
}

.cfg-item-detail-button .badge {
	margin-top: 0.2rem;
}

#product-offer .product-info ul.info-essential {
	margin: 1rem 0 ;
}

@media(max-width:575px) {
h1.product-title {
	text-align:center;
}
	.product-offer .price_wrapper,
	.css-info-essential {
		text-align:right;
	}
}