:root {
	--bs-gutter-x: 15px;
	--border-radius: 2px;
	/* Padding */
	--pad1: 10px;
	--pad2: 20px;
	/* Farben */
	--col1: #076633;
	--col2: #6faa27;
	--col3: #dc0000;
	--col4: rgba(0, 0, 0, .04);
	--col5: #e2eed4;
	--col6: #cccccc;
	--col7: #f7cecf;
}
/* Bei boxed weißen Rand und Hintergrund entfernen */
.cms-section-default.boxed .cms-block:not(.twt-cms-block-reset):not(.bg-color) {
	border: none;
	/*background-color: none;*/
}
/* Textformatierungen */
h1, h2, h3 {
	font-family: 'Fira Sans';
	font-weight: medium;
	font-size: 36px;
	color: var(--col3);
	font-style: italic;
}
h1, h2 {
	font-size: 36px;
}
h3 {
	font-size: 26px;
}
a {
	color: var(--col2);
	font-weight: bold;
	;
}
ol {
	padding-left: 20px;
	& ::marker {
		font-weight: bold;
		color: var(--col3);
	}
}
.padding-block {
	padding-block: 30px;
}
.lightgray {
	padding: 30px;
	background-color: rgba(0, 0, 0, .04);
}
/* Klassen für das Backend */
.bg-green {
	color: #fff;
	background-color: var(--col1);
	margin-inline: var(--pad2);
	h2 {
		color: #fff;
	}
}
.padding-bottom-0 {
	padding-bottom: 0;
}
.padding-bottom, .padding-bottom-50 {
	margin-bottom: 50px;
}
/* Header */
header.header-main {
	background-image: url(https://gemuese.i0378.danubius.de/media/24/68/8c/1733999371/bg_body.jpg?ts=1733999371);
	.header-actions-btn, .header-cart-btn {
		background-color: var(--col1) !important;
		border: none !important;
	}
	.header-actions-btn:hover {
		color: #fff !important;
	}
	button, .btn {
		min-height: 35px;
	}
	.header-cart .header-cart-badge, .header-wishlist .header-wishlist-badge {
		background-color: var(--col3);
		top: -9px;
		right: -14px;
	}
	.icon {
		color: var(--col2) !important;
	}
}
div.nav-main {
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
}
.header-minimal {
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
	background-image: url(https://gemuese.i0378.danubius.de/media/24/68/8c/1733999371/bg_body.jpg?ts=1733999371);
	.header-minimal-contact, a {
		color: #000;
		&:hover {
			color: #000;
		}
	}
}
body.is-sticky-nav-main div.nav-main {
	background-size: auto;
	background-position: left top;
	background-repeat: repeat;
	background-attachment: fixed;
	background-image: url(https://gemuese.i0378.danubius.de/media/24/68/8c/1733999371/bg_body.jpg?ts=1733999371);
}
/* Navigation */
nav.nav.main-navigation-menu span {
	font-weight: normal;
	font-style: italic;
	text-transform: initial;
}
/* Main Content */
main.content-main {
	padding-top: var(--pad2);
}
/* aktuelle Angebote */
.aktuelle-angebote {
	.card.product-box.box-standard:hover img{
		transform: scale(1);
	}
	.product-name{
		color: var(--col1);
		&:hover{
			color: var(--col2);
		}
	}
	.product-action {
		.btn-detail {
			display: none;
		}
		.zeobv-quantity-add-to-cart{
			flex-direction: column;
		}
	}
}
/* Bild und Text */
.cms-block-image-text-cover {
	.cms-block-container {
		color: white;
		background-color: var(--col1);
		.col-md-6 {
			margin-bottom: 0;
		}
		.cms-image-container {
			min-height: 262px;
		}
		.cms-element-text {
			/*padding: 46px 50px 54px 50px;*/
			padding: var(--bs-gutter-x) calc(var(--bs-gutter-x) * .5);
			@media only screen and (min-width: 768px) {
				padding-left: 0;
			}
			h2 {
				color: white;
			}
		}
	}
}
/* Kategorie-Teaser */
.cms-block-twt-grid-four-column {
	margin-right: calc(-.5* var(--bs-gutter-x));
	margin-left: calc(-.5* var(--bs-gutter-x));
	.twt-column {
		margin-bottom: 0;
	}
	.image-container {
		background-color: rgba(0, 0, 0, .04);
	}
	a:hover .image-container {
		background-color: rgba(0, 0, 0, .1);
	}
	.twt-classic-teaser-text.text {
		color: var(--col3);
		font-family: 'Fira Sans';
		font-size: 32px;
		font-style: italic;
		text-align: center;
		background: none;
	}
}
/* 2/3 und 1/3 Zeile */
.cms-block-twt-grid-two-column-8-4 {
	margin-right: calc(-.5* var(--bs-gutter-x));
	margin-left: calc(-.5* var(--bs-gutter-x));
	.cms-block-container {
		padding: 0;
	}
}
/* Button */
.button {
	text-align: center;
	a {
		display: inline-block;
		color: #fff;
		font-weight: bold;
		background-color: var(--col1);
		padding: 8px 96px 8px;
		border-radius: var(--border-radius);
		&:hover {
			color: var(--col2);
			text-decoration: none;
		}
	}
}
.btn-minus, .quantity-selector-group-input, .btn-plus {
	border-bottom: 2px solid var(--col6);
}
.btn {
	transition: color 0.2s ease;
	border: none;
	&:hover {
		color: #000;
		background-color: var(--col1);
		span {
			color: var(--col2) !important;
			transition: color 0.2s ease;
		}
	}
}
.line-item-remove-button, .offcanvas-cart-promotion-button {
	color: #000;
	background-color: var(--col4);
	border: none;
}
a.header-minimal-back-to-shop-button {
	color: #fff;
	background-color: var(--col1);
	border: none;
	&:hover {
		color: var(--col2) !important;
		background-color: var(--col1);
	}
}
.btn.btn-buy {
	border: none;
	background-color: var(--col1);
	&:hover {
		color: var(--col2);
	}
}
/* Lieferzeitraum */
.line-item-delivery-date {
	display: none;
}
/* Zu den Favoriten hinzuügen */
.product-wishlist {
	.product-wishlist-btn-content.product-wishlist-btn-content-sm {
		text-decoration: none;
		color: var(--col1);
	}
	&:hover {
		.product-wishlist-btn-content.product-wishlist-btn-content-sm {
			color: var(--col2);
		}
		svg {
			color: var(--col2);
		}
	}
}
/* News / Blog */
:root {
	.ongrano-slider-blog {
		--slide-item-inline-margin: var(--pad1);
	}
}
.cms-block-ongrano-blog-slider {
	.cms-element-text {
		border-bottom: none;
	}
	.ongrano-slider-blog-content {
		background-color: yellow;
		.ongrano-slider-blog-container-inner {
			justify-content: space-between;
			gap: 0px;
			.ongrano-slider-blog-item {
				margin: 0 !important;
				.ongrano-blog-item {
					background-color: #fff;
					.ongrano-blog-item-img-container.mb-2 {
						display: none;
					}
					.ongrano-blog-item-body {
						padding: var(--pad2);
						.ongrano-blog-item-body__info {
							display: none;
						}
					}
				}
			}
		}
	}
}
/* Whislist / Favoriten */
.product-wishlist .icon-wishlist, .product-wishlist .icon-wishlist-remove {
	color: var(--col1);
}
.product-wishlist-action-circle.btn:hover {
	background-color: #fff !important;
}
/* Kategorie-Navigation */
.category-navigation-box {
	border: 1px solid yellow;
	li:not(:last-child) {
		border-bottom: 1px solid #eee;
		a.category-navigation-link.in-path {
			font-weight: normal;
		}
	}
}
/* Paginierung */
.pagination {
	.page-item .page-link {
		background-color: var(--col4);
	}
	.page-item.disabled .page-link {
		background-color: rgba(0, 0, 0, 0);
	}
	.page-item.active .page-link {
		background-color: var(--col1);
	}
}
/* Hinweis */
.alert {
	&.alert-info {
		background-color: var(--col3);
		.alert-content-container {
			color: var(--col3);
			background-color: var(--col7);
		}
	}
	&.alert-success {
		background-color: var(--col2);
		.alert-content-container {
			color: var(--col2);
			background-color: var(--col5);
		}
	}
}
/* Sortierung */
select.sorting {
	border-bottom: none;
	cursor: pointer;
}
/* Quantity / Anzahl */
.quantity-selector-group {
	button {
		border-bottom-color: var(--col6) !important;
		&:hover {
			border-bottom-color: var(--col1) !important;
			background-color: transparent;
		}
	}
	input {
		background-color: rgba(0, 0, 0, 0.1);
	}
}
/* Produkt-Übersicht */
.twt-is-cms-product-list {
	.cms-section-sidebar {
		.cms-section-sidebar-sidebar-content, .cms-section-sidebar-main-content {
			padding-inline: 0;
			border: none;
		}
	}
	.cms-section.pos-0 .boxed>div {
		&:nth-of-type(1), &:nth-of-type(2) {
			background-color: var(--col4) !important;
			.product-box:hover {
				border-color: transparent;
				.product-image-wrapper .product-image-link img {
					transform: scale(1);
				}
			}
			.zeobv-quantity-add-to-cart {
				flex-direction: column;
			}
			.product-image-wrapper {
				img {
					aspect-ratio: 2 / 1;
					max-width: 100%;
					max-height: 100%;
					/*background-color: lightblue;*/
				}
			}
			.product-info {
				a {
					font-size: 19px;
					color: var(--col1);
					&:hover {
						color: var(--col2);
					}
				}
			}
			.product-price {
				color: #000;
			}
			.product-action>.d-grid {
				display: none;
			}
			.btn-buy {
				background-color: var(--col1);
				border: none;
				margin-left: 0;
				&:hover {
					color: var(--col2);
				}
			}
		}
	}
}
/* Produkt-Detail */
.is-ctl-product {
	.cms-section.pos-0 .boxed>div {
		&:nth-of-type(1), &:nth-of-type(2) {
			background-color: var(--col4) !important;
			.gallery-slider-single-image {
				display: flex;
				/*background-color: #fff;*/
				aspect-ratio: 756 / 430;
				img {
					max-width: 100%;
					max-height: 100%;
					/*background-color: lightblue;*/
				}
			}
		}
	}
}
/* Warenkorb */
.offcanvas {
	.offcanvas-close{
		&:hover{
			color: var(--col2);
			background-color: transparent;
		}
	}
	.offcanvas-cart-header.h4 {
		font-family: 'Fira sans';
		font-style: italic;
	}
	/* Gutscheincode */
	.offcanvas-cart-promotion-form.js-offcanvas-cart-add-promotion {
		display: none;
	}
	/* Zur Bestellung + Warenkorb anzeigen */
	.offcanvas-cart-actions a{
		color: #fff;
		text-decoration: none;
		background-color: var(--col1);
		margin-bottom: var(--pad1);
		&:hover{
			color: #fff;
			background-color: var(--col2);
		}
	}
}
/* Checkout */
.is-act-checkoutregisterpage {
	main.content-main>.container>.container-main {
		background-color: var(--col4);
	}
}
/* Checkout Confirm */
.is-act-confirmpage {
	main.content-main>.container>.container-main {
		background-color: var(--col4);
	}
}
/* Kontakt */
.kontakt>.cms-section-default.boxed {
	background-color: var(--col4);
	.card-title.mb-4 {
		display: none;
	}
	label {
		color: #000;
		font-size: 16px;
	}
}
/* Footer */
footer.footer-main {
	.container {
		.footer-columns {
			padding-top: 20px;
			.footer-column {
				padding-bottom: 0;
				border-bottom: none;
				.footer-column-headline {
					display: none;
				}
			}
		}
		.footer-columns#footerColumnsTop {
			padding: 20px 0;
			@media only screen and (min-width: 768px) {
				padding: 40px 0;
			}
			.footer-column-headline {
				font-size: 16px;
				font-weight: normal;
				text-transform: initial;
				padding: 0;
				border-bottom: none;
				margin: 0;
			}
			#collapseFooterCustomText {
				span {
					@media only screen and (min-width: 768px) {
						font-size: 26px;
					}
					font-weight: 500;
					font-style: italic;
					white-space: nowrap;
					padding-inline: 10px;
					a {
						font-weight: 500;
					}
				}
			}
		}
		.collapse {
			display: block;
		}
		.footer-column-content {
			.footer-column-content-inner {
				padding-bottom: 0;
				ul {
					margin-bottom: 0;
					li {
						display: inline-block;
						a {
							color: #000;
							font-family: 'Fira Sans';
							font-style: italic;
							font-weight: normal;
							font-size: 18px;
							line-height: 26px;
							padding-inline: 7px;
							&:hover {
								color: var(--col2);
							}
						}
					}
				}
			}
		}
	}
	.footer-bottom {
		padding-top: 0;
		padding-bottom: 30px;
		font-size: 16px;
		.footer-vat {
			display: none;
		}
	}
}
/* Fonts */
/* fira-sans-100 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/fira-sans-v17-latin-100.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-100italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 100;
	src: url('../fonts/fira-sans-v17-latin-100italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-200 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/fira-sans-v17-latin-200.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-200italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 200;
	src: url('../fonts/fira-sans-v17-latin-200italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-300 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/fira-sans-v17-latin-300.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-300italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/fira-sans-v17-latin-300italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-regular - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/fira-sans-v17-latin-regular.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/fira-sans-v17-latin-italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-500 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/fira-sans-v17-latin-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-500italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/fira-sans-v17-latin-500italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-600 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/fira-sans-v17-latin-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-600italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 600;
	src: url('../fonts/fira-sans-v17-latin-600italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-700 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/fira-sans-v17-latin-700.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-700italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/fira-sans-v17-latin-700italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-800 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/fira-sans-v17-latin-800.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-800italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 800;
	src: url('../fonts/fira-sans-v17-latin-800italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-900 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/fira-sans-v17-latin-900.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-900italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 900;
	src: url('../fonts/fira-sans-v17-latin-900italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}