/*
Theme Name: Hof Morgentau Shop Theme
Theme URI: https://www.hof-morgentau.de
Description: Ein Child Theme für das Kadence Theme für Hof Morgentau
Author: hoch4MEDIEN Dirk Sieker
Author URI: https://hoch4medien.de
Template: kadence
Version: 2.1.27
*/

/* ==========================================================================
Inhaltsverzeichnis
01. Schriften
02. Basis / Kadence-Grundlayout
03. Header / Shop-Status
04. Shop-Navigation / Kategorien
05. Footer
06. Seiteninhalte
07. Shop / Produktlisten und Produktdetails
08. Warenkorb
09. Suche
10. Login
11. Lieferbereiche
12. Hofgeschichten / News
13. Profil und Einstellungen
14. Mobile Navigation
15. Weitere Overrides
========================================================================== */

/* ==========================================================================
Media Query Breakpoints
480px  - sehr kleine Viewports; Footer und Warenkorb-Summenbereich.
540px  - sehr kleine News-/MagicScroll-Darstellung.
576px  - Smartphone-Layout fuer Shop-Kacheln, Produktinfos und Bedienelemente.
719px  - Kadence-Boxed-Content-Korrektur auf kleinen Displays.
780px  - Header-/Branding-Umschaltung.
880px  - Produktdetail-Layout mit Bild-/Info-Spalten.
940px  - News-/MagicScroll-Layout auf schmalen Tablet-Breiten.
992px  - Hauptumschaltung zwischen Mobile- und Desktop-Navigation/Layout.
1180px - grosse Header-/Site-Title-Korrektur.
========================================================================== */

/* ==========================================================================
01. Schriften
Lokale Fonts. Externe Google-Font-Requests werden in functions.php geblockt.
========================================================================== */

/* Cuprum Variable Regular bis Bold */
@font-face {
	font-family: "Cuprum";
	src: url("fonts/Cuprum-Variable.ttf") format("truetype");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

/* Cuprum Variable Italic bis Bold Italic */
@font-face {
	font-family: "Cuprum";
	src: url("fonts/Cuprum-Italic-Variable.ttf") format("truetype");
	font-weight: 400 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Delicious Handrawn";
	src: url("fonts/DeliciousHandrawn-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
02. Basis / Kadence-Grundlayout
Globale Defaults und Layoutkorrekturen fuer Kadence und Oekobox-Komponenten.
========================================================================== */

::-moz-selection {
	background-color: transparent;
	color: #dad31a;
}

::selection {
	background-color: transparent;
	color: #dad31a;
}

h5 {
	line-height: 1 !important;
}

select {
	height: auto !important;
}

.entry-content-wrap {
	padding: 0 !important;
}

.oo-component {
	font-family: inherit !important;
}

body.page .entry-header {
	margin-top: 10px !important;
}

.entry-header {
	margin-top: 90px;
}

#oo-subnavi {
	display: block !important;
	max-width: 100% !important;
}

.content-container {
	padding: 0;
	margin: auto;
	max-width: 100% !important;
}

#primary {
	max-width: 1600px;
	margin: auto;
}

#wrapper {
	z-index: 1;
	position: relative;
}

@media (max-width: 992px) {
	.noMobile {
		display: none !important;
	}
}

/* ==========================================================================
03. Header / Shop-Status
Sticky Shop-Leiste, Branding, Suche und Status-Elemente.
========================================================================== */

#masthead {
	z-index: 11 !important;
}

.hide-cart-count {
	display: none !important;
}

.shopHeader {
	position: sticky;
	top: 0;
	width: 100%;
	text-align: right;
	height: 38px;
	z-index: 99999;
	background-color: #dad31a;
	padding-right: 50px;
}

#std1HeaderStatusWrapper {
	background-color: transparent !important;
	top: -16px;
	z-index: 999999999999999;
	padding-bottom: 0;
	height: 55px;
}

#std1HeaderStatusWrapper a {
	font-family: Cuprum, sans-serif !important;
	font-weight: 600;
}

@media (max-width: 992px) {
	#std1HeaderStatusWrapper {
		top: -16px;
	}
}

@media (max-width: 992px) {
	.shopHeader {
		position: fixed;
	}
	#masthead {
		margin-top: 38px;
	}
}

button#oo1-btnToggleSearch {
	background-color: transparent;
	border: 0;
}

.shopHeader a img {
	width: 200px;
	height: 200px;
}

.shopHeader a.logo {
	z-index: 99990999999;
	display: block;
	position: relative;
	top: -135px;
	left: 40px;
}

@media (max-width: 992px) {
	.shopHeader a.logo {
		display: none;
	}
}

@media (max-width: 880px) {
	.site-branding a.brand {
		margin-right: 40px;
	}
}

[type=checkbox], [type=radio] {
	height: 30px !important;
	width: 30px !important;
}

#oo1-searchInputWrapper {
	height: 30px !important;
	top: -1px;
}

#oo-search #oo1-btnClearSearch {
	top: 18px !important;
}

#oo-search .oo-search-preview {
	top: 15px !important;
}

#oo-status .oo-status-fav {
	background-color: transparent;
	border: 0;
	filter: invert(1);
}

input#oo-search-input {
	border-radius: 10px !important;
}

.site-branding .site-description {
	font-size: 120% !important;
}

@media (min-width: 780px) {
	.site-branding {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (max-width: 780px) {
	.site-title-wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.site-mobile-header-wrap,
.site-bottom-header-wrap {
	background-color: #42894C;
}

.site-branding .site-title {
	color: white !important;
}

@media (max-width: 1180px) {
	.site-branding .site-title {
		font-size: 4.8vw !important;
	}
}

a.oo1-btn {
	background: transparent;
	border: 0;
}

.oo-status-fav {
	display: none !important;
	font-size: 0.8em;
}

.oo1-btn-status:hover, .oo1-btn-status:active {
	background-color: #f5f4cc;
}

.sr-only {
	display: none;
}

#oo-filter {
	display: none !important;
}

#oo-chat, #oo-filter, #oo-last, #oo-last li, #oo-status .oo-overlay Li A, .oo-shop-abobox-detail-variant-tpl, .oo-status-auth-preview A, .oo-status-field, .oo-subnavi-empty, li.oo-navi-1st-panem,
.oo-flash-error, .oo-style-majoraction {
	background-color: transparent !important;
	color: black !important;
}

.oo-component-template {
	width: 100%;
}

@media (min-width: 992px) {
	.menu-sticky {
		position: sticky;
		top: -58px;
		z-index: 999;
		display: block !important;
	}
}

.oo-active {
	background-color: rgba(206, 221, 122, .25) !important;
}


.link_kommentar {
	display:contents !important;
	color:inherit !important;
}

/* ==========================================================================
04. Shop-Navigation / Kategorien
Desktop-Kategorien, Subnavigation und seitliche Shop-Navigation.
========================================================================== */

.oo-subnavi-pane {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: row-reverse;
	background-color: #f5f4cc;
}

.oo-subnavi-pane li {
	padding: 0 !important;
	margin: 0 !important;
}

ul.oo-subnavi-2nd-pane {
	margin-bottom: 20px !important;
	line-height: 1 !important;
}

body.home .oo-navi-1st-pane.oo-active .oo-navi-2nd-pane {
	display: none !important;
}

.oo-wawi-info-wrapper {
	display: block !important;
	visibility: visible !important;
}

#oo-navi .oo-navi-2nd-pane {
	background-color: #fafaee;
	border: 1px solid #dfdfdf !important;
	box-shadow: var(--oo1-dropdown-box-shadow);
}

#oo-navi .oo-navi-2nd-pane, .oo-navi-3rd-pane {
	display: flex;
	top: -4px;
	flex-direction: column;
	padding: 6px;
	font-size: 0.75em !important;
	list-style: none;
	border: 0;
	font-style: inherit;
	text-align: center;
	margin-left: -70px;
}

@media (min-width: 992px) {
	#oo-navi .oo-navi-2nd-pane, .oo-navi-3rd-pane {
		width: 300px;
	}
}

#oo-navi .oo-navi-3rd-pane li {
	margin-top: 8px !important;
}

#oo-navi .oo-navi-2nd-pane .oo-active {
	background-color: #ebeab5 !important;
}

#oo-navi .oo-navi-3rd-pane .oo-active a {
	font-weight: 800;
	color: #42894c !important;
}

@media (min-width: 576px) {
	#oo-shop .oo-shop-item a.oo-shop-item-permalink {
		display: block !important;
		padding-top: 108px !important;
	}
}

#oo-navi .oo-navi-pane {
	justify-content: center;
	padding: 0;
}

ul.oo-navi-pane li {
	width: 165px;
	font-family: 'Delicious Handrawn', cursive !important;
	text-transform: uppercase;
	font-size: 125%;
}

ul.oo-navi-pane li a {
	color: black;
}

.oo-navi-1st-pane {
	padding-bottom: 2px !important;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-top: 10px;
}

.oo-navi-1st-pane.oo-active {
	background-color: #ebeab5 !important;
}

@media (max-width: 992px) {
	.oo-navi-1st-pane {
		border-radius: 20px;
	}
	.oo-navi-1st-pane.oo-active {
		background-color: #f5f4cc !important
	}
	.oo-navi-2nd-tpl {
		text-align: center;
		margin: 5px !important;
		padding: 0 !important;
		font-size: 150% !important;
		line-height: 1.2;
	}
	ul.oo-navi-2nd-pane {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 10px;
	}
}

.oo-select-lastOrderTime {
	text-align: left;
	font-size: 120%;
	font-weight: 800;
	background-color: #dad31a;
}

.oo-shop-sl-pane-tpl .oo-select-lastOrderTime {
	display: none;
}

.content-area {
	margin-top: 0 !important;
}

#container {
	display: flex;
	padding-bottom: 40px;
}

.content-wrap {
	padding-bottom: 40px;
}

@media (max-width: 992px) {
	#container {
		flex-direction: column-reverse;
	}
	#nd-left {
		margin-top: 40px;
	}
	#nd-right {
		width: 100% !important;
	}
}

@media (min-width: 992px) {
	#nd-left {
		position: -webkit-sticky;
		position: sticky;
		top: 100px;
		margin-top: 47px;
		margin-bottom: 30px;
		width: 240px;
		align-self: flex-start;
		display: block;
	}
}

#nd-right {
	flex-grow: 1;
	width: calc(100% - 200px);
}

@media (min-width: 992px) {
	.oo-navi-2nd-tpl {
		line-height: 0.8 !important;
		margin-bottom: 10px;
	}
}

#oo-navi span.oo-navi-name {
	white-space: wrap !important;
	line-height: 0.9 !important;
	padding: 0;
}

@media (min-width: 992px) {
	#oo-navi span.oo-navi-name {
		width: 78%;
		margin-left: 11% !important;
	}
}

li#oo-navi-tpl-1::before {
	content: "";
	display: block;
	width: 100%;
	height: 65px;
	background-image: url('/wp-content/uploads/2025/04/Abokiste.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

li#oo-navi-tpl-2::before {
	content: "";
	display: block;
	width: 100%;
	height: 65px;
	background-image: url('/wp-content/uploads/2025/05/Aktion.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

li#oo-navi-tpl-3::before {
	content: "";
	display: block;
	width: 100%;
	height: 65px;
	background-image: url('/wp-content/uploads/2025/03/ObstGemuese.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

li#oo-navi-tpl-4::before {
	content: "";
	display: block;
	width: 100%;
	height: 65px;
	background-image: url('/wp-content/uploads/2025/03/Kuehlregal.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

li#oo-navi-tpl-5::before {
	content: "";
	display: block;
	width: 100%;
	height: 65px;
	background-image: url('/wp-content/uploads/2025/04/Vorrat.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
li#oo-navi-tpl-6::before {
	content: "";
	display: block;
	width: 100%;
	height: 65px;
	background-image: url('/wp-content/uploads/2025/03/NaturDrogerie.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.oo-navi-2nd-tpl {
	padding: 4px;
}

.oo-navi-2nd-tpl.oo-active {
	background-color: rgb(245 244 204) !important;
	border-radius: 12px;
}

/* ==========================================================================
05. Footer
Footer-Hintergrund und Basisabstaende.
========================================================================== */

footer {
	margin-top: 40px;
}

.site-bottom-footer-wrap {
	background-image: url(/wp-content/uploads/2025/03/footer01.png);
	width: 100vw;
	height: 200px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.site-bottom-footer-inner-wrap {
	padding-top: 142px !important;
	color: #ebeab5 !important;
}

@media (max-width: 480px) {
	.site-bottom-footer-inner-wrap {
		padding-top: 106px !important;
	}
}

.site-bottom-footer-inner-wrap a {
	color: white !important;
	white-space: nowrap;
}

/* ==========================================================================
06. Seiteninhalte
Allgemeine Gutenberg- und Kadence-Anpassungen ausserhalb des Shops.
========================================================================== */

:where(.wp-block-columns) {
	margin-bottom: 0;
}

.wp-block-heading {
	font-size: 180%;
	padding-top: 40px;
}

/* ==========================================================================
07. Shop / Produktlisten und Produktdetails
Produktkacheln, Detailseiten, Preisbereiche und Oekobox-Komponenten.
========================================================================== */

@media (min-width: 880px) {
	.oo-shop-singleitem-img {
		position: sticky;
		top: 145px;
	}
	#oo-shop .oo-shop-singleitem .oo-shop-singleitem-img {
		max-width: 400px !important;
		min-width: 400px !important;
	}
}

@media (max-width: 880px) {
	#oo-shop .oo-shop-singleitem .oo-shop-singleitem-img {
		margin: auto;
		width: 100%;
	}
}

#oo-shop .oo-shop-singleitem-prod-wrapper {
	display: flex !important;
}

.oo-shop-data-Separator-autoscroll {
	display: none !important;
}

.oo-item-name,
.oo-shop-title-head {
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 1.6;
	background-color: white !important;
}

.oo-shop-data-type-NoItem {
	height: 200px !important;
}

.oo-shop-data-type-NoItem h3.oo-item-name.oo-item-ellipsis.oo-limitlines {
	top: 120px !important;
}

@media (max-width: 576px) {
	.oo-shop-data-type-NoItem h3.oo-item-name.oo-item-ellipsis.oo-limitlines {
		left: 0 !important;
		margin: auto;
	}
}

.oo-shop-sl-pane>DIV.oo-shop-item {
	height: 350px;
	border: 1px solid #e8e8e8;
	background-size: 120px !important;
	background-position-y: 25px !important;
	margin: 10px !important;
	box-shadow: 0 24px 44px rgba(25, 57, 24, 0.14);
}

.entry {
	box-shadow: none !important;
}

@media (max-width: 576px) {
	.oo-shop-sl-pane>DIV.oo-shop-item {
		height: 150px !important;
		width: auto !important;
		margin: 0 !important;
	}
}

@media (max-width: 576px) {
	.site-branding .site-description {
		font-size: 14px !important;
	}
	.site-branding .site-title {
		font-size: 6.8vw !important;
	}
}

.oo-shop-sl-pane .oo-shop-item h3 {
	line-height: 0.9;
	top: 190px;
	font-size: 1em;
	background: transparent;
}

.oo-shop-singleitem-container {
	max-width: 400px;
}

@media (max-width: 880px) {
	.oo-shop-singleitem-container {
		margin: auto;
		max-width: 100%;
	}
}

span.oo-shop-item.oo-price-reduced {
	font-size: 130% !important;
}

.oo-specialplane .oo-item-discounttag {
	margin-top: 20px !important;
}

.oo-item-discount {
	font-size: 200%;
}

.oo-item-discounttag span.oo-item-discount-name {
	display: none !important;
}

.oo-shop-sl-pane .oo-shop-item .oo-item-txt {
	top: 170px;
	line-height: 0.9;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 208px;
	display: inline-block;
	left: -6px;
}

#oo-shop .oo-shop-item-price-wrapper {
	top: 230px;
}

.oo-item-certtag span.oo-item-cert {
	background: #f5f4cc;
	padding: 2px;
	font-weight: 700;
	color: #43894b;
	font-size: 0.65em;
	border-radius: 4px;
	text-align: right;
}

.oo-tag-wrapper .oo-shop-sl-pane .oo-shop-item .oo-item-origintag, .oo-shop-sl-pane .oo-shop-item .oo-item-certtag {
	position: absolute;
	top: 38px;
    right: 8px;
}

.oo-tag-wrapper-col1 .oo-item-origintag span {
	position: absolute;
	top: 146px;
	width: 100%;
	text-align: center;
	left: 0;
}
@media (max-width: 576px) {
	.oo-tag-wrapper-col1  .oo-item-origintag span {
		top: 178px;
		text-align: left;
		left: 12px;
	}
}

.oo-label {
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	font-size: 0.7em;
	color: gray;
	margin: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-size: contain;
	background-repeat: no-repeat;
}

.oo-shop-favorite {
	bottom: 4px;
	left: 14px;
	z-index: 5;
}

.oo-shop-item-select {
	top: 15px !important;
	z-index: 99;
}

#oo-shop .oo-shop-item-price-wrapper, #oo-shop .oo-shop-title-head, .oo-label, .oo-profile-signal, .oo-search-filter-hint, .oo-shop-singleitem .oo-shop-sl-parentlink, .oo-shop-title-head-wrapper, .oo.running {
	background-color: white;
	padding: 10px !important;
}

#oo-flash {
	background-color: white;
}

.oo-flash-cartlink {
	font-size: 140%;
}

.oo-cart-pos-plus,
.oo-select-plus {
	background-color: #42894c !important;
}

#oo-shop .oo-shop-sl-single-tpl {
	max-width: 100% !important;
	flex-flow: row wrap !important;
}

@media (min-width: 880px) {
	.oo-shop-singleitem-container {
		width: calc(100% - 400px) !important;
	}
}

#oo-shop .oo-shop-singleitem .oo-tab-navi {
	padding: 0;
}

#oo-shop .oo-shop-singleitem .oo-shop-singleitem-info {
	max-width: 100% !important;
}

@media (min-width: 880px) {
	.oo-tab-content,
	.oo-tab-navi {
		margin-left: 400px;
	}
}

#oo-shop .oo-shop-singleitem .oo-tab-navi>a {
	min-width: 200px;
}

.oo-item-associationtag  .oo-item-association-label {
	display: none;
}

.oo-item-associationtag  .oo-item-association-logo {
	width: 40px !important;
	height: 40px !important;
}

.oo-item-pricetag .oo-item-pricetag-label {
	display: none;
}

@media (min-width: 576px) {
	.oo-select-container {
		width: 300px;
		margin: auto !important;
	}
}

.oo-select-container form {
	margin-bottom: 0 !important;
}

.oo-select-sub-0 {
	width: 266px !important;
}

.oo-tab-navi {
	flex-basis: 100%;
	width: auto;
	background-color: #f5f4cc;
}

.oo-tab-navi a.oo-tab-active {
	background-color: #ebeab5 !important;
}

.oo-tab-content > div {
	min-height: 100vh;
}

.oo-shop-singleitem-infoblock {
	align-items: flex-start;
}

span.oo-dnr-label.oo-dnr-label-false {
	display: none;
}

@media (min-width: 880px) {
	h2.oo-item-name {
		flex-basis: 100%;
		width: 100%;
		margin-left: 400px !important;
		padding-bottom: 20px !important;
		padding-top: 30px !important;
		position: sticky;
		top: 66px;
		line-height: 1;
		z-index: 100;
	}
}

.oo-item-txt {
	font-style: normal !important;
	color: gray;
}

.oo-shop-sl-pane-tpl .oo-item-img {
	background-size: 140px auto !important;
}

.oo-shop-title-controls {
	text-align: center;
	max-width: 500px;
	margin-top: 10px;
	margin-left: 17px;
}

.oo-select-nothing {
	background-color: transparent !important;
	border: 0 !important;
}

.oo-shop-title-select {
	width: 100% !important;
	display: inline !important;
}

span.oo-shop-abobox-punplanned .oo-shop-sl-pane {
	margin-top: 10px;
	margin-bottom: 30px;
}

.oo-shop-item-incart .oo-shop-singleitem-container {
	background-color: #f6f6e2 !important;
	border: 2px solid #f6893e !important;
}

.oo-shop-sl-pane-tpl.oo-shop-item-incart {
	background-color: #f6f6e2 !important;
	border: 2px solid #f6893e !important;
}

#oo-shop .oo-shop-item-price-wrapper .oo-shop-item-price-numbers {
	font-size: inherit !important;
}

.oo-shop-sl-pane-tpl  h3.oo-item-name {
	position: relative !important;
	top: -48px !important;
	background-color: transparent !important;
	line-height: 0.88 !important;
	word-wrap: break-word !important;
	text-align: center !important;
	white-space: nowrap;
	overflow: hidden !important;
	display: block;
	text-overflow: ellipsis !important;
	width: calc(100% - 10px) !important;
	padding: 0;
	height: 36px;
	margin: 3px;
	left: -8px;
}

@media (max-width: 576px) {
	.oo-shop-sl-pane-tpl  h3.oo-item-name {
		top: 8px !important;
		text-align: left !important;
		vertical-align: middle;
		height: 36px;
		width: calc(100% - 140px) !important;
		left: 122px;
	}
	#oo-shop .oo-shop-item .oo-shop-item-box {
		display: block !important;
		padding-left: 0 !important;
	}
	.oo-shop-sl-pane-tpl .oo-shop-item-sale-out, .oo-shop-sl-pane-tpl .oo-shop-item-sale-n {
		top: 132px !important;
		line-height: 1;
		display: block !important;
		width: 100px !important;
		left: 8px !important;
	}
}

@media (max-width: 576px) {
	#oo-shop .oo-shop-item .oo-shop-item-box>.oo-specialplane>div {
		position: absolute;
		left: 0;
		width: 20px;
		top: 5px;
	}
}

#oo-subnavi .oo-subnavi-1st-pane>a>.oo-subnavi-name {
	width: 82%;
	line-height: 1;
}

.oo-select-sub-period.oo-profile-rp {
	text-align: center;
	margin: auto;
	width: auto;
	margin-bottom: 12px !important;
}

button.oo-overlay-okbtn.oo-select-sub-btn-new.oo-style-minoraction {
	width: 100%;
}

.oo-select-notavailable button {
	display: none;
}

.oo-item-price {
	font-size: 180%;
	font-weight: 900;
}

.oo-shop-sl-pane-tpl .oo-select-notavailable {
	text-align: center;
	line-height: 1;
}

.oo-shop-sl-pane-tpl .oo-select-notavailable button {
	top: -7px;
	width: 87%;
	left: -16px;
	margin: auto !important;
}

.oo-shop-sl-pane-tpl .oo-shop-item-sale-out,
.oo-shop-sl-pane-tpl .oo-shop-item-sale-n {
	position: absolute;
	top: 114px;
	left: -14px;
	margin-left: 10%;
	width: 80%;
}

.oo-shop-sl-pane-tpl  .oo-item-txt.oo-item-ellipsis.oo-limitlines {
	position: absolute !important;
	top: 167px !important;
	color: gray;
	left: 10px;
	width: calc(100% - 20px) !important;
	font-size: 73% !important;
	text-align: center;
	z-index: 0;
}

.oo-infoplane, .oo-actionplane,
#oo-shop .oo-infoplane {
	background: transparent !important;
}

.oo-fav-wrapper {
	z-index: 999;
	position: relative;
}

@media (max-width: 576px) {
	.oo-fav-wrapper {
		z-index: 999;
		position: absolute !important;
		top: 189px !important;
		right: 10px !important;
	}
	.oo-shop-sl-pane-tpl .oo-item-txt.oo-item-ellipsis.oo-limitlines {
		top: 26px !important;
		left: 137px;
		text-align: left;
		width: calc(100% - 200px) !important;
	}
}

.oo-shop-sl-pane-tpl .oo-shop-amount {
	position: absolute !important;
	top: 116px !important;
	width: 100px !important;
	left: calc(50% - 67px) !important;
}

@media (max-width: 576px) {
	.oo-shop-sl-pane-tpl .oo-shop-amount {
		top: 120px !important;
		width: 100px !important;
		left: 8px !important;
	}
}

.oo-shop-sl-pane-tpl .oo-select-nothing {
	display: block !important;
	position: absolute !important;
	top: 42px !important;
	background-color: transparent !important;
	width: 100%;
	border: 0 !important;
	margin: 0 !important;
}

.oo-select-sum {
	color: #f6893e;
}

.oo-shop-sl-pane-tpl .oo-select-base {
	position: absolute;
	top: -2px;
	width: 100%;
	color: gray;
}

.oo-shop-sl-pane-tpl .oo-item-pname {
	display: none !important;
}
.oo-shop-sl-pane-tpl .oo-shop-item-select {
	position: absolute !important;
	top: 260px !important;
	width: 90% !important;
	left: 10px !important;
}

@media (max-width: 576px) {
	.oo-shop-sl-pane-tpl .oo-shop-item-select {
		top: 132px !important;
		left: 136px !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 6px !important;
	}
}

@media (max-width: 576px) {
	#oo-shop .oo-shop-item {
		min-height: 225px !important;
	}
}

.oo-shop-sl-pane-tpl .oo-item-associationtag {
	position: absolute !important;
	top: 0 !important;
	right: 57px !important;
}

.oo-shop-sl-pane-tpl .oo-shop-item-price-wrapper {
	position: absolute !important;
	top: 200px !important;
	text-align: center;
	width: 100%;
	display: inline-block !important;
	background-color: transparent !important;
	color: black;
	font-size: 80% !important;
}

@media (max-width: 576px) {
	.oo-shop-sl-pane-tpl .oo-shop-item-price-wrapper {
		top: 70px !important;
		left: 128px;
		text-align: left;
	}
}

.oo-shop-sl-pane-tpl  .oo-item-regiotag {
	position: absolute !important;
	top: 6px !important;
	left: 5px !important;
}

.oo-shop-sl-pane-tpl .oo-item-refpricetag {
	position: relative;
	top: -8px;
	color: #9b9999;
	text-align: center;
	width: 100%;
}

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

.oo-shop-abobox-punplanned .oo-shop-title-head {
	display: block;
	line-height: 1.12;
}

.oo-missing-img {
	background-image: url('/wp-content/uploads/2024/11/Logo-1.png');
	height: 300px;
}

.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	margin: 26px 0 .5em !important;
}

/* ==========================================================================
08. Warenkorb
Warenkorb-Preview, Warenkorb-Tabelle und Checkout-nahe Statusanzeigen.
========================================================================== */

#oo-status .oo-status-cart-preview .oo-cart-pos-controls {
	display: inline-flex !important;
	right: 6px;
	position: absolute;
}

.oo-cart-pos-total {
	font-weight: 700;
}

.oo-cart-pos-amount::after {
	margin-left: 4px !important;
}

#oo-status .oo-status-cart-preview .oo-cart-pos-unit {
	margin-left: 4px;
	margin-right: 4px;
}

#oo-status .oo-status-cart-preview .oo-cart-pos-controls .oo-cart-pos-minus0, #oo-status .oo-status-cart-preview .oo-cart-pos-controls .oo-cart-pos-minus0:hover {
	order: -1;
}

/* Warenkorb-Seite */

a.oo-cart-pos-assortment-open,
a.oo-cart-pos-assortment-close {
	border: 0 !important;
	background: transparent !important;
	font-size: 0 !important;
}

#oo-cart .oo-cart-pos .oo-cart-pos-item {
	display: grid;
	grid-template-columns: repeat(3, auto) 1fr repeat(6, auto);
	grid-template-rows: auto auto auto auto auto auto auto auto;
	grid-template-areas:
		"img name   name   name   name   icons   resolve  minus  plus  rm"
		"img infotxt infotxt infotxt infotxt infotxt infotxt  infotxt infotxt infotxt"
		"img amount unit   unit   b5     b6     b7       b8     b9    b10"
		"img price  price  price  price  price  price    price  price  price"
		"img labels labels labels labels labels labels  labels labels labels"
		"img discount discount discount discount discount discount discount discount discount"
		"img note   note   note   note   note   note    note   note   note"
		"img hints  hints  hints  hints  hints  hints    hints  hints  hints";
	align-items: center;
}

.oo-cart-pos-name {
	grid-area: name;
}

.oo-cart-pos-infotxt {
	grid-area: infotxt;
	display: block;
}

.oo-cart-item-price-wrapper {
	grid-area: price;
	display: block;
}

.oo-cart-pos-discount.oo-label {
	grid-area: discount;
	display: block;
}

.oo-cart-pos-note {
	grid-area: note !important;
	display: block;
}

span.oo-cart-pos-discount.oo-label {
	background: transparent;
	border: 0;
	color: red;
}

.oo-cart-cart {
	font-size: 120%;
}

.oo-cart-cart h3 {
	font-family: 'Delicious Handrawn', cursive !important;
	font-size: 150%;
	text-transform: uppercase;
}

.oo-cart-info-ddate-osh-txt {
	display: block;
}

.oo-cart-cartlink1-wr {
	display: none;
}

tbody#oo-cart-sum,
tbody#oo-cart-vat-pane,
tbody.oo-cart-delivercost {
	padding: 0 !important;
}

tbody.oo-cart-delivercost tr {
	width: 100%;
	display: block;
	margin: 0;
	text-align: right;
	background-color: #f5f4cc !important;
}

tbody#oo-cart-sum tr {
	width: 100%;
	display: block;
	margin: 0;
	text-align: right;
	background-color: #f5f4cc !important;
}

td.oo-cart-sum-val {
	font-size: 140%;
}

tbody#oo-cart-vat-pane tr {
	width: 100%;
	margin: 0;
	text-align: right;
	background-color: #fafaee !important;
}

tbody.oo-cart-delivercost td {
	padding-right: 20px !important;
	display: block;
}

tbody#oo-cart-sum td {
	padding-right: 20px !important;
	display: block;
}

tbody#oo-cart-vat-pane td {
	padding-right: 10px !important;
}

span.oo-cart-quotes {
	margin-right: 100px;
	font-size: 120%;
	position: relative;
	top: 18px;
}

.oo-cart-submit-pc1,
.oo-cart-shoplink-1,
.oo-cart-agb {
	display: none !important;
}

#oo-status-cart-preview-pane  tr:nth-child(even) ,
#oo-cart-table  tr > td > div:nth-child(even) {
	background-color: #fafaee;
}

#oo-status-cart-preview-pane  tr:nth-child(odd) ,
#oo-cart-table  tr > td > div:nth-child(odd) {
	background-color: #fffffa;
}

.oo-cart-pos-amountline,
.oo-cart-item-price-wrapper {
	width: 100%;
}

#oo-cart .oo-cart-pos-name {
	display: inline-block !important;
	font-weight: 600;
	width: 100%;
}

#oo-status .oo-status-cart-preview {
	min-width: 400px;
	font-size: inherit;
}

#oo-status .oo-status-cart-preview .oo-cart-pos-img {
	background-size: contain;
}

.oo-status-auth-date-preview,
.oo-status-auth-preview {
	padding: 10px;
}

.oo-status-auth-date-preview li {
	list-style: none;
}

.oo-status-auth-preview a {
	display: block;
}

tr.oo-cart-pos-assortment~tr.oo-cart-pos-assorted {
	background-color: rgb(218 211 26 / 42%);
}

.oo-cart-pos-assortment {
	background-color: rgb(218 211 26);
}

.oo-profile-edit-sub-period.oo-style-altaction,
button.oo-style-majoraction,
#oo-status A.oo-status-cartlink.oo-style-minoraction {
	background-color: #42894c !important;
	color: white !important;
	padding: 12px;
	border-radius: 20px;
	margin: 10px;
	min-width: 160px;
	text-align: center;
}

.oo-profile-edit-sub-period.oo-style-altaction a,
button.oo-style-majoraction a,
#oo-status A.oo-status-cartlink.oo-style-minoraction h1 {
	color: white !important;
}

.oo-overlay-close {
	background-color: white !important;
	color: white !important;
	padding: 12px;
	border-radius: 20px;
	margin: 10px;
	text-align: center;
}

a.oo-status-cart-link {
	position: relative;
}

.oo-status-cart-label {
	display: none;
}

span.oo-status-cart-count {
	position: absolute;
	display: block !important;
	margin-right: 102px;
	left: -1px;
	top: -1px;
	padding-top: 0px;
	line-height: 1.2 !important;
	font-size: 0.8rem !important;
	font-weight: 800 !important;
	background-color: rgba(255, 105, 0, 1) !important;
	border-radius: 100% !important;
	width: 16px !important;
	color: #ffffff !important;
	height: 16px;
}

.oo-select-unit,
input.oo-select-value {
	padding: 0 !important;
	margin: 0 !important;
}

#oo-cart-table .oo-item-associationtag {
	position: relative !important;
	left: 46px !important;
	top: -25px !important;
}

/* ==========================================================================
09. Suche
Vorschlags-Overlay, Suchkategorien und Suchergebnis-Preview.
========================================================================== */

#oo-search-articles,
#oo-search-commands {
	display: none;
}

.oo-search-preview.oo-overlay {
	top: -8px !important;
	background-color: #ffffff;
	padding-bottom: 4em !important;
}

.oo-search-preview .oo-overlay-close {
	position: relative;
	left: calc(100% - 50px) !important;
	z-index: 10;
	border: none;
}

#oo-search-suggestions,
#oo-search-navigations {
	display: inline-flex !important;
	justify-content: center;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}

#oo-search-producersbrands {
	display: inline-flex !important;
	justify-content: center;
	flex-wrap: wrap;
}

.oo-search-preview-items-more {
	display: none;
}

.oo-search-producerbrand, .oo-search-navigation {
	display: inline-block !important;
}

#oo-search-producersbrands > [id^="oo-search-producerbrand-tpl-"]::after,
#oo-search-suggestions>[id^=oo-search-suggestions-tpl-]::after,
#oo-search-navigations>[id^=oo-search-navigations-tpl-]::after {
	display: inline-block;
	margin-right: .25rem;
	margin-left: .25rem;
	content: "|";
}

/* Letzten Eintrag ausschließen */
#oo-search-producersbrands > [id^="oo-search-producerbrand-tpl-"]:last-child::after,
#oo-search-suggestions > [id^="oo-search-suggestions-tpl-"]:nth-child(3)::after,
#oo-search-navigations > [id^="oo-search-navigations-tpl-"]:nth-child(3)::after {
	content: "" !important;
	margin: 0;
}

#oo-search-producersbrands div,
#oo-search-navigations span {
	background-color: transparent;
	margin: 0;
	padding: 0;
}

#oo-search-producersbrands > div:not(.oo-cloned):not(.oo-hidden),
#oo-search-suggestions > div,
#oo-search-preview-items > div:first-child,
#oo-search-navigations > div {
	text-align: center;
	font-size: 100% !important;
	text-transform: uppercase;
	font-weight: 800 !important;
}

.oo-search-preview-items-item .oo-item-name {
	order: 0 !important;
	font-weight: 700;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#oo-search-preview-items div .oo-item-img {
	background-size: contain !important;
}

.oo-search-item-price-wrapper {
	align-items: center;
}

/* ==========================================================================
10. Login
Anmelde-Layout fuer Oekobox-Loginbereiche.
========================================================================== */

.oo-logon-logonMessage1 {
	display: none;
}
.oo-logon-email1st {
	padding: 30px;
	background-color: #f5f4cc;
}

#oo-logon .oo-logon-body {
	flex-flow: row wrap;
	justify-content: center;
	flex-direction: row-reverse;
	align-items: center;
}

/* ==========================================================================
11. Lieferbereiche
Breite Bild-/Animationsbereiche fuer Liefergebietsinhalte.
========================================================================== */

figure.lieferAnimation,
figure.lieferAnimation img {
	max-width: none;
	object-fit: cover;
	margin-bottom: 0 !important;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	display: block;
}

/* ==========================================================================
12. Hofgeschichten / News
Beitraege, MagicScroll-Teaser und Startseiten-News.
========================================================================== */

/* Hofgeschichten-Farbwechsel */
.newsMorgentau .kb-post-list-item,
.newsMorgentau .wp-block-post,
.newsMorgentau > :is(article, .entry, .loop-entry) {
	--hm-hofgeschichten-bg: #dad31a42;
}

.newsMorgentau .kb-post-list-item > :is(article, .entry, .loop-entry),
.newsMorgentau .wp-block-post,
.newsMorgentau > :is(article, .entry, .loop-entry) {
	background-color: var(--hm-hofgeschichten-bg) !important;
	padding: 25px;
}

.newsMorgentau .kb-post-list-item:nth-child(4n+1),
.newsMorgentau .wp-block-post:nth-child(4n+1),
.newsMorgentau > :is(article, .entry, .loop-entry):nth-child(4n+1) {
	--hm-hofgeschichten-bg: #dad31a42;
}

.newsMorgentau .kb-post-list-item:nth-child(4n+2),
.newsMorgentau .wp-block-post:nth-child(4n+2),
.newsMorgentau > :is(article, .entry, .loop-entry):nth-child(4n+2) {
	--hm-hofgeschichten-bg: #42894c30;
}

.newsMorgentau .kb-post-list-item:nth-child(4n+3),
.newsMorgentau .wp-block-post:nth-child(4n+3),
.newsMorgentau > :is(article, .entry, .loop-entry):nth-child(4n+3) {
	--hm-hofgeschichten-bg: #e2faffad;
}

.newsMorgentau .kb-post-list-item:nth-child(4n),
.newsMorgentau .wp-block-post:nth-child(4n),
.newsMorgentau > :is(article, .entry, .loop-entry):nth-child(4n) {
	--hm-hofgeschichten-bg: #b86f7a3d;
}

/* MagicScroll-Teaser */
.custom-posts-grid {
	background-color: #286231;
	background-size: cover;
	border: 14px solid transparent;
	border-image: url('/wp-content/uploads/2025/03/TafelBorder.png') 14 round;
	border-radius: 40px;
}

.custom-posts-grid h2 {
	color: #dad31a !important;
}

.custom-posts-grid h3,
.custom-posts-grid .news-excerpt,
.custom-posts-grid .news-readmore {
	color: #ebeab5 !important;
}

.custom-post-item {
	margin-left: 40px !important;
	margin-right: 40px !important;
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.custom-post-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 80px);
}

.MagicScroll .mcs-item img {
	margin-top: 14px;
	margin-left: 28px !important;
}

.custom-post-image img {
	width: 90% !important;
	height: auto;
	border-radius: 15px;
}

.custom-post-content a {
	text-decoration: none;
}

.custom-post-content h2 {
	text-transform: none;
	margin: 0;
	font-size: 2rem;
	text-align: left;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.custom-post-content h3,
.custom-post-content .news-excerpt,
.custom-post-content .news-readmore {
	font-weight: 700;
	line-height: 1.1;
	margin: 5px 0 0px !important;
	text-align: left;
	display: block;
	font-size: 1.2rem;
	white-space: pre-line;
	color: white;
}

.custom-post-item,
.custom-posts-grid .MagicScroll.MagicScroll-horizontal {
	min-height: 280px;
}

@media (max-width: 940px) {
	.custom-post-item,
	.MagicScroll.MagicScroll-horizontal {
		min-height: 300px;
	}
	.custom-post-content h2 {
		font-size: 1.3rem;
	}
	.custom-post-content h3,
	.custom-post-content .news-excerpt,
	.custom-post-content .news-readmore {
		font-size: 1rem;
	}
}

@media (max-width: 540px) {
	.custom-post-item,
	.MagicScroll.MagicScroll-horizontal {
		min-height: 420px;
	}
}

.MagicScroll-horizontal .mcs-bullets {
	margin-top: -28px !important;
}

.mcs-bullet {
	background-color: white !important;
	opacity: 0.4;
}

.mcs-bullet.active {
	border: 1px solid white !important;
	background-color: transparent !important;
}

.mcs-button {
	background-color: transparent !important;
}

.mcs-button::before {
	width: 20px !important;
	height: 20px !important;
	border-color: #fac7a3 !important;
}

.newsMoehre {
	width: 158px;
	height: auto;
	position: absolute;
	left: calc(50% - 162px);
	margin-top: -25px !important;
	z-index: 2;
	transform: rotate(32deg);
}

.MagicScroll.MagicScroll-horizontal {
	max-width: 100vh;
	left: 50%;
	transform: translateX(-50%);
}

.custom-posts-grid .MagicScroll.MagicScroll-horizontal {
	max-height: 250px;
}

.custom-posts-grid_startseite.MagicScroll.MagicScroll-horizontal {
	max-width: 100% !important;
	max-height: 100vh !important;
	height: 100vh !important;
}

/* ==========================================================================
13. Profil und Einstellungen
Profilnavigation, Lieferdatum, Konto- und Formularansichten.
========================================================================== */

.oo-profile-edit-selected a {
	background: #dad31a;
}

.oo-profile-nocore a,
.oo-profile-core a {
	color: black !important;
}

#oo-profile-edit-form div a {
	font-size: 1.3em !important;
	background-repeat: no-repeat;
	width: 100%;
	display: block;
}

a.oo-profile-edit-removeme.oo-profile-tab {
	background-color: #eeeeee;
}

/* Footer-Animation */
#bee-container {
	position: relative;
	width: 100%;
	height: 300px;
	margin-top: -400px;
	overflow: hidden;
	background: transparent;
}

.bee {
	position: absolute;
	width: 70px;
	height: 70px;
	background: url('/wp-content/uploads/2025/04/Biene-2.gif') no-repeat center center;
	background-size: contain;
	transform-origin: center;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	outline: none;
}

.ouch-popup {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: black;
	pointer-events: none;
	z-index: 10;
	opacity: 1;
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
	transform: translate(-50%, -50%);
	-webkit-tap-highlight-color: transparent;
}

.shift-left {
	margin-left: -1360px !important;
}

/* Lieferdatum */

#oo-date .oo-date-cal-legend>tbody {
	grid-gap: 0 !important;
	grid-template-columns: minmax(200px, 40px) minmax(200px, 40px) !important;
	justify-content: center;
	align-items: center;
}

ul#oo-date-list li {
	line-height: 3em;
}

ul#oo-date-list li a.oo-style-minoraction {
	margin-top: 40px;
	display: inline-block;
}

ul#oo-date-list,
.oo-date-action-tourinfo {
	list-style: none !important;
	text-align: center;
}

/* Konto-Einstellungen */

.oo-profile-edit-sub-delete,
.oo-profile-logout {
	background-color: #eeeeee !important;
	border-radius: 20px;
	padding: 10px 20px;
	font-size: 90%;
	margin-bottom: 20px;
	color: #000000 !important;
}

.oo-profile-tab {
	text-align: center;
	text-transform: uppercase;
	background-color: #f5f4cc;
	margin-top: 4px;
	padding: 10px;
}

.oo-state-admin {
	display: none !important;
}

.oo-overlay-close,
a[name="login"] {
	display: none !important;
}

.oo-profile-field-pay.oo-profile-field-daddress,
.oo-profile-field-pay.oo-profile-field-pay-sepa,
.oo-profile-field-place-values span.oo-profile-field-place-txt-1,
.oo-profile-field-place-values  span.oo-profile-field-place-txt-2,
.oo-profile-field-place-values  span.oo-profile-field-place-txt-3 {
	display: grid;
	grid-template-columns: 40px auto;
	align-items: center;
}

.oo-profile-auth-delivery-hint.oo-status-auth-datelinkall.oo-hint {
	display: none !important;
}

.oo-profile-pay-sepa-none-wrapper {
	min-width: 80vw;
}

/* ==========================================================================
14. Mobile Navigation
Hamburger-Menue, mobile Oekobox-Kategorien und kurze mobile Menues.
========================================================================== */

#mobile-header .site-header-main-section-right,
.mobile-menu {
	display: none;
}

.menu-toggle {
	display: none;
}

@media (max-width: 992px) {
	/* Hamburger-Button */
	.hamburger {
		position: fixed;
		top: 8px;
		right: 20px;
		width: 30px;
		height: 22px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		z-index: 1001;
	}
	.hamburger span {
		height: 3px;
		background: #000;
		border-radius: 2px;
		transition: 0.3s;
	}
	/* Menuebasis */
	.mobile-menu {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 38px;
		right: 0;
		width: 100%;
		max-width: 400px;
		height: 100vh;
		background: white;
		box-shadow: -2px 0 10px rgba(0,0,0,0.2);
		transform: translateX(100%);
		transition: transform 0.3s ease;
		z-index: 1000;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.navMobile {
		order: 1;
		width: 100%;
	}
	.mobileShortMenu {
		order: 2;
		margin: 0;
		padding: 12px 0 72px;
		background: #fff;
		border-top: 1px solid #ebeab5;
		list-style: none;
	}
	.mobileShortMenu ul,
	.mobileShortMenu li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.mobileShortMenu a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 13px 22px;
		border-bottom: 1px solid #ebeab5;
		color: black;
		font-family: Cuprum, sans-serif;
		font-weight: 700;
		line-height: 1.2;
		text-decoration: none;
		text-transform: uppercase;
	}
	#oo-navi {
		padding: 0;
	}
	li#oo-navi-tpl-1::before,
	li#oo-navi-tpl-2::before,
	li#oo-navi-tpl-3::before,
	li#oo-navi-tpl-4::before,
	li#oo-navi-tpl-5::before,
	li#oo-navi-tpl-6::before,
	li#oo-navi-tpl-7::before,
	li#oo-navi-tpl-8::before,
	li#oo-navi-tpl-9::before,
	li#oo-navi-tpl-10::before
	{
		width: 80px;
	}
	/* Zweite und dritte Kategorieebene initial einklappen. */
	.mobile-menu .oo-navi-1st-pane .oo-navi-mega,
	.mobile-menu .oo-navi-2nd-pane {
		overflow: hidden;
		transition: max-height 0.3s ease;
	}
	.mobile-menu .oo-navi-1st-pane.open .oo-navi-mega,
	.mobile-menu .oo-navi-2nd-pane.open {
		max-height: 1000px;
	}
	.mobileShortMenu a:hover,
	.mobileShortMenu a:focus-visible {
		background: #f5f4cc;
		color: #42894c;
	}
	.mobileShortMenu .sub-menu {
		max-height: 0;
		overflow: hidden;
		background: #fafaee;
		transition: max-height 0.3s ease;
	}
	.mobileShortMenu li.open > .sub-menu {
		max-height: 500px;
	}
	.mobileShortMenu .sub-menu a {
		padding: 10px 22px 10px 36px;
		font-size: 0.95em;
		font-weight: 600;
		text-transform: none;
	}
	.mobileShortMenu li.menu-item-has-children > a::after {
		content: "\25b8";
		flex: 0 0 auto;
		margin-left: .5rem;
		transition: transform .2s ease;
	}
	.mobileShortMenu li.menu-item-has-children.open > a::after {
		transform: rotate(90deg);
	}
	.menu-toggle:checked + .hamburger + .mobile-menu {
		transform: translateX(0);
	}
	/* Hamburger-Icon wird zum Schliessen-Icon. */
	.menu-toggle:checked + .hamburger span:nth-child(1) {
		transform: translateY(9px) rotate(45deg);
	}
	.menu-toggle:checked + .hamburger span:nth-child(2) {
		opacity: 0;
	}
	.menu-toggle:checked + .hamburger span:nth-child(3) {
		transform: translateY(-9px) rotate(-45deg);
	}
	#oo-navi {
		display: block !important;
		visibility: visible !important;
		position: relative !important;
		width: 100%;
		margin-bottom: 24px;
	}
	ul.oo-navi-pane > li.oo-navi-1st-pane {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		margin-left: -50px !important;
		margin: auto;
		justify-items: end;
		align-items: center;
	}
	ul.oo-navi-pane > li.oo-navi-1st-pane > a.oo-shop-item-permalink {
		width: 100%;
		padding-left: 20px;
		pointer-events: none;
	}
	.oo-navi-mega {
		position: relative;
		z-index: 1000;
		width: 100%;
		left: 50px;
		grid-column: span 2;
	}
}

/* ==========================================================================
15. Weitere Overrides
Spaete Korrekturen fuer Shop, Kadence, Profil und Warenkorb.
========================================================================== */

#oo-shop .oo-select-sub button[class*=" oo-select-sub-"], #oo-shop .oo-select-sub button[class^=oo-select-sub-] {
	width: auto !important;
}

ul.oo-navi-pane > li.oo-navi-1st-pane > a.oo-shop-item-permalink {
	pointer-events: none;
}

.oo-shop-title-sort-control {
	display: none;
	top: 10px;
	margin-bottom: 10px;
	position: relative;
}

#oo-profile-reg-form .oo-overlay-close {
	display: none;
}

label {
	display: block;
	margin-left: 9px;
	color: #42894c;
	margin-bottom: 0 !important;
}

fieldset .oo-required label::after {
	color: red;
	content: "\00a0*" !important;
}

.single-content p {
	margin-bottom: 10px !important;
}

.oo-profile-field-inspectlet {
	display: none;
}

.oo-profile-cont {
	text-align: right;
}

.oo-profile-set-delivery {
	display: block !important;
}

input {
	margin-right: 5px !important;
	width: 100%;
}

a.oo-cart-revert,
a.oo-cart-cnote-btn,
a.oo-profile-logon.oo-style-altaction {
	background-color: #eeeeee;
	border-radius: 20px;
	padding: 10px 20px;
	font-size: 90%;
	margin-bottom: 20px;
	color: #000000 !important;
}

.oo-cart-sure p,
.oo-cart-sure button {
	text-align: center;
	width: 100%;
}

@media (min-width: 992px) {
	.oo-shop-title-img {
		position: sticky;
		top: 100px;
		margin-left: 20px;
	}
	.oo-shop-title-img {
		grid-area: t-image;
		align-self: start;
		justify-self: start;
		max-width: 92% !important;
	}
	html.oo-page-data-type-Assortment .oo-shop-title {
		grid-template-areas:
			"t-image t-image t-headw t-headw"
			"t-image t-image t-messg t-messg"
			"t-image t-image t-varnt t-varnt"
			"t-image t-image t-contr t-contr"
			"t-image t-image spacer spacer"
			"t-image t-image t-dtail t-dtail";
	}
}

@media (max-width: 719px) {
	.content-style-boxed .content-bg:not(.loop-entry) {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: auto;
	}
}

#oo-profile #oo-profile-edit-sub-pane a.oo-sub-itemlink {
	text-align: center;
	margin: auto;
	width: 140px;
	height: auto;
}

.oo-profile-edit-sub {
	padding: 10px !important;
}

.oo-profile-edit-sub-pane-wrapper {
	display: inline-flex !important;
	flex-flow: row !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center;
}

.oo-profile-edit-sub-pane-wrapper span {
	display: inline-block;
	margin-left: 6px;
}

#oo-voucher-in input {
	text-align: center;
}

.oo-profile-edit-sub-pane-wrapper .oo-sub-address {
	display: none;
}

.oo-item-bulkpricetag {
	padding-left: 0 !important;
	position: relative;
	top: -4px;
	color: gray;
}

#oo-shop .oo-shop-item-price-wrapper .oo-item-subline .oo-item-oneway {
	padding-left: 0 !important;
	position: relative;
	top: -6px;
}

h2.oo1-accordion-header {
	font-family: 'Delicious Handrawn', cursive;
	font-size: 1.2em;
}

.content-style-unboxed .kadence-thumbnail-position-behind:after {
	background: none !important;
}

.oo-profile-field-agb {
	display: inline-block;
}

.oo-profile-field-agb .oo1-form-check {
	display: inline-flex;
}

ul.wp-block-list li {
	margin-top: 14px;
}

.nav-previous {
	background-color: #dad31a42;
	padding: 25px;
	margin: 8px;
}

.nav-next {
	background-color: #42894c30;
	padding: 25px;
	margin: 8px;
}

.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after {
	background: transparent !important;
}

.wp-site-blocks .post-thumbnail img {
	-o-object-fit: contain !important;
	object-fit: contain !important;
	padding-top: 30px;
	max-height: 50vh;
}

.wp-site-blocks div.post-thumbnail {
	padding-bottom: calc(50vh + 30px) !important;
}
.kadence-thumbnail-position-behind {
	margin-bottom: 0 !important;
}

@media (min-width: 992px) {
	#main-header {
		display: block !important;
	}
	#mobile-header {
		display: none !important;
	}
}

.noBorder td {
	border: 0 !important;
}

@media (min-width: 480px) {
	table#oo-cart-table-totalcosts {
		width: auto !important;
		float: right;
		min-width: 320px;
	}
}

.main-navigation .primary-menu-container > ul li.menu-item > a {
	line-height: 0.9 !important;
}

.oo1-overlay-footer {
	flex-shrink: inherit !important;
}

span.oo-select-base {
	position: relative;
	top: -70px;
}

.oo1-wrapper-btn.oo1-wrapper-btn-fluid.oo1-wrapper-btn-start.oo-controls-etc {
	margin: auto;
}

.oo-status-cart-value {
	position: relative;
	left: -3px;
}

.oo-cart-quotes div.oo-label {
	position: absolute;
	right: 200px;
	border: 0;
	background: #dad31a;
	font-size: 0.6em;
	color: #000000;
	border-radius: 10px;
	transform: rotate(354deg);
}

.oo-cart-quotes {
	text-align: center;
}
.oo-cart-quotes-bio {
	display: block !important;
}

#copy-button {
	width:100%;
}



/* Biokiste-Landingpage: Preisschild auf den Kisten-Karten */
.kiste-card {
	position: relative;
}

.kiste-card .kiste-preisschild {
	position: absolute;
	right: calc(50% - 128px);
	bottom: 10px;
	margin: 0;
	padding: 5px 14px;
	background-color: #286231;
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2;
	border-radius: 999px;
	transform: rotate(-6deg);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	pointer-events: none;
}

/* Biokiste-Landingpage: Kisten-Karten als abgesetzte Kacheln */
.kisten-grid {
	gap: 14px;
	margin-bottom: 0;
}

.kisten-grid + .kisten-grid {
	margin-top: 14px;
}

.kisten-grid .wp-block-column {
	background-color: #42894c1a;
	border-radius: 18px;
	padding: 18px 16px 14px;
}

.kisten-grid .kiste-card figure {
	margin-top: 0;
	margin-bottom: 0;
}

.kisten-grid h3 {
	margin-top: 10px;
	margin-bottom: 6px;
	text-align: center;
	font-size: 1.35rem;
}

.kisten-grid .wp-block-column > p {
	margin-top: 0;
	text-align: center;
}

/* Biokiste-Landingpage: Hover-Animation der Kisten-Karten */
.kisten-grid .wp-block-column {
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.kisten-grid .kiste-card img,
.kisten-grid .kiste-card .kiste-preisschild {
	transition: transform 0.3s ease;
}

.kisten-grid .wp-block-column:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 24px rgba(40, 98, 49, 0.18);
	background-color: #42894c2e;
}

.kisten-grid .wp-block-column:hover .kiste-card img {
	transform: scale(1.06) rotate(-2deg);
}

.kisten-grid .wp-block-column:hover .kiste-preisschild {
	transform: rotate(4deg) scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
	.kisten-grid .wp-block-column,
	.kisten-grid .kiste-card img,
	.kisten-grid .kiste-card .kiste-preisschild {
		transition: none;
	}
	.kisten-grid .wp-block-column:hover,
	.kisten-grid .wp-block-column:hover .kiste-card img,
	.kisten-grid .wp-block-column:hover .kiste-preisschild {
		transform: none;
	}
}

/* Biokiste-Landingpage: Ergänzungs-Kacheln im Kisten-Look inkl. Hover */
.abo-kacheln {
	gap: 14px;
}

.abo-kacheln .wp-block-column {
	background-color: #42894c1a;
	border-radius: 18px;
	padding: 14px 12px 10px;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.abo-kacheln .wp-block-column figure {
	margin-top: 0;
	margin-bottom: 0;
}

.abo-kacheln .wp-block-column img {
	transition: transform 0.3s ease;
}

.abo-kacheln .wp-block-column > p {
	margin-top: 6px;
	margin-bottom: 0;
}

.abo-kacheln .wp-block-column:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 24px rgba(40, 98, 49, 0.18);
	background-color: #42894c2e;
}

.abo-kacheln .wp-block-column:hover img {
	transform: scale(1.06) rotate(-2deg);
}

@media (prefers-reduced-motion: reduce) {
	.abo-kacheln .wp-block-column,
	.abo-kacheln .wp-block-column img {
		transition: none;
	}
	.abo-kacheln .wp-block-column:hover,
	.abo-kacheln .wp-block-column:hover img {
		transform: none;
	}
}

/* News-Teaser: Zeilenanzahl begrenzen, damit WEITERLESEN sichtbar bleibt */
.custom-post-content .news-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 540px) {
	.custom-post-content .news-excerpt {
		-webkit-line-clamp: 10;
	}
}

/* Abo-Teaser-Kachel in Hofgeschichten (einzelne, zentrierte Kachel) */
.abo-kacheln.abo-teaser {
	justify-content: center;
	margin-top: 24px;
}

.abo-kacheln.abo-teaser .wp-block-column {
	flex: 0 1 340px;
}

/* News-Tafel: Beitragsbild in der Teaser-Karte (falls vorhanden) */
.custom-post-content .news-body {
	display: flex;
	align-items: center;
	gap: 14px;
}

.custom-post-content .news-body .news-excerpt {
	flex: 1 1 auto;
	min-width: 0;
}

.custom-post-content .custom-post-image {
	flex: 0 0 36%;
	text-align: center;
}

@media (max-width: 540px) {
	.custom-post-content .news-body {
		flex-direction: column;
		align-items: center;
		gap: 6px;
	}

	.custom-post-content .custom-post-image {
		flex-basis: auto;
		width: 100%;
	}

	/* Karten mit Bild: Text kürzer, damit Titel, Bild und WEITERLESEN
	   in die feste Kartenhöhe passen */
	.custom-post-content.has-thumb .news-excerpt {
		-webkit-line-clamp: 4;
	}
}

/* News-Tafel: Abstand zwischen Titel und Text verringert */
.custom-post-content h2 {
	line-height: 1.05;
	margin-bottom: 0;
}

.custom-post-content .news-body {
	margin-top: -8px;
}

.custom-post-content .news-body .news-excerpt {
	margin-top: 0 !important;
}

/* News-Tafel: Text oben ausrichten (nicht neben hohem Bild zentrieren),
   Bildhöhe deckeln, damit Titel + WEITERLESEN in der Karte bleiben */
.custom-post-content .news-body {
	align-items: flex-start;
}

.custom-post-content .custom-post-image {
	text-align: right;
}

.custom-post-content .custom-post-image img {
	max-height: 165px;
	width: auto !important;
	max-width: 100%;
}

/* News-Tafel mobil: Text volle Kartenbreite (kein Ausufern), Bild mittig */
@media (max-width: 540px) {
	.custom-post-content .news-body .news-excerpt {
		width: 100%;
	}

	.custom-post-content .custom-post-image {
		align-self: center;
		text-align: center;
	}
}


/* News-Tafel: Textspalte (Text + WEITERLESEN) und Bildspalte als Link */
.custom-post-content .news-body .news-text {
	flex: 1 1 auto;
	min-width: 0;
}

.custom-post-content .news-thumb-link {
	flex: 0 0 36%;
	text-align: right;
	padding-right: 60px;
}

@media (max-width: 540px) {
	.custom-post-content .news-thumb-link {
		align-self: center;
		width: 82%;
	}
}
/* News-Tafel Smartphone: kompaktere Karte, Bild in voller Spaltenbreite */
@media (max-width: 540px) {
	.custom-post-item,
	.MagicScroll.MagicScroll-horizontal {
		min-height: 395px;
	}

	.custom-post-content .news-thumb-link {
		flex: 0 0 auto;
		width: 100%;
		padding-right: 0;
		margin-top: 18px;
		text-align: center;
	}

	.custom-post-content .custom-post-image img {
		width: 88% !important;
		height: auto;
		max-height: none;
	}
}

/* News-Tafel: Titel nicht abschneiden, sondern bis zu 2 Zeilen umbrechen */
.custom-post-content h2 {
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* News-Tafel: Alt-Regel .mcs-item img (margin-left 28px) neutralisieren — Bild exakt mittig */
.custom-post-content .custom-post-image img {
	margin-left: 0 !important;
	margin-top: 0 !important;
}