/* @group Symbol Fonts */

/* --- Symbols in Template-Ordner > fonts */

/* material-symbols-outlined-100 - latin */

@font-face {
font-display: swap;
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 100;
src: url('../fonts/material-symbols-outlined-v92-latin-100.woff2') format('woff2'),        url('../fonts/material-symbols-outlined-v92-latin-100.woff') format('woff');
}

/* material-symbols-outlined-200 - latin */

@font-face {
font-display: swap;
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 200;
src: url('../fonts/material-symbols-outlined-v92-latin-200.woff2') format('woff2'),        url('../fonts/material-symbols-outlined-v92-latin-200.woff') format('woff');
}

/* material-symbols-outlined-300 - latin */

@font-face {
font-display: swap;
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 300;
src: url('../fonts/material-symbols-outlined-v92-latin-300.woff2') format('woff2'),        url('../fonts/material-symbols-outlined-v92-latin-300.woff') format('woff');
}

/* material-symbols-outlined-regular - latin */

@font-face {
font-display: swap;
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 400;
src: url('../fonts/material-symbols-outlined-v92-latin-regular.woff2') format('woff2'),        url('../fonts/material-symbols-outlined-v92-latin-regular.woff') format('woff');
}

/* material-symbols-outlined-500 - latin */

@font-face {
font-display: swap;
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 500;
src: url('../fonts/material-symbols-outlined-v92-latin-500.woff2') format('woff2'),        url('../fonts/material-symbols-outlined-v92-latin-500.woff') format('woff');
}

/* material-symbols-outlined-600 - latin */

@font-face {
font-display: swap;
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 600;
src: url('../fonts/material-symbols-outlined-v92-latin-600.woff2') format('woff2'),        url('../fonts/material-symbols-outlined-v92-latin-600.woff') format('woff');
}

/* material-symbols-outlined-700 - latin */

@font-face {
font-display: swap;
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 700;
src: url('../fonts/material-symbols-outlined-v92-latin-700.woff2') format('woff2'),        url('../fonts/material-symbols-outlined-v92-latin-700.woff') format('woff');
}
/* @end */
:root {
    --gelb: rgba(255, 185, 105, 1);
    --weiss: #fff;
/*	--grau: #ddd;*/
	--schwarz: #000;
	--gruen: rgba(106, 124, 45, 1);
	--rot: rgba(121, 51, 67, 1);
/*	--blau: rgba(131, 145, 131, 1);*/
	--alert: rgba(177, 0, 0, 1);
	--alertbg: rgba(255, 255, 50, 1);
	--symbol: 'Material Symbols Outlined';
}
/* @group Icons */

i {
	font: unset !important;
	font-family: var(--symbol) !important;
	font-weight: 200 !important;
}

.fa-shopping-cart::before {
	content: "\f1cc";
}

.fa-trash-o::before {
	content: "\e872";
	font-size: 1.8rem;
}

.icon-plus::before {
	content: "\e5d2";
}

.icon-minus::after {
	content: "\e5cd";
}

/* @end */

.j2store .table-bordered {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1em;
	line-height: 1.1;
	background-color: rgba(255,255,255,.5);
}

.j2store .table th, .j2store .table td {
	padding: .4em;
	text-align: left;
	vertical-align: top;
	border: 1px solid rgba(100,100,100,.5);
}

.j2store .table-bordered th, .j2store .table-bordered td {
/*	border-left: 1px solid rgba(100,100,100,.5);*/
}

/* @group Input + Button*/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	/* display: inline-block; */
	/* height: 18px; */
	padding: .3em .5em;
	/* margin-bottom: 9px; */
	/* font-size: 1rem; */
	/* line-height: 18px; */
	/* color: #555; */
	/* -webkit-border-radius: 3px; */
	outline: 1px solid #000;
	outline-offset: -.5px;
	width: 100%;
	max-width: 20em;
	margin-bottom: .2em;
	vertical-align: middle;
}

input[type="checkbox"], input[type="radio"] {
	width: unset;
	display: inline;
	vertical-align: middle;
}

.btn, select {
	display: inline-block;
	font-weight: 400;
	background-color: var(--blau);
	color: #fff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0.5rem 1rem;
	border-radius: 0;
	margin-bottom: .2em;
	width: auto;
}

.clr {
	height: 1em;
}

.j2store-cart-table .remove-icon {
	padding: 0.22rem;
	margin: 0;
}

.btn:hover {
	filter: hue-rotate(-0.25turn);
}

.btn-primary {
	background-color: var(--blau);
}

.btn-secondary {
	background-color: var(--blau);
}

.btn-success {
	background-color: var(--gruen);
}

.btn-inverse {
	background-color: var(--gruen);
}

.btn-warning {
	background-color: var(--rot);
}

.btn-danger {
	background-color: var(--rot);
}

.j2error, div.j2error em.error, div.j2storeerror em.error, .payment_info input.error, .j2store label.error {
	color: var(--alertbg);
	font-style: italic;
	background-color: var(--alert);
	display: block;
	padding: .3em;
}

/* @end */

/* add to cart */

.product-qty, .j2store-add-to-cart {
	display: inline;
}

.product-qty input[type="text"], .product-qty input[type="number"] {
	/* display: inline; */
	/* height: 100%; */
	padding: 0.5em 0 !important;
	width: 3em !important;
	/* height: 4em; */
	margin: 0 .2em 0 0 !important;
	text-align: center; 
	float: left;
}

/* @group Shopping cart */

.fa-shopping-cart::before {
	position: relative;
	left: 1em;
	z-index: 1;
}

.cart-item-count {
	background: unset;
	/* background-color: var(--text); */
	border-radius: .1em;
	/* color: var(--gelb); */
	font-size: .57em;
	height: unset;
	width: 1em;
	line-height: 1;
	font-weight: bold;
	position: relative;
	top: -.37em;
	/* left: .37em; */
	z-index: -1;
}

label, input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	display: block;
}

.j2store-cart-table td {
	width: 40%;
}
thead, tfoot {
	text-align: left;
	font-weight: bold;
}
.j2store .checkout-heading {
	background-color: var(--weiss);
	border: none;
	color: var(--hg);
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 1em;
	padding: .5em;
}
.cart-thumb-image {
	max-width: 4em;
	display: block;
}
/* @end */

/* @group product view */

.j2store-product-images {
	text-align: center;
	width: 100%;
	/*	background-color: var(--menubg);*/
}

/*.product-filter-heading {
	display: block !important;
}*/
#productFilters {
	grid-column-end: -1;
}
/*.category-filters a {
	color: var(--weiss);
}*/
/*
.j2store-product-filters.category-filters i {
	position: relative;
	top: -.1em;
}*/

.ui-slider-horizontal .ui-slider-handle {
	margin-left: -.3em;
}

.sale-price {
	/* font-size: 1.4em !important; */
	color: var(--text);
	line-height: 1.7;
	margin-right: 0.2em;
	font-weight: 400 !important;
}

.j2store-addtocart-form {
	margin-top: unset;
	display: inline-block;
}

.j2store-products-row, .col-sm-9 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	align-items: end;
	gap: 1em;
}

.j2store-product-list .j2store-single-product {
	margin-top: 0;
}

/* @end */