.table thead .table-header .btn,
.btn.btn-list {
    border-radius: 3px;
}

.btn-sm {
	border-radius: 3px;
}

.btn-special {
	border-radius: 3px;
}

.btn.btn-lg {
	border-radius: 5px;
}

.ff-gallery {
    display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

.ff-gallery-list .ff-gallery {
	flex-direction: column;
}

.ff-g-item {
    flex: 1;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 0;
	margin: 1px;
	box-sizing: border-box;
	border: 5px solid white;
}

.ff-gallery-thumbs .ff-g-item {
	--ff-g-item-size: 100px;
}

.ff-gallery-thumbs .ff-gi-name {
	font-size: 14px;
}

.ff-gallery-list .ff-g-item {
	flex-direction: row;
	--ff-g-item-size: 100px;
	text-align: left;
}

.ff-g-item.selected {
	border-color: var(--primary-2);
}

.ff-gi-name {
	color: var(--title-color);
}

.ff-gi-tags {
	font-size:smaller;
}

.ff-g-item {
	--ff-g-item-size: max(170px,15vw);
	min-width: var(--ff-g-item-size);
	min-height: var(--ff-g-item-size);
	max-width: var(--ff-g-item-size);
	max-height: var(--ff-g-item-size);
}

.ff-gallery-list .ff-g-item {
	max-width: none;
}

.ff-g-item-thumb-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image:var(--thumb-image);

	display: flex;
	flex-direction: column;
	justify-content: end;
}

.ff-gallery-list .ff-g-item-thumb-bg {
	background-position: left;
	background-size: contain;
}

.ff-gi-toolbar {
	justify-content: end;
	display: none;
}

.ff-gallery-list .ff-gi-toolbar {
	order: 1;
	display: flex;
	width: var(--ff-g-item-size);
}

.ff-g-item:hover .ff-gi-toolbar {
	display: flex;
}

.ff-gi-action:hover {
	background-color: rgba(255, 255, 255, 0.9);
}

.ff-gi-action {
	margin: 5px;
	padding: 5px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 15px;
	transition: all 0.2s ease-in;
}

.ff-gi-expander {
	flex: 1;
}

.ff-gallery-list .ff-gi-expander { flex: none }

.ff-gi-content {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2px 5px;
}

.ff-gallery-list .ff-gi-content {
	flex: 1;
	order: 2;
	background-color: white;
	padding-left: 20px;
}

.ff-gi-name {
	font-size: min(20px,max(10px,1vw));
}

.ff-gi-tags {
	font-size: min(15px,max(10px,0.75vw));
}

div.wasgits-rezept-thumb img,
img.wasgits-rezept-thumb {
	width: var(--thumb-size);
	height: var(--thumb-size);
	object-fit: cover;
}

.wasgits-rezept-upload .ff-input-file {
	background-size: cover;
	margin: 5px;
}

.wasgits-rezept-upload .ff-input-file span {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 10px;
	margin: 1px;
}

.wasgits-einkauf-wrapper {
	display: flex;
	flex-direction: row;
}

.wasgits-einkauf-wrapper .ff-gallery-wrapper {
	flex: 1;
}

.ff-gallery-header,
.ff-gallery-filter {
	display: flex;
}

.ff-gallery-filter .ff-gallery-filter-input {
	flex: 1;
}

.wasgits-rezept-zutat input {
	font-size:12px;
	padding: 2px 5px;
	min-width: 20px;
	margin: 0;
	border: 0 none;
	background-color: transparent;
}

.wasgits-rezept-zutaten {
	font-size: 12px;
}

.wasgits-rezept-zutat td:nth-child(2),
.wasgits-rezept-zutat td:nth-child(2) input {
	max-width: 30px;
}

.wasgits-rezept-zutat td:nth-child(3),
.wasgits-rezept-zutat td:nth-child(3) input {
	max-width: 30px;
}

.wasgits-rezept-zutaten .table tr.wasgits-rezept-unbekannte-zutat td {
	background-color: var(--primary-2);
}

@media print {
	.table-buttons,
	.btn-list {
		display: none;
	}

	.wasgits-einkaufsliste { columns: auto; }
	.wasgits-einkaufsliste table,
	.wasgits-einkaufsliste thead,
	.wasgits-einkaufsliste tbody,
	.wasgits-einkaufsliste tr
	{ display: block; background: transparent !important; border: 0 none !important; }

	.wasgits-einkaufsliste th,
	.wasgits-einkaufsliste td
	 { display: inline-block; background: transparent !important; border: 0 none !important; }
}