/* SHOP CUSTOM CSS */
/* OEKOKISTE-DONAUWALD */



/*** @font-face {
    font-family: 'Eraser';
    src: url("/assets/css/Eraser.ttf") format("truetype"),url("/assets/css/erasdust.ttf") format("truetype")
}
***/

.oo-shop-data-WebPage-68 {
	visibility: hidden;
}

:root {
	--action-alt-color: #888888;
	--action-alt-bgcolor: transparent;
	--flash-text-color: #000000;
	--headline-color-1: #006539;
	--headline-color-2: #006539;
	--headline-color-3: #EA9026;
	--bgcolor-1: #c0c0c0;
	--bgcolor-2: #888b90;
	--bgcolor-3: #eef6dd;
	--all-bgcolor: #ffffff;
	--all-color: #000000;
	--display-last: block;
	--display-search: block;
	--shop-title-display: block;
	--action-major-bgcolor: #006539;
	--action-major-color: #ffffff;
	--action-minor-bgcolor: #006539;
	--action-minor-color: #ffffff;
	--all-border-radius: 0px;
	--all-text-color: #315c76;
	--all-text-relsize: 1em;
	--cart-assorted-bgcolor: #e8efff;
	--cart-assortment-bgcolor: #ffffff;
	--cart-bgcolor: #f5f5f5;
	--display-chat: none;
	--display-filter: block;
	--display-path: block;
	--headerfooter-bg-color: #c0d456;
	--headerfooter-sep-height: 1px;
	--headerfooter-sep-color: #cccccc;
	--item-border-color: #c0c0c0;
	--item-box-height: 300px;
	--item-box-bg-color: #ffffff;
	--table-bg-even: #f6fcf6;
	--topnavi-bgcolor: #006539;
	--navi-bgcolor: transparent;
	--navi-hover-bgcolor: #eef6dd; 
	--navi-hover-color: #006539;
	--navi-color: #006539;
	--navi-left-bgcolor: #006539;
	--navi-left-color: #315c76;
	--navi-picked-bgcolor: #009856;
	--navi-picked-color: #ffffff;
	--navi-left-picked-color: #9e005d;
	--navi-left-picked-bgcolor: #ffffff;

	--mobile-navi-bg-color: #006539;
	--mobile-navi-bg-color2: #AFDDB3;
	--mobile-navi-bg-color3: #ffffff;
	--mobile-navi-border: rgba(255,255,255,0.5);

	--overlay-bgcolor: #ffffff;
	--overlay-color: #666666;
	--signal-color-1: #EA9026;
	--signal-color-2: #006539;
	--signal-color-3: #006539;
	--signal-color-4: #e30613;
	--button-radius: calc(var(--all-border-radius) / 2);

	--bgcolor-transparent: transparent;
	--bg-trans: rgba(255, 255, 255, 0.5);
	--bg-dummy: #fff url('https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/dummy.svg') no-repeat center center;
}

/* - - - - set Theme settings - - - - - */
h1,
h2,
h3,
h4,
h5 {
	font-weight: 700;
}

.h2,
h2 {
	font-size: 98px;
	line-height: 95px;
}

h3,
h5 {
	font-family: 'Dosis-Regular',Helvetica,Arial,sans-serif;
	font-weight: 700;
}

/* - - - - - - HELPER - - - - - - - - - */
.show-onload {
	opacity: 0;
}

/* - - - - - - HEADLINES - - - - - - - - - */
body.is-oo-shop h2,
body.is-oo-shop h3,
body.is-oo-shop h4 {
	font-family: inherit !important;
}
#oo-shop h1 {
	font-size: 1.5em;
	color: var(--headline-color-1);
}
#oo-shop h2 {
	font-size: 1.5em;
	color: var(--headline-color-3);
	font-weight: 700;
}
#oo-shop h3 {
	font-size: 1.2em;
	font-weight: 700;
	color: var(--headline-color-2);
}
#oo-shop h4 {
	font-size: 1.1em;
	font-weight: 700;
	font-style: normal;
	color: var(--headline-color-3);
	margin-top: 1.5em;
}

/* - - - - - - HEADER - - - - - - - - - */
.shop-header {
	display: flex;
	justify-content: flex-end;
	margin: 200px auto 30px auto;
}

.shop-header .search-text {
	position: relative;
	width: 260px;
	height: 50px;
}

.shop-header .search-text > label {
	position: absolute;
	bottom: 10px;
	font-size: 1.2em;
	font-weight: 700;
	color: var(--signal-color-1);
}

/* - - - - - - - SEARCH - - - - - - */
#oo-search {
	float: none;
	width: 100%;
	max-width: 100%;
}

#oo-search .oo-search-val {
	/* width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px); */
	width: 100%;
	/* border: 4px solid var(--signal-color-3); */
	-webkit-appearance: none;
}

#oo-search .oo-search-preview {
	position: absolute;
	bottom: auto;
	left: auto;
	width: 100%;
	max-height: 60vh;
	padding: 10px 0;
	box-shadow: 1px 7px 10px #888;
	overflow: auto;
	z-index: 1;
}

#oo-search .oo-search-preview-items-more {
	color: var(--signal-color-1);
}

#oo-search .oo-search-preview .oo-overlay-close {
	position: initial;
	color: #000;
    font-size: 24px;
	margin-top: -3px;
	background: transparent;
}

#oo-search-navigations,
#oo-search-suggestions,
.oo-search-preview-hint {
	display: none;
}

.oo-search-preview-items-item {
	width: 100%;
	margin: 0;
	height: auto;
	border-bottom: 1px solid #dadada;
	padding: 10px;
}

.oo-search-preview-items-item:hover {
	background: #ffffff;
}

#oo-search .oo-search-preview-items-item .oo-item-img {
	float: left;
	width: 75px;
	height: 75px;
	margin-right: 10px;
}

.oo-search-preview-items-item .oo-item-name {
	position: relative;
	top: 0;
	opacity: 1;
	background: none;
	display: inline-block;
	width: 70%;
}

.oo-search-preview-items-addbox {
	position: relative;
	color: #2e8835;
}

.oo-search-preview-items-addbox button.oo-search-preview-items-plus {
	width: 30px;
	height: 30px;
	color: transparent !important;
	padding: 0 !important;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_white.svg?#oo-plus);
	background-color: var(--signal-color-3) !important;
	border-radius: 0 !important;
	background-size: contain;
	background-repeat: no-repeat;
}

/* - - - - - - TOPNAV + SHOPSTATUS - - - - - - */
#shop-navi {
	height: 50px;
	background: var(--topnavi-bgcolor);
}

#shop-navi .wrapper {
	position: relative;
	display: flex;
	/* justify-content: space-between; */
	max-width: 2440px;
	padding: 0 20px;
	margin: 0 auto;
    
 

}

#oo-status {
	/* position: absolute; */
	/* right: 80px;
	bottom: 10px; */
	/* width: 243px; */
	width: 166px;
	text-align: left;
	/* margin-bottom: 10px; */
	margin-right: 10px;
}

@media (max-width: 1140px) {
	#oo-status {
		position: absolute;
		right: 20px;
	}
}

#oo-status .oo-status-auth-logon.oo-style-majoraction {
	padding: 0;
	margin: 0;
	background: none;
}

#oo-status .oo-status-auth-logonlink {
	width: 50px;
	height: 43px;
	font-size: 0;
	padding: 0;
	margin-left: 3px;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon-logon.svg) no-repeat center;
	background-size: contain;
}

#oo-status .oo-status-auth-logonlink:hover {
	opacity: 0.5;
}

#oo-status .oo-status-auth-profile {
	float: left;
	padding: 0;
}

#oo-status .oo-icon.oo-status-notify {
	position: absolute;
    left: -40px;
    top: 11px;
	width: 40px;
	height: 40px;
	font-size: 0;
	padding: 0;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon-notify.svg) no-repeat center;
	background-size: contain;
	opacity: 1;
}

#oo-status .oo-status-tourinfo-hint {
	border: 4px solid var(--signal-color-3);
}

#oo-status .oo-status-tourinfo-hint .oo-status-tourinfo1 {
	padding: 20px;
}

#oo-status .oo-status-auth-profile {
	background: none !important;
}

#oo-status .oo-status-auth-name {
	width: 50px !important;
	height: 43px;
	font-size: 0;
	padding: 0;
	margin-left: 3px;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon-logoff.svg) no-repeat center;
	background-size: contain;
}

#oo-status .oo-status-auth-date {
	position: absolute;
    top: 20px;
	left: -200px;
}

#oo-status .oo-status-auth-datelink {
	font-size: 0.9em;
	color: var(--signal-color-2);
	padding: 0;
	width: 140px;
    text-align: right;
}

/* #oo-status .oo-status-auth-datelink:before {
	content: 'Lieferdatum: ';
} */

@media (max-width: 1140px) {
	#oo-status .oo-status-auth-date {
		left: auto;
		right: 50px; 
		top: 62px;
	}

	#oo-status .oo-status-auth-datelink {
		color: #fff;
	}
}

@media (max-width: 639px) {
	#oo-status .oo-status-auth-date {
		top: 60px;
	}
}

@media (max-width: 480px) {
	#oo-status .oo-status-auth-date {
		top: 54px;
	}
}

#oo-status .oo-status-auth-date-preview UL {
    margin-left: 0;
}

#oo-status .oo-status-fav,
#oo-status .oo-status-cart {
	position: absolute;
	/* width: 65px;
	height: 65px; */
	width: 45px;
	height: 45px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#oo-status .oo-status-fav:hover,
#oo-status .oo-status-cart:hover {
	opacity: 0.5;
}

#oo-status .oo-status-fav {
	/* right: 91px; */
	right: 63px;
	top: 7px;
}

#oo-status .oo-shop-favorite-off {
	background-image: url('https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon-favorite-off.svg');
}

#oo-status .oo-shop-favorite-on {
	background-image: url('https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon-favorite-on.svg');
}

#oo-status .oo-status-fav-label {
	display: none;
}

#oo-status .oo-status-fav-count {
	position: absolute;
	top: 0;
	right: -14px;
	font-family: monospace;
	color: #fff;
	font-size: 0.8em;
	padding: 0 7px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: transparent;
}

#oo-status .oo-shop-favorite-on .oo-status-fav-count {
	background: var(--signal-color-1);
}

#oo-status .oo-status-cart {
	right: 0;
	top: 5px;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon-cart-full.svg);
}

#oo-status .oo-status-cart.oo-status-cart-empty {
	display: inline-block;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon-cart-empty.svg);
}

#oo-status .oo-status-cart-value {
	position: absolute;
	top: -24px;
	right: 0px;
	font-size: 0.8em;
	color: var(--signal-color-2);
}

#oo-status .oo-status-cart-count {
	position: absolute;
	top: 0;
	right: -14px;
	font-family: monospace;
	font-size: 0.8em;
	padding: 0 7px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: var(--signal-color-1);
}

#oo-status .oo-status-cart.oo-status-cart-empty .oo-status-cart-count {
	display: none;
}

/* - - - - - - Overlay - - - - - - */
#oo-status .oo-overlay {
	box-shadow: 1px 5px 5px #aaa;
}

#oo-status .oo-overlay-close {
	position: absolute;
	top: 0;
	right: 0;
	color: #aaa;
	background: transparent;
}

#oo-status .oo-overlay a {
	font-size: 0.9em;
}

#oo-status .oo-status-auth-datelink {
	padding: 8px;
	margin: 0;
}

#oo-status .oo-status-auth-preview,
#oo-status .oo-status-auth-date-preview {
	top: 45px;
	width: 150px;
}

@media (max-width: 1140px) {
	#oo-status .oo-status-auth-date-preview {
		top: 5px;
		right: -50px;
	}
}

#oo-status .oo-status-auth-preview {
    top: 65px;
	margin-left: -55px;
}

#oo-status .oo-status-auth-date-preview:before {
	content: 'Unsere nächsten Liefertermine:';
	font-size: 0.9em;
	margin-top: 10px;
}

#oo-status .oo-status-auth-preview,
#oo-status .oo-status-auth-date-preview UL {
	padding-top: 4px;
}

#oo-status .oo-status-auth-preview a:hover,
#oo-status .oo-status-auth-date-preview li:hover {
	background: var(--navi-hover-bgcolor);
}

#oo-status .oo-status-auth-preview a,
#oo-status .oo-status-auth-date-preview li {
	margin: 0;
}

#oo-status .oo-status-auth-date-preview li a,
#oo-status .oo-status-auth-datelinkall {
	padding: 4px 8px;
}

#oo-status .oo-status-auth-date-preview .oo-active a {
	color: #fff;
	background: var(--navi-color);
}

#oo-status .oo-status-auth-date-preview .oo-active .oo-date-icon {
	display: none;
}

#oo-status .oo-status-auth-datelinkall {
	display: block;
	color: var(--navi-color);
}

#oo-status .oo-status-auth-datelinkall:hover {
	background: var(--navi-hover-bgcolor);
}

#oo-status .oo-status-cart-preview {
	top: 64px;
	width: 450px;
	max-width: 450px;
	max-height: 600px;
	padding-top: 20px;
}

/* - - - - - - NAVIGATION MAIN - - - - - - */
#oo-navi {
	/* flex: 1; */
	padding: 0;
	z-index: 999;
}

#oo-navi .loader {
	height: 30px;
	width: 30px;
	display: block;
	margin: 10px auto;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/spinner.svg) no-repeat;
	background-size: cover;
}

#oo-navi .oo-overlay {
	animation: none;
}

#oo-navi ul {
	margin-left: 0;
}

#oo-navi li {	
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#oo-navi li a {
	display: block;
	padding: 0 8px;
	line-height: 50px;
}

#oo-navi li:hover a {
	background: #fff;
}

#oo-navi li.oo-active > a,
#oo-navi li.oo-active > a:hover {
	background: var(--navi-picked-bgcolor);
}

#oo-navi .oo-navi-2nd-pane {
	width: auto;
	min-width: 160px;
	margin-left: 0;
	top: 50px;
	box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.4);
}

#oo-navi .oo-navi-2nd-pane li {
	display: block;
}

#oo-navi .oo-navi-2nd-pane li > a {
	padding: 4px 8px;
	line-height: initial;
}

#oo-navi .oo-navi-2nd-pane li > a:hover,
#oo-navi .oo-navi-2nd-pane li.oo-active > a {
	background: var(--navi-hover-bgcolor);
}

#oo-navi li > a > .oo-navi-name {
	color: #fff;
	margin: 0;
}

#oo-navi li:hover > a > .oo-navi-name {
	color: var(--navi-hover-color);
}

#oo-navi .oo-navi-2nd-pane li > a > .oo-navi-name,
#oo-navi .oo-navi-2nd-pane li.oo-active > a > .oo-navi-name {
	color: var(--navi-color);
}

#oo-navi .oo-navi-3rd-pane {
	display: none;
}

/* #oo-navi li.oo-active > a {
	margin-bottom: -2px;
} */

#oo-navi li.oo-active > a > .oo-navi-name {
	font-weight: 700;
	color: var(--navi-picked-color);
}

/* Hamburger Icon */
#btn-hamburger {
	position: relative;
	display: none;
	width: 30px;
	height: 20px;
	margin: 15px 10px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

#btn-hamburger {
	border: 0;
	background: none;
}

#btn-hamburger:hover {
	opacity: 0.5;
	transition: 0.1s;
}

#btn-hamburger span {
	display: block;
	position: absolute;
	height: 8px;
	width: 100%;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/hamburger-1.svg) no-repeat;
	background-size: contain;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

#btn-hamburger span:nth-child(1) {
	top: 0px;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/hamburger-1.svg);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#btn-hamburger span:nth-child(2) {
	top: 8px;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/hamburger-2.svg);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#btn-hamburger span:nth-child(3) {
	top: 16px;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/hamburger-3.svg);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

/* Icon Animation */
.is-mobile-menu #btn-hamburger span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -3px;
	left: 8px;
}

.is-mobile-menu #btn-hamburger span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.is-mobile-menu #btn-hamburger span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 19px;
	left: 8px;
}

/* - - - - - - - SUBNAVI - - - - - - - */
#oo-subnavi {
	width: 230px;
	margin: 15px 20px 0 0;
}

#oo-subnavi > .oo-component-template {
	display: block;
	width: 230px;
}

.oo-subnavi-pane {
    position: fixed;
    width: 230px;
    max-height: calc( 100vh - 230px);
	box-shadow: 0 2px 7px #aaa;
    overflow: auto;
}

@media (max-width: 960px) {
	#oo-subnavi {
		display: none;
	}
}

#oo-subnavi ul {
	margin-left: 0;
}

#oo-subnavi li {
	border: 0;
	padding: 0;
	background: #fff;
}

#oo-subnavi li a {
	display: block;
	padding: 8px;
}

#oo-subnavi li a:hover {
	color: #fff;
	background: #2a8227;
}

#oo-subnavi li.oo-subnavi-1st-pane {
	border-bottom: 1px solid #999;
	background: rgba(255, 255, 255, 0.5);
}

#oo-subnavi li.oo-active {
	background: #2a8227;
}

#oo-subnavi .oo-subnavi-mega {
	margin: 0;
	border: 3px solid #2a8227;
	border-top: 0;
	border-bottom-width: 2px;
}

#oo-subnavi .oo-subnavi-mega a {
	border-top: 1px solid #85b383;
	background: #fff;
}

#oo-subnavi li > a > .oo-subnavi-name {
	color: #666;
}

#oo-subnavi .oo-subnavi-mega li.oo-active > a {
	background: #eef6dd;
}

#oo-subnavi li.oo-active > a > .oo-subnavi-name {
	font-weight: 700;
	color: #2a8227;
}

#oo-subnavi li.oo-subnavi-1st-pane.oo-active > a > .oo-subnavi-name {
	font-weight: 700;
	color: #fff;
}

#oo-subnavi li > a:hover > .oo-subnavi-name,
#oo-subnavi li.oo-active > a:hover > .oo-subnavi-name {
	color: #fff;
}

#oo-subnavi .oo-subnavi-mega li.oo-active > a:hover > .oo-subnavi-name {
	color: #2a8227;
}

/* - - - - - - MOBILE NAVIGATION  - - - - - - */
body.is-mobile-menu {
	overflow: hidden;
}

body.is-mobile-menu #shop-navi {
	top: 75px;
	width: 100vw;
    
    height: auto;
	 padding-bottom: 200px;
	background: var(--mobile-navi-bg-color);
}

@media (min-width: 640px) {
	body.is-mobile-menu #shop-navi {
		top: 86px;
        padding-bottom: 0px; /* added 20240808 */
	}
}

body.is-mobile-menu #shop-navi .wrapper {
	flex-direction: column;
    height: calc(100vh - 80px);
	padding-bottom: 0px;
    /* padding-bottom: 60px; */

	margin-bottom: 100px;

    
}

body.is-mobile-menu #oo-navi  {
	position: relative;
	display: block;
	width: 100%;
	/* margin: 0 0 60px 0; */
	border-top: 1px solid var(--mobile-navi-border);
	overflow-y: auto;
}

body.is-mobile-menu #oo-navi ul {
	display: block;
}

body.is-mobile-menu #oo-navi .oo-navi-pane {
	margin-bottom: 100px;
}

body.is-mobile-menu #oo-navi li {
	display: block;
	border-bottom: 1px solid var(--mobile-navi-border);
}

body.is-mobile-menu #oo-navi li:hover a {
	background: transparent;
}

body.is-mobile-menu #oo-navi li:hover > a > .oo-navi-name {
	color: #fff;
}

body.is-mobile-menu #oo-navi a {
	padding-left: 30px;
}

body.is-mobile-menu #oo-navi .oo-navi-2nd-pane {
	/* display: none !important; */
    display: block;
	position: relative;
	width: 100%;
	max-width: 100%;
    top: 5px;
	padding-bottom: 0;
    box-shadow: none;
	background: var(--mobile-navi-bg-color2);
}

body.is-mobile-menu #oo-navi .oo-navi-2nd-pane li {
	border: 0;
}

body.is-mobile-menu #oo-navi .oo-navi-2nd-pane > li > a {
	/* color: var(--navi-color); */
    line-height: 50px;
	padding: 0 10px 0 30px;
	border-bottom: 1px solid var(--mobile-navi-border);
}

body.is-mobile-menu #oo-navi .oo-navi-2nd-pane > li:last-child > a {
	border-bottom: 0;
}

body.is-mobile-menu #oo-navi li .oo-navi-2nd-pane a:active {
    background: var(--signal-color-1);
}

body.is-mobile-menu #oo-navi .oo-navi-3rd-pane {
	display: none;
	background: var(--mobile-navi-bg-color3);
}

body.is-mobile-menu #oo-navi .oo-navi-3rd-pane.oo-navi-is-open {
	display: block;
}

body.is-mobile-menu #oo-navi .oo-navi-3rd-pane li {
	border: 0;
}

body.is-mobile-menu #oo-navi .oo-navi-3rd-pane li a {
	line-height: 50px;
}

body.is-mobile-menu #oo-navi .oo-navi-3rd-pane li:hover .oo-navi-name {
	color: var(--signal-color-1);
}

body.is-mobile-menu #oo-navi li .oo-navi-3rd-pane a:active {
	background: var(--signal-color-1);
}

body.is-mobile-menu #oo-navi li .oo-navi-3rd-pane a:active .oo-navi-name {
    color: #fff;
}

/* - - - - - - - - FLASH-MSG - - - - - - - - - */
#oo-flash {
	bottom: auto;
	left: 50%;
	top: 25%;
	transform: translateX(-50%);
	background-color: transparent;
}

#oo-flash .oo-flash-msg {
	color: #fff;
	background-color: var(--topnavi-bgcolor);
	border: 3px solid var(--signal-color-1);
}
#oo-flash .oo-flash-msg a {
	color: #fff;
	text-decoration: underline;
}
#oo-flash .oo-flash-msg i {
	font-family: inherit;
	font-weight: bold;
	text-decoration: underline;
}

#oo-flash .oo-flash-error {
	background-color: var(--signal-color-1);
}

#oo-flash .oo-flash-error a {
	color: var(--signal-color-2);
}

@media (max-width: 600px) {
	#oo-flash {
		bottom: auto;
		width: 80%;
	}
}

/* - - - - - - - - SHOP-MAIN - - - - - - - - - */
#oo-filter {
	display: none;
	float: none;
	position: absolute;
	width: 100%;
	margin-top: -20px;
	margin-left: -20px;
}

body #oo-filter.initialized {
	display: block !important;
}

#oo-filter .oo-filter-open {
	margin-left: 20px;
}

#oo-filter .oo-filter-unset a {
	position: fixed;
}

#oo-filter .oo-filter-unset a:hover {
	color: var(--signal-color-1);
}

#oo-filter-pane {
	position: absolute;
	left: 10px;
	bottom: auto;
	margin-right: 10px;
	filter: drop-shadow(1px 1px 5px #666);
}

@media (max-width: 959px) {
	#oo-filter-pane {
		position: fixed;
		right: 10px;
		padding-left: 30px;
	}

	.oo-filter-group-rows {
		max-height: none;
	}
}

/* - - - - - - - - SHOP-MAIN - - - - - - - - - */
#oo-path {
	height: 25px;
	padding: 0;
	margin-top: 10px;
    margin-bottom: 10px;
	background: none;
	/* overflow: hidden;*/
}

#oo-path #oo-path-pane {
	margin-left: 0;
}

#oo-path li a:hover {
	color: var(--orange1);
}

@media (max-width: 479px) {
	#oo-path LI {
		padding-right: 0;
	}
	#oo-path li a {
		font-size: 14px;
	}
}

.shopcontainer {
	display: flex;
	/* margin-right: -15px; */
}

#oo-shop {
	position: relative;
	flex: 1;
	margin-top: 20px;
}

#oo-shop.oo-shop-entity-Rubric,
#oo-shop.oo-shop-entity-Group,
#oo-shop.oo-shop-entity-SubGroup,
#oo-shop.oo-shop-entity-Navigation {
	margin-top: 0;
}

#oo-shop.oo-shop-entity-Order {
	background-color: transparent;
}

.oo-shop-title-head-wrapper {
	display: none;
}

.oo-shop-title .oo-shop-title-controls {
	float: none;
	width: auto;
	margin-bottom: 10px;
}

.oo-shop-title-btn-all {
	max-width: 100%;
	padding: 5px 20px !important;
}

.oo-shop-title-msg {
	margin: 20px 0;
	background: #fff;
}

#oo-shop .oo-shop-title .oo-shop-title-controls .oo-select-nothing {
	left: 230px;
}

.oo-shop-abobox-detail-pane {
	margin-bottom: 20px;
}

.oo-shop-abobox-detail-variant-big {
	padding: 15px;
	background: #fff;
}

/* Buttons */
#oo-shop button:focus {
	outline: none;
}

A.oo-shop-abobox-detail-variant-tpl {
	padding: 15px;
	background: #fff;
	border: 2px solid var(--signal-color-2);
}

#oo-shop .oo-select-sub .oo-arrow-down {
	min-width: 180px;
	font: inherit;
	font-size: 0.9em;
	padding-bottom: 2px;
	margin-top: 10px;
	border-radius: 0;
	background-color: var(--action-minor-bgcolor);
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_white.svg#oo-arrow-down);
	background-position: right 5px top 5px;
}

#oo-shop .oo-select-sub-info.oo-overlay {
	top: 59px !important;
	left: 15px !important;
	-webkit-filter: drop-shadow(3px 3px 7px #666);
	filter: drop-shadow(3px 3px 7px #666);
}

#oo-shop .oo-select-sub-info.oo-overlay .oo-overlay-close {
	position: absolute;
	top: 0;
	right: 0;
	color: #aaa;
	background: transparent;
}

#oo-shop .oo-select-sub-info.oo-overlay .oo-overlay a {
	font-size: 0.9em;
}

#oo-shop .oo-select-sub-info.oo-overlay span {
	display: inline-block;
	padding: 10px 25px 10px 6px;
}

#oo-shop .oo-select-sub-info .oo-select-sub-period {
	max-width: calc(100% - 45px);
	height: 34px;
	font-size: 0.9em;
	color: #fff;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-bottom: 4px;
	border: 0;
	border-radius: 0;
	background-color: var(--action-minor-bgcolor);
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_white.svg#oo-arrow-down);
}

#oo-shop .oo-select-sub-info BUTTON {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 34px;
	height: 34px;
	font: inherit;
	line-height: 18px;
	padding: 10px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background-color: var(--signal-color-1);
}

#oo-shop .oo-shop-sl-pane {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	/*padding: 0 8px;*/
}

#oo-shop .oo-shop-sl-pane::after {
	/*content: '';
	flex: auto;*/
}

.oo-shop-fav-btn-all,
.oo-shop-fav-btn-other {
	color: #fff;
	padding: 5px 15px;
	margin-right: 5px;
	background: var(--signal-color-3);
}

.oo-shop-fav-btn-all:hover,
.oo-shop-fav-btn-other:hover {
	background: var(--signal-color-1);
}

#oo-shop .oo-shop-sl-pane .oo-shop-filtered {
	display: none;
}

#oo-shop .oo-missing-img,
#oo-search .oo-missing-img {
	background: var(--bg-dummy);
	background-size: 100%;
}

.oo-shop-sl-pane > div.oo-shop-item {
	-webkit-filter: drop-shadow(2px 2px 5px #aaa);
	filter: drop-shadow(2px 2px 5px #aaa);
}

.oo-shop-sl-pane > div.oo-shop-item:hover {
	-webkit-filter: drop-shadow(1px 1px 5px #666) !important;
	filter: drop-shadow(1px 1px 5px #666) !important;
}

@media (max-width: 1140px) {
	#oo-shop .oo-shop-sl-pane > div.oo-shop-item {
		/* margin-bottom: 50px; */
		margin: 20px 5px 25px 5px;
		/* width: 100%;
		width: -moz-available;
		width: -webkit-fill-available;
		width: fill-available; */
	}
}

@media (min-width: 960px) {
	#oo-shop .oo-shop-sl-pane > div.oo-shop-item {
		width: 32%;
		/* margin: 30px 5px; */
		margin: 20px 5px 25px 5px;
		border: 0;
	}
}

@media (min-width: 570px) and (max-width: 959px) {

	#oo-filter {
		margin-left: -10px;
	}

	#oo-shop .oo-shop-sl-pane {
		justify-content: space-between;
		padding: 0 15px 0 13px;
	}

	#oo-shop
		.oo-shop-sl-pane
		> div.oo-shop-item:not(.oo-shop-data-type-Rubric) {
		width: 49%;
		margin-left: 0;
		margin-right: 5px;
	}
}

@media (min-width: 520px) and (max-width: 750px) {
	.oo-shop-sl-pane>DIV.oo-shop-item {
		width: 47%;
	}
}

@media (min-width: 490px) and (max-width: 569px) {
	/* 	.oo-status-auth-profile {
			width: 75px;
			padding-left: 20px !important;
			background: none;
		} */
	
		#oo-shop .oo-shop-sl-pane-wrapper {
			padding-top: 0;
		}
	
		#oo-shop .oo-shop-sl-pane > div.oo-shop-item {
			width: 47%;
			/* margin-bottom: 50px; */
			margin: 0px 5px 25px 5px;
			/* width: 100%;
			width: -moz-available;
			width: -webkit-fill-available;
			width: fill-available; */
		}
	
		#oo-shop .oo-shop-sl-pane > div.oo-shop-item:before,
		#oo-shop .oo-shop-sl-pane > div.oo-shop-item:after,
		#oo-shop .oo-shop-sl-pane > div.oo-shop-item .oo-item-txt {
			display: none;
		}
	}


/* Spalten Produkte */
@media (min-width: 1600px) {
	 	.is-oo-shop div.shop-header {
		max-width: 650px;
		/* margin-right: 500px; */
	}

	#oo-shop .oo-shop-sl-pane > div.oo-shop-item {
		width: 275px;
	}

	#oo-subnavi {
		width: 230px;
	}
}

.oo-shop-sl-pane div.oo-shop-data-type-NoItem.oo-missing-img H3 {
	left: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 10px;
	background: var(--bgcolor-3);
}

#oo-shop .oo-shop-favorite-on {
	background-image: url('https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon-favorite-on.svg');
}

/* - - - Listing-Item - - - - - */
#oo-shop .gg-break {
	flex-basis: 100%;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline-block;
}
/* Remove break on mobile */
@media screen and (max-width: 479px) {
	.gg-break {
		display: none;
	}
}

#oo-shop .oo-shop-item .blend {
	opacity: 0;
}

#oo-shop .oo-shop-item.oo-shop-data-type-Item,
#oo-shop .oo-shop-item.oo-shop-data-type-Recipe {
	position: relative;
	flex-basis: auto;
	flex-shrink: 0;
	height: 480px;
	background-size: auto 190px;
	background-position: center 55px;
	background-color: #fff;
	border: 0;
}

/* #oo-shop .oo-shop-item:before {
	position: absolute;
	top: -30px;
	content: '';
	width: 100%;
	height: 30px;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/riss_oben.png);
}

#oo-shop .oo-shop-item:after {
	position: absolute;
	bottom: -30px;
	content: '';
	width: 100%;
	height: 30px;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/riss_unten.png);
} */

#oo-shop .oo-shop-item:before {
	position: absolute;
	top: -15px;
	content: '';
	width: 100%;
	height: 15px;
	background: #fff;
}

#oo-shop .oo-shop-item:after {
	position: absolute;
	bottom: -10px;
	content: '';
	width: 100%;
	height: 10px;
	background: #fff;
}

#oo-shop .oo-shop-item.oo-shop-data-type-Rubric,
#oo-shop .oo-shop-item.oo-shop-data-type-Group,
#oo-shop .oo-shop-item.oo-shop-data-type-SubGroup,
#oo-shop .oo-shop-item.oo-shop-data-type-AssortmentContainer {
	height: 75px;
	background-image: none;
	background-color: #fff;
}

/* Random Item-Border */
/* #oo-shop .oo-shop-item.rnd0:before {
	background-position-x: 0%;
}
#oo-shop .oo-shop-item.rnd1:before {
	background-position-x: 10%;
}
#oo-shop .oo-shop-item.rnd2:before {
	background-position-x: 20%;
}
#oo-shop .oo-shop-item.rnd3:before {
	background-position-x: 30%;
}
#oo-shop .oo-shop-item.rnd4:before {
	background-position-x: 40%;
}
#oo-shop .oo-shop-item.rnd5:before {
	background-position-x: 50%;
}
#oo-shop .oo-shop-item.rnd6:before {
	background-position-x: 60%;
}
#oo-shop .oo-shop-item.rnd7:before {
	background-position-x: 70%;
}
#oo-shop .oo-shop-item.rnd8:before {
	background-position-x: 80%;
}
#oo-shop .oo-shop-item.rnd9:before {
	background-position-x: 90%;
}
#oo-shop .oo-shop-item.rnd10:before {
	background-position-x: 100%;
}
#oo-shop .oo-shop-item.rnd11:before {
	background-position-x: 110%;
}
#oo-shop .oo-shop-item.rnd12:before {
	background-position-x: 120%;
}
#oo-shop .oo-shop-item.rnd13:before {
	background-position-x: 130%;
}
#oo-shop .oo-shop-item.rnd14:before {
	background-position-x: 140%;
}
#oo-shop .oo-shop-item.rnd15:before {
	background-position-x: 150%;
}

#oo-shop .oo-shop-item.rnd0:after {
	background-position-x: 50%;
}
#oo-shop .oo-shop-item.rnd1:after {
	background-position-x: 60%;
}
#oo-shop .oo-shop-item.rnd2:after {
	background-position-x: 70%;
}
#oo-shop .oo-shop-item.rnd3:after {
	background-position-x: 80%;
}
#oo-shop .oo-shop-item.rnd4:after {
	background-position-x: 90%;
}
#oo-shop .oo-shop-item.rnd5:after {
	background-position-x: 100%;
}
#oo-shop .oo-shop-item.rnd6:after {
	background-position-x: 110%;
}
#oo-shop .oo-shop-item.rnd7:after {
	background-position-x: 120%;
}
#oo-shop .oo-shop-item.rnd8:after {
	background-position-x: 130%;
}
#oo-shop .oo-shop-item.rnd9:after {
	background-position-x: 140%;
}
#oo-shop .oo-shop-item.rnd10:after {
	background-position-x: 150%;
}
#oo-shop .oo-shop-item.rnd11:after {
	background-position-x: 160%;
}
#oo-shop .oo-shop-item.rnd12:after {
	background-position-x: 170%;
}
#oo-shop .oo-shop-item.rnd13:after {
	background-position-x: 180%;
}
#oo-shop .oo-shop-item.rnd14:after {
	background-position-x: 190%;
}
#oo-shop .oo-shop-item.rnd15:after {
	background-position-x: 200%;
} */

/* Merk-Symbol */
#oo-shop .oo-shop-item .oo-shop-favorite {
	display: block;
	position: absolute;
	right: 5px;
	left: auto;
	top: -5px;
	width: 40px;
	height: 40px;
	background-image: url('../images/oo_icons.svg#oo-nofav');
	background-position: center;
	background-size: 80%;
	opacity: 1;
}

#oo-shop .oo-shop-item .oo-shop-favorite:hover {
	opacity: 0.5;
}

#oo-shop .oo-shop-item .oo-shop-favorite-on {
	background-image: url('../images/oo_icons.svg#oo-fav');
}

#oo-shop .oo-shop-item.oo-shop-data-type-Rubric .oo-shop-favorite,
#oo-shop .oo-shop-item.oo-shop-data-type-Group .oo-shop-favorite,
#oo-shop .oo-shop-item.oo-shop-data-type-SubGroup .oo-shop-favorite,
#oo-shop .oo-shop-item.oo-shop-data-type-AssortmentContainer .oo-shop-favorite,
#oo-shop .oo-shop-item.oo-shop-data-type-AssortmentGroup .oo-shop-favorite {
	display: none;
}
/* Merk-Icon */

/* Im-Warenkorb-Icon */
.oo-shop-item-loaded {
	width: 250px;
	height: 215px;
	border: 0;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/item-in-cart.svg) no-repeat;
	background-size: cover;
	background-position: center;
}
/* Im-Warenkorb-Icon */

/* Titel */
#oo-shop .oo-shop-item .oo-item-name {
	position: static;
	display: inline-block;
	top: 0;
	font-size: 0.60em;
	font-weight: 600;
	text-align: left;
	line-height: 1;
	color: var(--signal-color-2);
	padding: 10px 14px 1px 10px;
	margin: 0;
	background: #fff;
}
/* Titel */

#oo-shop .oo-shop-item.oo-shop-data-type-Rubric .oo-item-name,
#oo-shop .oo-shop-item.oo-shop-data-type-Group .oo-item-name,
#oo-shop .oo-shop-item.oo-shop-data-type-SubGroup .oo-item-name,
#oo-shop .oo-shop-item.oo-shop-data-type-AssortmentGroup .oo-item-name,
#oo-shop .oo-shop-item.oo-shop-data-type-AssortmentContainer .oo-item-name {
	color: var(--headline-color-2);
}

/* Angebot */
.oo-special-label {
	top: 265px;
	right: 0;
	width: 150px;
	height: auto;
	text-align: right;
	background: url(https://oekokiste-donauwald.die-gemuesegaertner.de/assets/images/back_special.svg) no-repeat;
}
.oo-special-label span {
	display: none;
}
.oo-special-label:after {
	display: inline-block;
	content: 'Angebot';
	right: 0;
	width: 65%;
	font-size: 0.65em;
	color: #fff;
	border: 0;
	padding: 3px 15px;
}
.oo-item-regio .oo-special-label {
	width: 60%;
}
/* Angebot */

/* Regional */
.oo-shop-item .oo-item-regiotag {
	position: absolute;
	display: block;
	left: 0;
	top: 265px;
	width: 100%;
	text-align: left;
}
.oo-item-regiotag:after {
	content: 'Aus unserer Region';
	left: 0;
	right: auto;
	top: 0;
	width: 215px;
	font-size: 0.95em;
	color: #fff;
	border: 0;
	padding: 3px 15px;
	background: url(https://gauchel.die-gemuesegaertner.de/assets/css/back_regional.svg);
}
.oo-item-special .oo-item-regiotag:after {
	width: 75%;
}
/* Regional */

/* Warenkorb-Box  */
#oo-shop .oo-shop-item .oo-shop-item-select .oo-select-area,
#oo-shop
	.oo-shop-sl-pane
	.oo-shop-singleitem
	.oo-shop-singleitem-container
	.oo-shop-singleitem-select
	.oo-shop-item-select
	.oo-select-area,
#oo-shop.oo-shop-entity-Assortment
	.oo-component-template
	.oo-shop-title
	.oo-shop-title-controls
	.oo-shop-title-select
	.oo-shop-item-select
	.oo-select-area {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
#oo-shop .oo-shop-item .oo-shop-item-select .oo-select-container-pm,
#oo-shop
	.oo-shop-sl-pane
	.oo-shop-singleitem
	.oo-shop-singleitem-container
	.oo-shop-singleitem-select
	.oo-shop-item-select
	.oo-select-container-pm,
#oo-shop.oo-shop-entity-Assortment
	.oo-component-template
	.oo-shop-title
	.oo-shop-title-controls
	.oo-shop-title-select
	.oo-shop-item-select
	.oo-select-container-pm {
	display: flex;
	margin: 0;
}
#oo-shop .oo-shop-item .oo-shop-ass-select,
#oo-shop .oo-shop-item .oo-shop-item-select,
#oo-shop .oo-shop-item-select {
	display: block;
	position: absolute;
	top: 295px;
	left: 0;
	bottom: auto;
	width: 100%;
	height: auto;
	min-height: 44px;
	text-align: left;
	padding: 5px 15px;
	margin: 0;
}
#oo-shop button.oo-select-minus,
#oo-shop button.oo-select-plus {
	height: 30px;
	line-height: 30px;
	font-family: Dosis-Regular;
	font-size: 1.4em;
	font-weight: 700;
	color: var(--action-minor-bgcolor);
	padding: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #fff;
	background-image: none;
}
#oo-shop button.oo-select-plus {
	background-color: var(--action-minor-bgcolor);
}
#oo-shop .oo-select-container .oo-select-unit,
#oo-shop .oo-select-container .oo-select-units,
#oo-shop .oo-select-container .oo-select-value {
	font-size: 0.9em;
	color: #000;
	line-height: 30px;
	padding: 0 8px;
	margin: 2px;
	border: 0;
	background-color: #fff;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons.svg#oo-arrow-down);
}
#oo-shop .oo-select-container .oo-select-unit,
#oo-shop .oo-select-container .oo-select-units {
	width: 65px;
}
#oo-shop .oo-select-container .oo-select-incart {
	display: none;
}
#oo-shop .oo-select-container .oo-select-nothing {
	display: inline-block;
	position: absolute;
	left: 223px;
	top: 9px;
}
#oo-shop .oo-select-container .oo-select-nothing .oo-select-sum {
	height: 30px;
	line-height: 30px;
}
#oo-shop .oo-select-container .oo-select-nothing .oo-select-sum-eq {
	margin-right: 4px;
}
#oo-shop .oo-shop-item-select .oo-select-notavailable {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	background: var(--signal-color-2);
	padding: 5px 15px;
	font-size: 0.8em;
	line-height: 1.15em;
}

#oo-shop .oo-shop-item-select .oo-select-notavailable .oo-style-minoraction {
	font-size: 1em;
	color: var(--signal-color-1);
	padding: 0;
	margin: 0;
	background-color: transparent;
}

#oo-shop .oo-shop-item-select a:hover {
	color: #fff;
	opacity: 0.6;
}
/* Warenkorb-Box  */

/* Preis-Box  */
#oo-shop .oo-shop-item .oo-shop-item-price-wrapper {
	position: absolute;
	width: 100%;
	height: 70px;
	margin: 0;
	padding: 15px;
	top: 340px;
	right: 0;
	background-color: transparent;
	text-align: left;
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--signal-color-2);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#oo-shop .oo-shop-item .oo-shop-item-price-wrapper .oo-item-price-del {
	margin: 0 5px;
}
#oo-shop .oo-shop-item .oo-shop-item-price-wrapper .oo-item-oneway {
	display: inline;
	color: var(--signal-color-1);
}
#oo-shop .oo-shop-item .oo-shop-item-price-wrapper .oo-item-refprice:after {
	content: ' / ';
}
#oo-shop .oo-shop-item .oo-shop-item-price-wrapper .oo-item-subline {
	display: block;
	margin-top: -5px;
}
/* Preis-Box  */

/* Vobestell-Info */
#oo-shop .oo-shop-item-select .oo-select-notavailable {
	text-align: center;
}
#oo-shop .oo-shop-item-select .oo-select-notavailable .oo-sh-pre1 {
	display: block;
}
/* Vobestell-Info */

/* Beschreibung */
#oo-shop .oo-shop-item .oo-item-txt {
	position: absolute;
	display: inline-block;
	top: auto;
	bottom: 53px;
	left: 0;
	text-align: left;
	padding: 0 15px 8px 15px;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* Beschreibung */

/* Herkunft */
#oo-shop .oo-shop-item .oo-item-certtag {
	left: 15px;
	right: auto;
	bottom: 20px;
}
#oo-shop .oo-shop-item .oo-item-origintag {
	left: 140px;
	bottom: 0;
	visibility: hidden;
}
/* Herkunft */

/* Verband */
.oo-shop-sl-pane .oo-shop-item .oo-item-associationtag {
	right: 10px;
	bottom: 0;
}
#oo-shop .oo-shop-item .oo-item-association {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: max-content;
	text-align: right;
}
#oo-shop .oo-shop-item .oo-item-association-logo {
	position: absolute;
	right: 0;
	bottom: 5px;
	height: 50px;
	width: 70px;
	background-position: bottom right;
}
/* Verband */

/* Menge overlay */
#oo-shop .oo-shop-item .oo-shop-amount {
	top: 70px;
	left: auto;
	right: 0;
	width: 100px;
	font-size: 0.8em;
	font-weight: 700;
	color: #fff;
	padding: 5px 15px;
	border-radius: 0;
	border: 3px solid #fff;
	border-right: 0;
	background: var(--signal-color-1);
}
/* Menge overlay */

.oo-shop-item.oo-price-reduced .oo-item-discounttag {
	top: -10%;
}

/* - - - Abokisten Listing-Item - - - - - */
/*
#oo-shop .oo-shop-item.oo-shop-data-type-AssortmentContainer {
	height: 300px !important;
}
*/
#oo-shop .oo-shop-item.oo-shop-data-type-AssortmentGroup {
	height: 300px !important;
	background-color: #fff;
	background-position: center 30%;
	background-size: 50%;
}

@media (min-width: 960px) {
	#oo-shop .oo-shop-sl-pane > div.oo-shop-data-type-AssortmentGroup {
		width: 275px;
	}
}

#oo-shop
	.oo-shop-item.oo-shop-data-type-AssortmentContainer
	.oo-shop-item-select,
#oo-shop .oo-shop-item.oo-shop-data-type-AssortmentGroup .oo-shop-item-select {
	display: none;
}

#oo-shop
	.oo-shop-item.oo-shop-data-type-AssortmentGroup
	.oo-shop-abogroup-pane {
	bottom: 0;
	font: inherit;
	font-size: 0.8em;
	font-weight: 700;
	padding: 10px;
}

/* - - - Abokisten SINGLE ITEM - - - - - */
#oo-shop.oo-shop-entity-Assortment .oo-shop-title {
	display: flex;
	flex-direction: column;
	position: relative;
	background-color: #fff;
	
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
    
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-left: 8px;
    
    
	-webkit-filter: drop-shadow(2px 2px 5px #aaa);
	filter: drop-shadow(2px 2px 5px #aaa);
}

/* #oo-shop.oo-shop-entity-Assortment .oo-shop-title:before {
	position: absolute;
	top: -20px;
	left: 0;
	content: '';
	width: 100%;
	height: 30px;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/riss_oben.png);
}

#oo-shop.oo-shop-entity-Assortment .oo-shop-title:after {
	position: absolute;
	bottom: -30px;
	left: 0;
	content: '';
	width: 100%;
	height: 30px;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/riss_unten.png);
	visibility: visible;
} */

#oo-shop.oo-shop-entity-Assortment .oo-shop-title-head-wrapper {
	order: 1;
	display: block;
	text-align: left;
	background: none;
}

#oo-shop.oo-shop-entity-Assortment
	.oo-shop-title-head-wrapper
	.oo-shop-parentlink {
	display: none;
	color: var(--signal-color-3);
	text-align: left;
	padding: 5px 10px 0 25px;
	margin-left: -5px;
	background-color: transparent;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_green.svg#oo-arrow-left) left center;
	background-repeat: no-repeat;
	background-size: contain;
}

#oo-shop.oo-shop-entity-Assortment .oo-shop-title-head {
	display: block;
	font-size: 1.5em;
	color: var(--headline-color-3);
	font-weight: 700;
	background: none;
	margin-top: 50px;
	margin-bottom: 20px;
}

#oo-shop.oo-shop-entity-Assortment .oo-shop-title-msg {
	order: 3;
	padding: 0 0 30px 0;
}

#oo-shop.oo-shop-entity-Assortment .oo-shop-title .oo-shop-title-controls {
	order: 4;
	width: 100%;
	background: var(--bgcolor-3);
}

#oo-shop.oo-shop-entity-Assortment .oo-shop-title-img {
	display: inline;
}

#oo-shop.oo-shop-entity-Assortment
	.oo-shop-title
	.oo-shop-title-controls:after {
	content: '.';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}

#oo-shop.oo-shop-entity-Assortment .oo-shop-title-btn-all {
	width: auto;
	max-width: none;
	font: inherit;
	font-size: 0.9em;
	color: #fff;
	padding-bottom: 2px;
	margin: 14px;
	border-radius: 0;
	background: var(--navi-picked-bgcolor);
}

#oo-shop.oo-shop-entity-Assortment .oo-shop-abobox-detail-pane {
	order: 5;
	display: inline;
	background: none;
}

#oo-shop.oo-shop-entity-Assortment
	.oo-shop-abobox-detail-pane
	.oo-shop-abobox-detail-variant-big {
	padding: 20px 0;
}

#oo-shop.oo-shop-entity-Assortment
	.oo-shop-abobox-detail-pane
	.oo-shop-abobox-detail-variant-big
	A.oo-shop-abobox-detail-variant-tpl {
	padding: 10px 15px;
}

#oo-shop.oo-shop-entity-Assortment .oo-shop-abobox-detail-pane .oo-hint .oo-p1 {
	font-weight: 700;
}

/* - - - - - - - - - - SINGLE ITEM - - - - - - - - - - */
#oo-shop .oo-shop-singleitem {
	position: relative;
	width: 100%;
	background: var(--all-bgcolor);
	background-color: #fff;
	padding: 10px 30px 30px 30px;
	margin: 5px 0 0 0;
	-webkit-filter: drop-shadow(2px 2px 5px #aaa);
	filter: drop-shadow(2px 2px 5px #aaa);
}

/* #oo-shop .oo-shop-singleitem:before {
	position: absolute;
	top: -20px;
	left: 0;
	content: '';
	width: 100%;
	height: 30px;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/riss_oben.png);
}

#oo-shop .oo-shop-singleitem:after {
	position: absolute;
	bottom: -30px;
	left: 0;
	content: '';
	width: 100%;
	height: 30px;
	background: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/riss_unten.png);
} */

#oo-shop .oo-shop-singleitem .oo-shop-sl-parentlink {
	display: inline-block;
	color: var(--signal-color-3);
	text-align: left;
	padding: 5px 10px 0 25px;
	margin-left: -5px;
	background-color: transparent;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_green.svg#oo-arrow-left);
	background-repeat: no-repeat;
	background-size: contain;
}

#oo-shop .oo-shop-singleitem .oo-shop-favorite {
	position: absolute;
	top: 20px;
	right: 25px;
}

#oo-shop .oo-shop-singleitem .oo-special-label {
	top: 20px;
	right: 70px;
	width: 100px;
	background-position: right;
}
#oo-shop .oo-shop-singleitem .oo-special-label:after {
	width: auto;
}
#oo-shop .oo-shop-singleitem.oo-item-regio .oo-special-label {
	width: 110px;
}

#oo-shop .oo-shop-singleitem .oo-item-regiotag:after {
	left: auto;
	right: 70px;
	top: 20px;
	width: 160px;
	background-position: left;
}
#oo-shop .oo-shop-singleitem.oo-item-special .oo-item-regiotag:after {
	right: 140px;
	width: 200px;
	background-position: right;
}

#oo-shop .oo-shop-singleitem .oo-item-name {
	margin-top: 1.5em;
}

#oo-shop .oo-shop-singleitem-img {
	float: left;
	margin-right: 30px;
}

@media screen and (max-width: 680px) {
	#oo-shop .oo-shop-singleitem-img {
		float: none;
	}
}

#oo-shop .oo-shop-singleitem-img .oo-item-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#oo-shop .oo-shop-singleitem-container {
	display: block;
	width: auto;
}

#oo-shop .oo-shop-singleitem-info {
	font-size: 0.9rem;
}

/* Vobestell-Info */
#oo-shop .oo-shop-singleitem-info > .oo-select-notavailable .oo-sh-pre1 {
	display: block;
	color: var(--signal-color-1);
}

#oo-shop .oo-shop-singleitem-container .oo-item-pricetag {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--signal-color-2);
	margin: 15px 0;
}

#oo-shop .oo-shop-singleitem-container .oo-item-pricetag .oo-item-oneway {
	font-size: 0.9rem;
	color: var(--signal-color-1);
}

#oo-shop .oo-shop-singleitem-info,
#oo-shop .oo-shop-singleitem-select {
	display: block;
}

#oo-shop .oo-shop-singleitem-select {
	clear: both;
	padding-top: 30px;
}

#oo-shop .oo-shop-singleitem-select .oo-shop-item-select {
	min-height: auto;
	padding-top: 5px;
}

#oo-shop .oo-shop-singleitem-select .oo-select-container {
	display: flex;
	justify-content: flex-end;
}

#oo-shop .oo-shop-singleitem-select .oo-select-container .oo-select-tabs {
	order: 1;
}
#oo-shop
	.oo-shop-singleitem-select
	.oo-select-container
	.oo-select-tabs
	.oo-select-sub-info.oo-overlay {
	left: auto !important;
	top: auto !important;
}
#oo-shop
	.oo-shop-singleitem-select
	.oo-select-container
	.oo-select-tabs
	.oo-arrow-down {
	margin-top: 2px;
	margin-right: 12px;
}

#oo-shop .oo-shop-singleitem-select .oo-select-container form {
	order: 2;
}

#oo-shop .oo-shop-singleitem-select .oo-select-container .oo-select-nothing {
	position: static;
	display: block;
	min-width: 90px;
	order: 3;
	padding: 5px 10px;
}

#oo-shop .oo-shop-singleitem .oo-shop-favorite {
	left: auto;
}

#oo-shop .oo-shop-singleitem .oo-shop-favorite-off {
	background-position: initial;
}

@media (max-width: 600px) {
	#oo-shop .oo-shop-singleitem-select .oo-select-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	#oo-shop .oo-shop-singleitem-select .oo-select-container .oo-select-value,
	#oo-shop .oo-shop-singleitem-select .oo-select-container .oo-select-unit {
		width: 45px;
	}

	#oo-shop .oo-shop-singleitem-select .oo-select-container .oo-select-tabs {
		order: 4;
	}
}

/* TAB-Content */
#oo-shop .oo-tab-navi {
	position: relative;
	top: 16px;
	width: 100%;
	padding: 0;
	margin: 30px 0 0;
	border-left: 1px solid var(--signal-color-2);
}

#oo-shop .oo-tab-navi a {
	color: var(--all-color);
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	padding: 6px 12px;
	margin: 0;
	border-top: 1px solid var(--signal-color-2);
	border-right: 1px solid var(--signal-color-2);
	border-bottom: 1px solid var(--signal-color-2);
	background-color: var(--navi-hover-bgcolor);
	transition: all 250ms;
}

#oo-shop .oo-tab-navi a.oo-tab-active {
	font-weight: 700;
	color: #fff;
	border-bottom: 0;
	background-color: var(--action-minor-bgcolor);
}

#oo-shop .oo-tab-content {
	width: 100%;
	padding: 15px 30px;
	margin-top: 15px;
	border: 1px solid var(--signal-color-2);
	background: transparent;
}

#oo-shop .oo-tab-content .oo-dnr-images {
	margin-bottom: 30px;
}

#oo-dnr-data h3,
#oo-dnr-data h4 {
	border-bottom: 1px solid var(--bgcolor-1);
}

#oo-shop .oo-tab-content .oo-dnr-label-true,
#oo-shop .oo-tab-content .oo-dnr-label-false {
	font-size: 0.8em;
	font-weight: 700;
	color: var(--signal-color-3);
	border: 2px solid var(--signal-color-3);
	border-radius: 0;
	padding: 4px 6px;
	background: var(--bg-trans);
}
#oo-shop .oo-tab-content .oo-dnr-label-false {
	color: var(--signal-color-4);
	border-color: var(--signal-color-4);
}

/* TABELLE */
#oo-shop .oo-shop-singleitem table {
	width: 100%;
	font-size: 0.9em;
}

#oo-shop .oo-shop-singleitem table tr:nth-child(odd) {
	background-color: var(--bgcolor-3);
}

#oo-shop .oo-shop-singleitem table th,
#oo-shop .oo-shop-singleitem table td {
	text-align: center;
	padding: 4px;
	border: 1px solid var(--topnavi-bgcolor);
}

#oo-shop .oo-shop-singleitem table th {
	color: #fff;
	background-color: var(--topnavi-bgcolor);
}

#oo-shop .oo-shop-singleitem table th:not(:first-child) {
	border-left-color: #fff;
}
#oo-shop .oo-shop-singleitem table th:not(:last-child) {
	border-right-color: #fff;
}

/* Rezepte */
#oo-shop .oo-shop-singleitem .oo-shop-item-recipe-related {
	margin-bottom: 30px;
}
#oo-shop .oo-shop-singleitem .oo-shop-item-recipe-related span:first-child,
#oo-shop .oo-shop-singleitem .oo-shop-item-related-related span:first-child {
	display: block;
}
#oo-shop .oo-shop-singleitem .oo-shop-item-recipe-related .oo-shop-link,
#oo-shop .oo-shop-singleitem .oo-shop-item-related-related .oo-shop-link {
	font-size: 0.9em;
	color: var(--signal-color-2);
	border-radius: 0;
	border-color: var(--signal-color-2);
	padding: 7px;
	margin: 0 4px 4px 0;
}
#oo-shop .oo-shop-singleitem .oo-shop-item-recipe-related .oo-shop-link a,
#oo-shop .oo-shop-singleitem .oo-shop-item-related-related .oo-shop-link a {
	padding-right: 10px;
}
#oo-shop .oo-shop-singleitem button.oo-shop-item-recipe-related-all {
	display: block;
	font: inherit;
	font-size: 0.9em;
	padding: 4px 10px;
	border-radius: 0;
	margin: 10px 4px 4px 0;
}

/* - - - - - - - - - - - Favorites - - - - - - - - - - - - */
#oo-shop .oo-shop-sl-nofav {
	margin-bottom: 30px;
}

/* - - - - - - - CART, DATE, LOGON, PROFILE - - - - - - - - */
#oo-cart,
#oo-date,
/*#oo-logon,*/
#oo-profile {
	padding: 30px 30px 60px 30px;
	background: #fff;
	-webkit-filter: drop-shadow(2px 2px 5px #aaa);
	filter: drop-shadow(2px 2px 5px #aaa);
}

/* - - - - - - - - - - - - CART - - - - - - - - - - - - - */
#oo-cart .oo-cart-cartlink1-wr {
	display: none;
}

#oo-cart #oo-cart-table {
	width: 100%;
}

#oo-cart #oo-cart-table tr.oo-cart-pos {
	border: 1px solid var(--topnavi-bgcolor);
}

#oo-cart #oo-cart-table tr.oo-cart-pos:last-child {
	border-bottom-width: 4px;
	border-bottom-color: var(--topnavi-bgcolor);
}

#oo-status tr.oo-cart-pos:nth-child(even),
#oo-cart #oo-cart-table tr.oo-cart-pos:nth-child(even) {
	background-color: var(--table-bg-even);
}

#oo-cart #oo-cart-table .oo-cart-pos-item {
	padding-right: 100px;
}

#oo-cart #oo-cart-table .oo-cart-pos-img {
	margin-right: 5px;
}

#oo-cart #oo-cart-table .oo-item-associationtag {
	display: none;
}

#oo-cart #oo-cart-table .oo-cart-pos-amount,
#oo-cart #oo-cart-table .oo-cart-pos-unit {
	color: var(--signal-color-3);
}

#oo-cart .oo-cart-pos-amountline {
	display: inline;
	padding-top: 10px;
}

#oo-cart .oo-cart-pos-controls {
	display: inline !important;
	top: 9px;
}

#oo-cart .oo-cart-pos-controls A,
#oo-status .oo-cart-pos-controls A {
	color: transparent;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_white.svg?#oo-plus);
	background-color: var(--signal-color-3);
	border-radius: 0;
}

#oo-cart .oo-cart-pos-controls A.oo-cart-pos-minus0,
#oo-status .oo-cart-pos-controls A.oo-cart-pos-minus0 {
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_green.svg?#oo-minus);
	background-color: #fff;
	border: 1px solid var(--signal-color-3);
}

#oo-cart .oo-cart-pos-controls A.oo-cart-pos-rm,
#oo-status .oo-cart-pos-controls A.oo-cart-pos-rm {
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_white.svg?#oo-cross);
	background-color: var(--signal-color-4);
}

#oo-cart tr .oo-cart-pos-note-btn {
	display: inline-block !important;
	width: 1em;
	height: 1.4em;
	margin-left: 10px;
	background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/icon_cart_comment.svg);
	background-size: 1em 1em;
}

#oo-cart .oo-cart-pos-total {
	padding-top: 10px;
}

#oo-cart #oo-cart-sum td {
	font-weight: 700;
}

#oo-cart .oo-cart-submit-anon {
	width: auto;
	max-width: none;
	font: inherit;
	font-size: 0.9em;
	color: #fff;
	padding-top: 8px;
	margin-top: 20px;
	margin-right: 0;
	border-radius: 0;
	background: var(--action-minor-bgcolor);
}

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

	#oo-status {
		right: 25px;
	}
	
	#oo-cart #oo-cart-table .oo-cart-pos-item {
		padding-right: 20px;
		padding-bottom: 10px;
	}

	#oo-cart .oo-cart-pos-name {
		display: inline-block;
		margin-bottom: 10px;
	}

	#oo-cart tr .oo-cart-pos-note-btn {
		display: block !important;
	}

	#oo-cart .oo-cart-pos-total {
		vertical-align: bottom;
	}

	#oo-cart .oo-cart-pos-controls {
		top: auto;
		bottom: 5px;
	  }
}

@media screen and (max-width: 50px) {
	#oo-cart #oo-cart-table .oo-cart-pos-img {
		display: none;
	}
}

.oo-cart-sure.oo-overlay {
	-webkit-filter: drop-shadow(3px 3px 7px #666);
	filter: drop-shadow(3px 3px 7px #666);
}

/* - - - - - - - - - - - - - - DATE - - - - - - - - - - */
#oo-date #oo-date-cal {
	width: 100%;
	padding: 0;
	margin: 40px auto;
}

#oo-date .ui-datepicker-group {
	margin-right: 20px;
}

#oo-date .ui-datepicker-calendar {
	margin: 20px 0;
}

.ui-datepicker-header {
	margin-bottom: 20px;
}

#oo-date .ui-datepicker-title {
	font-family: 'Dosis-Regular';
	font-size: 2em;
}

#oo-date .ui-datepicker-calendar {
	width: 100%;
}

#oo-date .ui-datepicker-calendar.oo-date-cal-legend {
	width: auto;
	margin: 40px 0 20px 0;
}

#oo-date .ui-datepicker-calendar.oo-date-cal-legend span {
	font-size: 1em;
	text-decoration: none;
}

#oo-date .ui-datepicker-calendar.oo-date-cal-legend tr th {
	color: var(--headline-color-1);
	text-align: left;
}

#oo-date .ui-datepicker-calendar tr td.oo-date-cal-legend-val {
	text-align: left;
}

#oo-date .ui-datepicker-calendar tr td.oo-date-cal-legend-val span:before {
	content: '> ';
}

#oo-date .oo-style-altaction {
	font: normal normal normal 40px / 40px 'Dosis-Regular';
	color: #fff;
	padding: 0 25px;
	border: 3px solid #000;
	background: var(--signal-color-3);
}

/* Status */
#oo-date .ui-datepicker-calendar TD A {
	min-width: 1.4em;
	padding-top: 5px;
	padding-bottom: 1px;
}
#oo-date .ui-datepicker-calendar td span {
	min-width: 1.8em;
}
#oo-date .oo-profile-pause-cal-order a,
#oo-date .oo-profile-pause-cal-order span {
	color: #fff;
	background: var(--signal-color-3);
	border: 2px solid #000;
}
#oo-date .oo-profile-pause-cal-abo a,
#oo-date .oo-profile-pause-cal-abo span {
	color: #fff;
	background: var(--signal-color-3);
}
#oo-date .oo-profile-pause-cal-ddate a,
#oo-date .oo-profile-pause-cal-ddate span {
	color: #fff;
	background: var(--signal-color-3);
	opacity: 0.6;
}
#oo-date .oo-profile-pause-cal-pause a,
#oo-date .oo-profile-pause-cal-pause span {
	color: var(--bgcolor-2);
	background: #fff;
}
#oo-date .oo-profile-pause-cal-ordselected a,
#oo-date .oo-profile-pause-cal-selected span {
	color: #fff;
	background: var(--signal-color-1);
}
#oo-date .oo-profile-pause-cal-aux a,
#oo-date .oo-profile-pause-cal-aux span {
	color: #fff;
	background: var(--bgcolor-2);
}
#oo-date .ui-datepicker-today a,
#oo-date .ui-datepicker-today span {
	color: #fff;
	background: #000;
}
#oo-date .ui-datepicker-today {
	border: 0;
}

/* - - - - - - - - - - - - LOGON - - - - - - - - - - - - */
#oo-logon h2 {
	font-size: 24px;
	line-height: 32px;
}

#oo-logon .oo-state-anon > div {
	text-align: left;
}

#oo-logon .oo-logon-anon,
#oo-logon .oo-logon-logon {
	background: transparent;
}

#oo-logon .oo-logon-body {
	display: flex;
	justify-content: space-around;
}

/* moved to style.css
 
 
#oo-logon .oo-logon-whenbtn-txt,
#oo-logon .oo-logon-logon-txt,
#oo-logon .oo-logon-whenbtn {
	font-family: 'Dosis-Regular';
}

#oo-logon .oo-logon-logon-txt,
#oo-logon .oo-logon-whenbtn-txt {
	font-size: 1.5em;
	margin-bottom: 20px;
}

#oo-logon label,
#oo-logon .oo-style-altaction {
	padding: 5px 0;
}

#oo-logon input,
#oo-logon .oo-style-majoraction {
	width: 300px;
	margin-bottom: 10px;
	border: 3px solid #000;
	border-radius: 0;
}

#oo-logon input {
	color: #333;
}

#oo-logon .oo-style-majoraction {
	font-size: 36px;
	line-height: 34px;
	text-align: center;
	margin: 10px 0;
	background-color: var(--signal-color-3);
}

#oo-logon .oo-logon-logonbtn.oo-style-majoraction {
	float: left;
}
 
 */

/* - - - - - - - - - - USER PROFILE - - - - - - - - - - */
/*#oo-profile .oo-profile-head {
	font-family: 'Dosis-Regular';
	font-size: 1.6em;
}*/

#oo-profile .oo-profile-address button {
	font-size: 20px;
	line-height: 34px;
	color: var(--action-major-color);
	text-align: center;
	padding: 2px 10px;
	margin-bottom: 20px;
	background-color: var(--signal-color-3);
	border-radius: 0;
}

#oo-profile .oo-profile-address button:hover {
	color: #ffffff;
	background-color: var(--signal-color-1);
}

#oo-profile .oo-profile-address input {
	color: #333;
}

#oo-profile .oo-style-majoraction,
#oo-profile #oo-profile-locate {
	font-family: 'PT Sans';
	font-size: 20px;
	line-height: 34px;
	text-align: center;
	margin: 10px 0;
	background-color: var(--signal-color-3);
	border-radius: 0;
}

.oo-profile-logon.oo-style-altaction {
	color: var(--signal-color-3);
	text-decoration: underline;
}

#oo-profile #oo-profile-locate {
	font-size: 28px;
	padding: 5px 10px;
}

#oo-profile a.oo-profile-tab {
	display: block;
	color: #fff;
	padding: 4px 20px 2px 10px;
	background: var(--navi-color);
}

#oo-profile .oo-profile-core .oo-overlay-close,
#oo-profile .oo-profile-nocore .oo-overlay-close {
	position: absolute;
	top: 6px;
	right: 6px;
}

#oo-profile i {
	font-family: inherit;
	color: var(--signal-color-1);
}

#oo-profile .oo-profile-favourites-droplink {
	font-size: 24px;
	line-height: 24px;
}

/* - - - - - - - - - - MEDIA QUERIES - - - - - - - - - - */
@media screen and (max-width: 1279px) {
	/* THEME FIX */
	#header .wf-wrap {
		width: auto;
		padding-left: 0;
	}
	.logo-left .wf-td {
		vertical-align: top;
	}
	.home #main {
		padding-top: 0;
	}

	.page-template-cart #main,
	.page-template-date #main,
	.page-template-logon #main,
	.page-template-profile #main,
	.page-template-shop #main {
		padding-top: 30px;
	}

	.page-template-cart .wf-container-title,
	.page-template-date .wf-container-title,
	.page-template-logon .wf-container-title,
	.page-template-profile .wf-container-title,
	.page-template-shop .wf-container-title {
		margin-top: 0;
	}

	.page-template-cart .wf-container-main,
	.page-template-date .wf-container-main,
	.page-template-logon .wf-container-main,
	.page-template-profile .wf-container-main,
	.page-template-shop .wf-container-main {
		margin-top: 0;
	}

	#shop-navi .wrapper {
		padding: 0;
	}

	#oo-navi {
		display: none;
	}

	#btn-hamburger {
		display: block;
		margin-left: 20px;
	}

	/* !!!!!! Sollte besser aus Template entfernt werden  !!!!! */
	#navigation {
		display: none;
	}

	#oo-subnavi {
		display: none;
	}

	/* Login-Page */
	#oo-logon .oo-logon-body,
	.oo-logon-body > div,
	#oo-logon .oo-state-anon > div {
		display: block;
		text-align: center;
	}
	#oo-logon .oo-logon-logonbtn.oo-style-majoraction {
		float: none;
	}
	#oo-logon .oo-logon-logon {
		margin-top: 40px;
	}
}

@media screen and (max-width: 750px) {
	/* THEME FIX */
	.home #header .wf-table {
		width: 100%;
	}
	.show-mobile-logo.show-device-logo #branding img.mobile-logo {
		display: block;
	}

	.shop-header {
		display: block;
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 0px;
	}

	.shop-header #oo-search {
		width: 100%;
		max-width: 100%;
		padding: 0 30px 0 20px;
	}

	.shop-header .oo-search-btn {
		position: absolute;
		display: block;
		right: 54px;
		top: 4px;
		width: 44px;
		height: 44px;
		background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/oo_icons_white.svg?#oo-search);
		background-size: contain;
		background-color: var(--signal-color-3);
	}

	.shop-header .search-text {
		display: none;
	}

	.shop-header .oo-search-preview {
		display: none;
	}

	/* .oo-shop-sl-pane-wrapper {
		padding: 0 25px 0 22px;
	} */
}

	
@media screen and (min-width: 570px) {
	h3.oo-item-name.oo-item-ellipsis {
	    margin-left: 100px!important;
   		max-width: 50%;
	}
}
	
/* Mobile */
@media screen and (max-width: 569px) {
	#branding img.mobile-logo {
		max-width: 45%;
	}

	.shop-header {
		margin-left: 10%;
		margin-right: 10%;
	}

	/* #oo-shop .oo-shop-data-type-Item:before,
	#oo-shop .oo-shop-data-type-Item:after,
	#oo-shop .oo-shop-item.oo-shop-data-type-Recipe:before,
	#oo-shop .oo-shop-item.oo-shop-data-type-Recipe:after {
		display: none;
	} */

	#oo-shop .oo-shop-item.oo-shop-data-type-Item,
	#oo-shop .oo-shop-item.oo-shop-data-type-Recipe {
		height: 220px;
		background-size: auto 90px;
		background-position: 15px 45px;
		margin-bottom: 15px !important;
	}

	#oo-shop .oo-shop-item .oo-shop-favorite {
		top: 0px;
		background-size: 70%;
	}

	#oo-shop .oo-shop-item .oo-item-name {
		width: 40% !important;
		padding-left: 5px;
		margin-top: 10px;
		/*white-space: nowrap;*/
		text-overflow: ellipsis;
		overflow: hidden;
		margin-left: 90px;
	}

	#oo-shop .oo-shop-item .oo-item-txt {
		width: 100%;
		top: 145px;
		bottom: auto;
	}

	#oo-shop .oo-shop-item .oo-shop-item-price-wrapper {
		width: auto;
		top: 45px;
		left: 105px;
		font-size: 1.2rem;
	}

	.oo-shop-sl-pane .oo-shop-item .oo-item-associationtag {
		top: 140px;
		right: 10px;
		bottom: auto;
	}
	.oo-shop-sl-pane
		.oo-shop-item
		.oo-item-associationtag
		.oo-item-association {
		display: none;
	}
	#oo-shop .oo-shop-item .oo-item-association-logo {
		height: 40px;
		width: 60px;
	}

	#oo-shop .oo-shop-data-type-Item .oo-item-certtag {
		display: none;
	}

	#oo-shop .oo-shop-data-type-Item .oo-item-origintag {
		bottom: 2px;
	}

	#oo-shop .oo-shop-data-type-Item .oo-item-origintag:before {
		content: 'Herkunft: ';
	}

	#oo-shop .oo-shop-item .oo-shop-amount {
		top: 137px;
		width: 65px;
		font-size: 0.6em;
		padding: 0px 10px;
	}

	#oo-shop .oo-shop-item .oo-shop-item-select,
	#oo-shop .oo-shop-item-select {
		top: 145px;
		min-height: 44px;
		padding: 5px 15px;
	}

	#oo-shop .oo-select-container .oo-select-base {
		display: none;
	}

	#oo-shop .oo-select-container .oo-select-nothing {
		top: 10px;
		left: 218px;
	}

	.oo-shop-item .oo-special-label,
	.oo-shop-item .oo-item-regiotag {
		top: 189px;
	}
	.oo-item-special .oo-item-regiotag:after {
		width: 78%;
	}

	.oo-shop-item-loaded {
		width: 100%;
		height: 100px;
		top: 40px;
		left: 0;
		transform: none;
		background-image: url(https://die-gemuesegaertner.de/wp-content/themes/gemuese/assets/shop/images/item-in-cart-mobile.svg);
		background-size: initial;
		background-position: left center;
	}

	/* Single */
	#oo-shop .oo-shop-singleitem {
		padding: 10px 20px 30px 20px;
	}

	#oo-shop .oo-shop-singleitem .oo-shop-favorite {
		top: 10px;
		right: 15px;
	}

	#oo-shop .oo-shop-singleitem.oo-item-regio .oo-item-name,
	#oo-shop .oo-shop-singleitem.oo-special-label .oo-item-name {
		margin-top: 2em;
	}

	#oo-shop .oo-shop-singleitem h2 {
		line-height: 32px;
	}

	#oo-shop .oo-shop-singleitem .oo-item-regiotag:after,
	#oo-shop .oo-shop-singleitem.oo-item-special .oo-item-regiotag:after {
		top: 50px;
		right: 80px;
		width: 180px;
	}
	#oo-shop .oo-shop-singleitem .oo-special-label {
		top: 50px;
		right: 20px;
	}

	#oo-shop
		.oo-shop-singleitem-select
		.oo-select-container
		.oo-select-nothing {
		/* position: absolute;
		top: 13px;
		left: 173px; */
	}

	#oo-shop .oo-shop-singleitem #oo-dnr-data {
		-moz-hyphens: auto;
		hyphens: auto;
	}

	/* Logon */
	#oo-logon input,
	#oo-logon .oo-style-majoraction {
		width: 100%;
	}

	/* etc
	#oo-logon,
	#oo-profile,
	#oo-cart {
		padding: 20px;
		margin: 10px;
	}*/
     
}

@media (max-width: 760px) {
	#oo-status .oo-status-fav, #std-navi-shop {
		display: inline-block;
	}
}

@media screen and (max-width: 479px) {
	h3.oo-item-name.oo-item-ellipsis {
    	font-size: 0.70em;
   		margin-left: 30% !important;
	}	
	
	#oo-shop .oo-shop-item .oo-item-name {
		margin-left: 0px;
	}
	
	#oo-status {
		right: 10px;
		width: 135px;
	}

	#oo-status .oo-status-cart,
	#oo-status .oo-status-fav,
	#oo-status .oo-status-auth-logonlink {
		width: 35px;
		height: 35px;
		background-size: contain;
	}

	#oo-status .oo-status-auth-logonlink {
		width: 40px;
		height: 35px;
	}

	#oo-status .oo-status-auth-name,
	#oo-status .oo-icon.oo-status-notify {
		width: 30px;
		height: 30px;
		background-size: contain;
	}

	#oo-status .oo-icon.oo-status-notify {
		left: -22px;
	}

	#oo-status .oo-status-auth-name {
		height: 35px;
		margin-left: 3px;
	}

	#oo-status .oo-status-cart {
		right: 0;
	}

	#oo-status .oo-status-cart-count {
		right: 4px;
	}

	#oo-status .oo-status-cart-value {
		top: -21px;
		right: 0;
		font-size: 0.8em;
	}

	#oo-status .oo-status-fav {
		right: 53px;
	}

	#oo-status .oo-status-fav-label {
		top: 30px;
		right: -8px;
		font-size: 0.8em;
		}

	.page-template-logon .shop-header,
	.page-template-profile .shop-header {
		margin-top: 0px;
	}

	.one-container.page-template-cart .site-content {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 374px) {
	#oo-shop .oo-shop-item .oo-shop-item-price-wrapper {
		top: 30px;
	}
}

@media screen and (max-width: 330px) {
	#oo-shop.oo-shop-entity-Assortment .oo-shop-item .oo-item-txt {
		width: 80%;
	}
}