/**
 *	Stylesheet backend - Plugin - Dillenius Produkte
 *	@creaded 2025-11-24 by Thomas Jirasko <technik@bugfree-systems.de>
 *	@updates 2025-11-26 by Thomas Jirasko
 */

.db-produkte_produktfilter_wrap{}

/* --- messages and errors --- */
ul.db-produkte_messages{display:block;width:100%;margin:25px auto;padding:0;}
ul.db-produkte_messages li.message{list-style-type:none;min-height:26px;margin-top:5px;padding-left:35px;font-size:1.2em;line-height:1.5em;font-weight:600;}
ul.db-produkte_messages li.message.error{color:#ef151b;background:url('../images/icon-error.png') no-repeat left top transparent;background-size:27px 26px;}
ul.db-produkte_messages li.message.warning{color:#ef151b;background:url('../images/icon-alert.png') no-repeat left top transparent;background-size:27px 26px;}
ul.db-produkte_messages li.message.info{color:#A48F65;background:url('../images/icon-info.png') no-repeat left top transparent;background-size:27px 26px;}
ul.db-produkte_messages li.message.success{color:#0caa00;background:url('../images/icon-success.png') no-repeat left top transparent;background-size:27px 26px;}

/* --- product listing - filter --- */
.db-produkte_produktfilter_wrap .db-produktfilter-bar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3.5%;place-content:start;}
.db-produkte_produktfilter_wrap .db-produktfilter-bar-item{min-width:140px;min-height:30px;font-size:16px;color:#fff;text-align:center;border-style:solid;cursor:pointer;-ms-flex-item-align:center;align-self:center;padding:5px 10px;background-color:#566573;-webkit-transition:all .5s ease 0ms;-o-transition:all .5s ease 0ms;transition: all .5s ease 0ms;}
.db-produkte_produktfilter_wrap .db-produktfilter-bar-title{display:-ms-flexbox;display:flex;gap:.5em;justify-content:center;}
.db-produkte_produktfilter_wrap .db-produktfilter-bar-item.active,
.db-produkte_produktfilter_wrap .db-produktfilter-bar-item:hover{background-color:#F8BF25;}
.db-produkte_produktfilter_wrap .db-produktfilter-bar-item.hidden{display:none;}

div#product-filter-badges-wrap div.et_pb_module.dipi_button_grid_child{display:inline-block;}
div#product-filter-badges-wrap a.et_pb_button{border:none;border-radius:0;padding:.4em 1.4em .4em .7em;background:#c7cfd8;color:#6b6868;font-size:1em;}
div#product-filter-badges-wrap a.et_pb_button:after{-moz-opacity:1 !important;-webkit-opacity:1 !important;opacity:1 !important;margin-left:0 !important;}

/* --- product listing --- */
.produkt-teaser-wrap .et_pb_column{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;grid-column-gap:3%;grid-row-gap:calc(1560px * 0.025);clear:both;float:none;}
.produkt-teaser.et_pb_promo{aspect-ratio:1 / 1;}
.produkt-teaser.et_pb_promo .et_pb_promo_description .et_pb_module_header:after{content:'';display:block;height:1px;width:60px;background-color:#A48F65;margin-top:8px;}
.produkt-teaser.et_pb_promo .et_pb_button_wrapper{position:absolute;bottom:0;right:0;}
.produkt-teaser.db-produkte_hidden{display:none !important;}

@media only screen and (max-width:1699px) {

	/* --- product listing --- */
	.produkt-teaser-wrap .et_pb_column{grid-row-gap:2.1vw;}
}
@media only screen and (max-width:980px) {

	/* --- product listing - filter --- */
	.db-produkte_produktfilter_wrap .db-produktfilter-bar{gap:20px;place-content:center;padding:0 0 30px 0;}
}
@media only screen and (max-width:899px) {

	/* --- product listing --- */
	.produkt-teaser-wrap .et_pb_column{grid-template-columns:repeat(3,1fr);grid-row-gap:2.5vw;}
	.produkt-teaser-wrap .et_pb_column .et_pb_module{margin-bottom:0 !important;}
}
@media only screen and (max-width:699px) {

	/* --- product listing --- */
	.produkt-teaser-wrap .et_pb_column{grid-template-columns:repeat(2,1fr);grid-row-gap:2.5vw;}
}
@media only screen and (max-width:479px) {

	/* --- product listing - filter --- */
	.db-produkte_produktfilter.et_pb_row .et_pb_column.et_pb_column_1_4{margin-bottom:18px;}
}
@media only screen and (max-width:439px) {

	/* --- product listing --- */
	.produkt-teaser-wrap .et_pb_column{grid-template-columns:repeat(1,1fr);grid-row-gap:5vw;}
}