/* Allgemein */
/* Damit Bilder auf Mobile nicht zu gross dargestellt werden */
img, iframe {
	max-width: 100%;
}
.breadcrumb-content div ul:nth-child(1n+2) {
	display: none;
}
/* Menü auf Startseite bei Tablet nicht aufgeklappt */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.divMainMenuWrapper {
	   display: none;
	}
}

/* Header */
.cart-count,
.wishlist-count {
	color: #f4c432;
}
#divBasket .cart-count {
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	min-width: 24px;
}
.wishlist-link div[id^="ajax-update-container-"],
.shoppingcart-link div[id^="ajax-update-container-"] {
	display: inline;
}
.offers-link {
	font-size: 16px;
	display: flex;
    align-items: center;
}
.offers-link i {
	font-size: 20px;
	margin-right: 3px;
}
.cart-link .cart-preview i {
	font-weight: normal;
}
@media (max-width: 1199px) { 
	.header-wrapper, header {
		/* damit header .top-navigation {} -> position: sticky; funktioniert */
		display: initial;
	}
	header {
		/* Höhe von top-navigation */
		/*margin-top: 55.6px;*/		
	}
	header .top-navigation {
		position: sticky;
		top: 0;
		/* z-index 1040 = Bootstrap Modal-Backdrop */
		z-index: 1039;
		background: #fff;
		border-bottom: 1px solid #e7e7e7;
		display: block;
	}
}
@media (min-width: 1200px) {
	.header-wrapper {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		/* z-index 1040 = Bootstrap Modal-Backdrop */
		z-index: 1039;
		background: #fff;
		border-bottom: 1px solid #e7e7e7;		
	}
	/* Bei den letzten 2 Menüeinträgen kein Rahmen mehr anzeigen (Warenkorb ist sowieso ausgeblendet) */
	/*.header > li:nth-last-child(-n+2) {
		border-right: 0px none;
	}*/
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1320px) {
	.header > li {
		padding: 1rem 20px;
		margin: 0rem 0px;
	}
	.header > li.top-nav-right {
		padding: 1rem 30px;
		margin: 0rem 0px;
	}
}

/* Navigation */
.catalog-menu > ul > li:last-child > a {
	background: #f4c432;
	color: #464343;	
}
.catalog-menu > ul > li:last-child > a i {
	color: #464343;
}

/* Mobile Menü */
.mm-menu .mm-listitem .mm-btn_next {
	background: #f4c432;
}
.mm-menu .mm-listitem .mm-btn_next:after {
	border-color: #fff;
}
.mm-menu #catalog-menu-1 .mm-listview li:last-child a:last-child {
	font-weight: bold;
}

/* Artikeldetails - Accordion */
.dm-accordion .card {
	border-radius: 0;
	border: 0;
	margin-bottom: 10px;
}
.dm-accordion .card .card-header {
	background-color: #F5F5F5;
	padding: 0;
	border: 0;
}
.dm-accordion .card .card-header button {
	width: 100%;
	text-align: left;
	color: #464343;
	position: relative;
	padding-left: 60px;
	font-size: 14px;
}
@media (min-width: 576px) {
	.dm-accordion .card .card-header button {
		font-size: 18px;
	}	
}
.dm-accordion .card .card-header button:hover,
.dm-accordion .card .card-header button:focus{
	text-decoration: none;
}
.dm-accordion .card .card-header button .card-icon {
	position: absolute;
	left: 0;
	top: -1px;
	height: calc(100% + 2px);
	min-height: 100%;
	width: 50px;
	background: #464343;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 10px solid #fff;
}
.dm-accordion .card .card-header button .card-icon span {
	color: #F4C432;
}
.dm-accordion .card .card-header button:after {
	content: "\e648";
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 10px;
	top: 10px;
}
.dm-accordion .card .card-header button.collapsed:after {
	content: "\e64b";
}
.dm-accordion .card .card-body {
	padding-left: 60px;
}

/* Artikeldetails - Lieferung & Versand */
.dm-accordion .card .card-body .delivery-info {
	margin-bottom: 10px;
}

/* Artikeldetails - Artikelanfrage */
.dm-accordion .card #requests-body.card-body .input-form form span {
	color: #686868;
}

/* Checkout - Accordion */
.your-order .dm-accordion .card {
	background-color: #f2f2f2;
}
.your-order .dm-accordion .card .card-header {
	background-color: #fff;
}
.your-order .dm-accordion .card .card-header button .card-icon {
	border-right-color: #f2f2f2;
}

/* Artikeldetails - Disco Möbel Infos rechts */
.product-details .dm-info {
	padding: 15px;
	margin-bottom: 15px;
}
.product-details #dm-infos div[class^="col"]:nth-child(4n+1) .dm-info {
	background: #464343;
}
.product-details #dm-infos div[class^="col"]:nth-child(4n+2) .dm-info {
	background: #775054;
}
.product-details #dm-infos div[class^="col"]:nth-child(4n+3) .dm-info {
	background: #3f4251;
}
.product-details #dm-infos div[class^="col"]:nth-child(4n+4) .dm-info {
	background: #5d645c;
}
.product-details .dm-info h2 {
	color: #F4C432;
	font-size: 26px;
}
.product-details .dm-info * {
	color: #fff;
}

/* Artikeldetails - Warenkorb-Buttons */
.btn-cart:focus, .form-button-detailpage:focus, .hanicraft-action-button:focus {
	outline: 0;
}
#divProductDesc .quickview-btn-wishlist {
	height: 49px;
}

/* Artikeldetails - ShareThis */
#divProductDesc .sharethis-inline-share-buttons {
	z-index: 999;
}
#divProductDesc .sharethis-inline-share-buttons .st-btn[data-network='sharethis'] {
	background-color: transparent;
	padding: 0 15px;
	-webkit-transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	-moz-transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	-ms-transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	-o-transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	border: 1px solid #dcdcdc;
	color: #727272;
	border-radius: 0;
	height: 47.6px;
	min-height: 45px;
}
#divProductDesc .sharethis-inline-share-buttons .st-btn[data-network='sharethis']:hover {
	opacity: 1;
	top: 0;
	background-color: #464343;
}
/* Farbe von svg-Bild mit filter ändern, siehe: https://stackoverflow.com/a/53336754 */
#divProductDesc .sharethis-inline-share-buttons .st-btn[data-network='sharethis'] img {
	filter: invert(95%) sepia(0%) saturate(7496%) hue-rotate(195deg) brightness(120%) contrast(73%);
	top: auto; 
	vertical-align: middle;
	margin-top: 8px;
}
#divProductDesc .sharethis-inline-share-buttons .st-btn[data-network='sharethis']:hover img {
	filter: none;
}

/* Artikeldetails - Artikelinformationen rechts */
#divProductDesc #product-state {
	color: #D7A524;
	font-weight: bold;	
}
#divProductDesc .residue-info {
	flex: 0 0 100%;
	margin-bottom: 10px;
}
#divProductDesc .print-link {
	margin-right: 15px;
	background-color: transparent;
	padding: 0 17px;
	height: 40px;
	-webkit-transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	-moz-transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	-ms-transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	-o-transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	transition: filter 0.3s ease-out 0s, background 0.3s ease-out 0s;
	border: 1px solid #dcdcdc;
	color: #727272;
	border-radius: 0;
	height: 47.6px;
	min-height: 45px;
	line-height: 45px;
	display: inline-block;
}
#divProductDesc .print-link:hover {
	background-color: #464343;
	color: #fff;
}
#ModalProductView #divProductDesc .print-link {
	display: none;
}
#ModalProductView #divProductDesc .btn-hover:hover button {
	background: #464343;
	color: #fff;
	-webkit-transition: background 0.3s ease-out 0s;
	-moz-transition: background 0.3s ease-out 0s;
	-ms-transition: background 0.3s ease-out 0s;
	-o-transition: background 0.3s ease-out 0s;
	transition: background 0.3s ease-out 0s;
}
.cart-plus-minus,
.quickview-btn-cart {
	margin-bottom: 10px;
}
#divProductDesc .quickview-btn-wishlist {
	margin-right: 15px;
}
#divProductDesc #product-attr-text img {
	max-width: 100%;
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#divProductDesc .quickview-btn-wishlist {
		margin-right: 30px;
	}
	#divProductDesc .print-link {
		margin-right: 30px;
	}
	.cart-plus-minus,
	.quickview-btn-cart {
		margin-bottom: 20px;
	}
}
@media (max-width: 575.98px) {
	#ModalProductView .quickview-btn-cart {
		margin: 0 5px;
	}
}

/* Artikeldetails - Langtext-Formatierung */
#product-details #description-body * {
	font-family: 'Poppins', sans-serif !important;
	color: #333333 !important;
	word-break: break-word;
}
#product-details #description-body a,
#product-details #description-body a * {
	color: #daa520 !important;
}
#product-details #description-body img {
	max-width: 100%;
}

/* Artikellisten - 2 Kacheln auf Mobile */
@media (max-width: 575.98px) {	
	#divProductOverviewHeadline.pb-50 {
		padding-bottom: 20px;
	}
	.product-grid {
		flex: 1 1 calc(50% - 8px);
		min-width: calc(50% - 8px)!important;
		max-width: calc(50% - 8px)!important;
		margin-right: 4px;
		margin-left: 4px;
		margin-bottom: 8px !important;
		background: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,.15), 0 1px 5px rgba(0,0,0,.2);
		border-radius: 5px;		
	}
	.product-grid .product-img {
		/*height: 150px;*/
		height: auto;
		margin-top: 9px;
	}
	.product-grid .product-img > a {
		/*line-height: 150px;*/
		line-height: auto;
	}
	.product-grid .product-content-electro2-b {
		padding: 20px 0;
	}
	/* Buttons in Liste ausblenden (WK, Merkliste) */
	.product-grid .hanicraft-action,
	.product-wrapper .product-action {
		display: none;
	}
	.product-content h4,
	.product-content > span	{
		font-size: 16px;
	}
	.product-content-electro2 > h5 {
		font-size: 16px;
	}
}
/* Artikellisten - Layout optimieren */
@media (min-width: 576px) and (max-width: 1199.98px) {
	/*.product-grid .product-img {
		height: 200px;
	}
	.product-grid .product-img > a {
		line-height: 200px;
	}*/
}
/* Artikellisten - Overlays */
.product-overlays {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;	
	max-width: 150px;
	z-index: 2;
}
@media (max-width: 575.98px) {
	.product-overlays {	
		width: 50%;	
	}
	#divProductListDetail .product-overlays {	
		width: 35%;	
	}
}
.product-overlays img {
	max-width: 100%;
	vertical-align: top;
}

/* Startseite */
#homepage-text *,
.text-content *,
#divContactForm * {
	font-family: 'Poppins', sans-serif !important;
	word-break: break-word;
}
#homepage-text iframe,
#divContactForm iframe {
	border: none;
}
.text-content details summary span {
	position: relative;
	top: 2px;
}
.slider-area #formSlide a {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.slider-area .owl-carousel .owl-item img {
	width: auto;
}

/* Startseite - News */
#intro-text img {
	max-width: 100%;
}
@media (min-width: 1200px) {
	#intro-text img {
		float: right;
	}
}
#NewsContainer .news {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* Startseite - Hot Topics */
#hottopics-catalog img {
	padding: 9px;
}
.product-content-electro2 > h5 span.product-available-icon {
	margin-left: 1rem;
}
@media (max-width: 400px) {
	.product-content-electro2 > h5 > div.hottopics-price {
		width: 100%;
		margin-bottom: 5px;
	}
	.product-content-electro2 > h5 span.product-available-icon {
		margin-left: 0;
	}
}

/* Warenkorb */
#cmdCartNextStep:disabled {
	background: #494949 none repeat scroll 0 0 !important;
	opacity: 0.5;
	cursor: initial;
}
.shopping-cart-content div.availability * {
	text-transform: initial;
}

/* Checkout */
.your-order-table-row.bg-danger * {
	color: #fff !important;
}
.select-shipment select {
	background-color: #464343;
	color: #F4C432;
}
.select-shipment select option {
	color: #383838;
}
.btn-create-order {
	color: #F4C432 !important;
}

/* Checkout - Entsorgungen */
.your-order .dm-accordion .disposal-cart .cart-plus-minus {
	background: #fff;
	margin-bottom: 0;
}
.your-order .dm-accordion .disposal-cart .quickview-btn-cart {
	margin: 0px 15px;
}

/* Artikelübersicht */
.product-content > div {
	/* Zusatzbezeichnung Abstand nach oben etwas verringern */
	margin-top: -3px;
	margin-bottom: 6px;
}
.product-content-list .product-list-info > div {
	margin-top: 3px;
}
#catalog-details img {
	max-width: 100%;
}
.product-available-icon {
	background: #688568;
	color: #fff !important;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	display: flex !important;
    align-items: center;
    justify-content: center;
}
.product-available-icon:before {
	content: "\2713";
    font-size: 14px;
	font-weight: 600;
}
.product-list-info > span.product-available-icon {
	margin: 0;
}
@media (max-width: 400px) {
	.product-content span.price {
		width: 100%;
	}
	.product-content span.price span.old {
		margin-bottom: 5px;
	}
}

/* Kontakt */
#divContactForm img {
	max-width: 100%;
}
#divContactForm form textarea {
	min-height: 120px;
}

/* Quick-view */
@media (min-width: 1200px) {
	#ModalProductView .quick-view-content #product-info-list .value-row .value-desc {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	#ModalProductView .quick-view-content #product-info-list .value-row .value	{
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
}

/* Druckansicht */
@media print { 
	header .header-wrapper, header #divSearch, header #divBasket, .main-menu, .breadcrumb-content, .product-details .accordion, .product-details #divRelatedProducts, 
	.product-details #dm-infos, .product-details #div33408, footer, .mz-hint {
		display: none !important;
	}	
	.product-details #divProductPic,
	.product-details #divProductDesc {
		max-width: 50% !important;
	}
}

/* Katalogfilter */
#blcSetCatalogFilter h3 {
	font-weight: bold;
	color: #686868;
}
#blcSetCatalogFilter h3:not(#FilterMatE):not(#price-filter) {
	display: none;
}
#filter-accordion button.filter-button.mobile-use-filter {
	color: #f4c432;
	background-color: #464343;
}

/* Preisfilter */
#blcSetCatalogFilter .filter-content #price-slider-container:after {
	display: block;
    content: "";
    clear: both;
}
#blcSetCatalogFilter .filter-content #price-slider-amount-container {
	margin-bottom: 5px;
}
#blcSetCatalogFilter .filter-content #price-slider-inputs {
	width: 100%;
	display: block;
	float: left;
	margin-top: 10px;
}
#blcSetCatalogFilter .filter-content input.price-filter-range {
    font-size: 14px;
    font-weight: normal;
    margin: 0 !important;
    padding: 8px 5px;
    /*width: 30px;*/
	width: 25%;
	height: 40px;
	max-width: 70px;
    background: #fff;
    border: 1px solid #EAEAEA;
    outline: none;
    color: #333;
}
#blcSetCatalogFilter .filter-content #price-slider-submit {
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
#blcSetCatalogFilter .filter-content #SubmitPriceFilter {
	/*float: right;*/
	margin-top: 10px;
	background: #dedede;
	color: #000;
	cursor: pointer;
	outline: none;
	border: 0;
	font-size: 14px;
    padding: 8px;
    transition: all 0.3s ease 0s;
	height: 40px;
}
@media (min-width: 1300px) {
	#blcSetCatalogFilter .filter-content #SubmitPriceFilter {
		padding: 8px 12px;
	}
}
#blcSetCatalogFilter .filter-content #SubmitPriceFilter:hover {
	background: #464343;
	color: #f4c432;
}
#price-slider-container .ui-widget-header {
	background: #f1f1f1 !important;
}
#price-slider-container .ui-state-default, #price-slider-container .ui-widget-content .ui-state-default, #price-slider-container .ui-widget-header .ui-state-default, #price-slider-container .ui-button, html #price-slider-container  .ui-button.ui-state-disabled:hover, html #price-slider-container .ui-button.ui-state-disabled:active {
	background: #464343 !important;
	border-color: #fff;
}
#price-slider-container .ui-state-active, #price-slider-container .ui-widget-content .ui-state-active, #price-slider-container .ui-widget-header .ui-state-active {
	background: #f4c432 !important;
	border: 0 !important;
}

/* Artikeldetails - Artikelverbindungen */
#productlink-selection select {
	background: #f7f4f4;
}

/* Google reCaptchaV2*/
.login-form-container .default-btn:disabled,
.email-form-container.buttons-cart input[type="submit"]:disabled {
	cursor: not-allowed !important;
	opacity: 0.5;
}
.login-form-container .default-btn:disabled:hover {
	background-color: #fff;
    border: 1px solid #ddd;
    color: #777;
}
.email-form-container.buttons-cart input[type="submit"]:disabled:hover {
	background: #222;
}