:root { --green: #94c3a0; --green-light: #abbd83; --green-dark: #516d54; --orange: #e8a565; --orange-dark: #f57d62; --red: #e15b64; --gray: #6e747f; --gray-bg: #fafafa; --white: #ffffff; --error: var(--red);  --header-height: 144px; --header-height-mobile: 60px; --gap: 1rem; --slider-arrow-size: 2.5rem; --border-width: 2px; --input-border: 2px solid var(--green); --circle: 0.8rem; --transition-duration: 0.5s; --transition: ease var(--transition-duration); } @media (max-width: 991px) { :root { --header-height: var(--header-height-mobile); } }  @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky.scrolling { top: 0; } }  html, body { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--gray); } body { background-color: var(--white); overflow-x: clip; } ::selection { background-color: var(--orange); color: var(--white); } .hidden { display: none !important; opacity: 0; visibility: hidden; } svg { width: 100%; height: 100%; } body.bricks-is-frontend :focus-visible { outline: 2px dotted var(--green-light); }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 1rem; font-family: "Poppins"; font-weight: 600; line-height: normal; color: var(--green-dark); text-wrap: balance; } h1, .h1, h2, .h2 { margin-bottom: 2rem; } h1, .h1 { font-size: 2.75rem; } h2, .h2 { font-size: 1.875rem; } h3, .h3 { font-size: 1.667rem; } h4, .h4, h5, .h5, h6, .h6 { font-weight: 400; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1.2rem; } h6, .h6 { font-size: 1.1rem; } :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) span:not(.amount, .woocommerce-Price-currencySymbol) { font-family: "Great Vibes"; font-size: 1.6em; font-weight: 400; } @media (max-width: 991px) { h1, .h1 { font-size: 1.875rem; } h2, .h2 { font-size: 1.667rem; } h3, .h3 { font-size: 1.25rem; } h4, .h4 { font-size: 1.2rem; } h5, .h5 { font-size: 1.1rem; } h6, .h6 { font-size: 1.05rem; } } @media (max-width: 767px) { h1, .h1 { font-size: 1.667rem; } h2, .h2 { font-size: 1.35rem; } } .brxe-text + :where(h2, h3, h4, h5, h6), p + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } p { margin-bottom: 1.75em; } p:last-of-type { margin-bottom: 0; } b, strong { font-weight: 600; } a { transition: var(--transition); } .brxe-text a:not(.bricks-button), .brxe-form a { text-decoration: underline; } .brxe-text a:not(.bricks-button), a.brxe-text-link .text { color: inherit; transition: var(--transition); } a.brxe-text-link .icon path { fill: currentColor; } .brxe-text a:not(.bricks-button):is(:hover, :focus), a.brxe-text-link:is(:hover, :focus) :where(.icon, .text), .brxe-form a:is(:hover, :focus) { color: var(--orange-dark); } .brxe-text :where(ul, ol) { margin: 1.5em 0; padding-left: 1.5em; } .brxe-text :where(ol, ul) li:not(:last-child) { margin-bottom: 0.5em; } svg path { transition: var(--transition); } .dsgvo-reference { font-size: 0.8rem; }  main, article#brx-content { padding-top: var(--header-height); } main > section { position: relative; contain: content; } section section { padding: 0; }  header { height: var(--header-height); padding: 0 1rem; background-color: var(--green-dark); color: var(--white);  content-visibility: visible !important; } .header__contact-wrapper a:is(:hover, :focus) path { fill: var(--orange-dark); } .brxe-woocommerce-mini-cart .mini-cart-link:is(:hover, :focus) { color: var(--orange-dark); } @media (max-width: 478px) { header { padding: 0 0.5rem; } }  div.brxe-nav-menu .bricks-nav-menu a, div.brxe-nav-menu .bricks-mobile-menu-wrapper li a, div.brxe-nav-menu .bricks-nav-menu .sub-menu a { color: inherit; line-height: normal; transition: var(--transition) !important; } .brxe-nav-menu .bricks-nav-menu a:is(:hover, :focus), .brxe-nav-menu .bricks-mobile-menu-wrapper li a:is(:hover, :focus), .brxe-nav-menu .bricks-nav-menu .sub-menu a:is(:hover, :focus) { color: var(--orange-dark); } .header__contact-wrapper a { display: flex; justify-items: center; }  :where(header, footer) .brx-submenu-toggle.icon-right button { width: 1rem; } div.brxe-nav-menu .bricks-nav-menu .sub-menu { left: 0; border: 1px solid var(--green-dark); background-color: var(--gray-bg); color: var(--gray); transform: translateX(-25%); } div.brxe-nav-menu .bricks-nav-menu .sub-menu li:not(:last-child) { border-bottom: 1px solid var(--green-dark); } div.brxe-nav-menu .bricks-nav-menu .sub-menu a { display: block; text-align: center; }  .bricks-mobile-menu { padding: 1.5rem 0; } .bricks-mobile-menu li { padding: 0.5rem 1rem; }  .aria-current > a, a[aria-current="page"]:not(.bricks-button), div.brxe-nav-menu .bricks-nav-menu a[aria-current="page"], div.brxe-nav-menu .bricks-nav-menu .current-menu-parent > div > a, div.brxe-nav-menu .bricks-nav-menu .sub-menu a[aria-current="page"] { color: var(--orange); }  #menu-footer-service li:not(:first-child) { display: flex; flex-flow: row nowrap; padding-left: 0.25em; } #menu-footer-service li:not(:first-child):before { content: "|"; padding-right: 0.25em; }  .bricks-button, form.cart .button, form.woocommerce-cart-form .button, .cart-collaterals .wc-proceed-to-checkout .button, .woocommerce-checkout .place-order .button { padding: 0.5rem 1.4rem; background-color: var(--orange); font-size: 0.833rem; line-height: normal; color: var(--white); cursor: pointer; transition: var(--transition-duration); } .bricks-button.bricks-background-secondary { background-color: var(--green); } .bricks-button:is(:hover, :focus), form.cart .button:is(:hover, :focus), form.woocommerce-cart-form .button:is(:hover, :focus), .cart-collaterals .wc-proceed-to-checkout .button:is(:hover, :focus), .woocommerce-checkout .place-order .button:is(:hover, :focus) { background-color: var(--orange-dark); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { background-color: var(--green-dark); } .bricks-button.outline { border-width: 1px; } .bricks-button.outline:is(:hover, :focus) { border-color: var(--orange-dark); } form.cart .button.disabled, .woocommerce-cart-form button[type="submit"]:disabled { opacity: 0.25; }   .hero { height: 100svh; max-height: 30rem; } body.page-child .hero { max-height: 24rem; } .hero:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to right, var(--green) 50%, transparent 100%); z-index: 1; }  .teaser:before { content: ""; position: absolute; top: 20%; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, var(--green-dark) 50%, transparent 100%); opacity: 0.8; transition: var(--transition); } .teaser .brxe-heading { position: relative; color: inherit; z-index: 1; } .teaser .teaser__content { position: relative; max-height: 0; opacity: 0; visibility: hidden; transition: var(--transition); z-index: 1; } .teaser--product .brxe-heading { transition: var(--transition); }  .teaser:is(:hover, :focus):before { top: -80%; } .teaser:is(:hover, :focus) .teaser__content { flex-grow: 1; max-height: 100%; opacity: 1; visibility: visible; } .teaser--product:is(:hover, :focus) .brxe-heading { margin-bottom: 7em; }  .brxe-div.teaser.teaser--news { background-image: none; } .brxe-div.teaser.teaser--news:before { display: none; } .brxe-div.teaser.teaser--news { background-image: none; }  .split__content .bricks-button { margin-top: 2rem; }  .deco--twig path { fill: var(--green-light); } .bg--green .deco--twig path { fill: var(--green-dark); } .bg--green .deco--seeds path, .bg--green .split__deco--seeds path { fill: var(--white); } .slider-wrapper .deco--seeds path { fill: var(--green-light); } .deco--lines-full .path1 { fill: var(--green-dark); } .deco--lines-full .path2 { fill: var(--green-light); } .bg--green .deco--lines-full .path2 { fill: var(--white); }  .brxe-slider-nested img { width: 100%; height: 100%; max-height: 20rem; object-fit: cover; object-position: center; } .brxe-slider-nested .splide__arrow:is(:hover, :focus) path { fill: var(--green); }  .brxe-form { --_form-padding: 0.5rem; } .brxe-form label { display: none; font-size: 1.25rem; font-weight: 500; } .brxe-form input:not([type="submit"]), .brxe-form :where(select, textarea), form.variations_form :where(input:not([type="submit"]), select, textarea), .woocommerce-billing-fields :where(input:not([type="submit"]), select, textarea), .ppom-wrapper input.form-control, .ppom-wrapper .ppom-input.date[readonly], .woocommerce-checkout input:not([type="submit"]), .woocommerce-checkout textarea { height: auto; padding: 0.5rem; border: var(--input-border); border-radius: 0; background-color: var(--gray-bg); font-size: 0.8rem !important; line-height: normal; } .brxe-form select option:checked, .variations_form select option:checked { background-color: var(--green); color: var(--white); }  .brxe-form select, .brxe-form select option, .variations_form select, .variations_form select option { font-family: "Poppins", sans-serif; } .brxe-form .options-wrapper li { display: flex; flex-flow: row nowrap; column-gap: 0.5rem; } .brxe-form input[type="radio"], .brxe-form input[type="checkbox"], .ppom-wrapper .form-check-label input { width: 1.5em; min-width: 1.5em; height: 1.5em; margin-right: 0.25em; border: var(--input-border); vertical-align: sub; transition: var(--transition); appearance: none; } .brxe-form input[type="radio"]:checked, .brxe-form input[type="checkbox"]:checked, .ppom-wrapper .form-check-label input:checked { background-color: var(--green); } .brxe-form input[type="checkbox"] + label, .brxe-form input[type="radio"] + label { font-size: 0.8rem; } .brxe-form textarea, #order_comments { min-height: 8rem; max-height: 25rem; resize: vertical; } .brxe-form .submit-button-wrapper { width: 100%; padding: 0 var(--_form-padding); } .brxe-form .submit-button-wrapper button { width: fit-content; max-width: 11rem;  }  .timeline-entry { position: relative; width: 65ch; padding: 1rem 0 1rem 2rem; border-left: var(--border-width) solid var(--green-dark); } .timeline-entry:before { content: ""; position: absolute; top: 50%; left: 0; width: 1.25rem; height: var(--border-width); background-color: var(--green-dark); } .timeline-entry:last-child:after { content: ""; position: absolute; bottom: -0.1rem; left: calc((var(--circle) + var(--border-width)) / 2 * -1); width: var(--circle); height: var(--circle); border-radius: 50%; background-color: var(--green-dark); }  .back-link .icon { transform: rotate(90deg); } .single-product-section { --product-image-width: 23rem; --product-image-height: 27rem; } .single-product-section .split__image-wrapper.brxe-div { width: var(--product-image-width); max-width: 100%; margin-bottom: 10rem; } .single-product-section .split__image-wrapper img { width: 100%; height: var(--product-image-height); } .single form.cart table.variations th, .single form.cart table.variations td { display: block; } .single form.cart table.variations td { padding: 0; } .variations tr { border: none; } .variations a.reset_variations { display: none !important; visibility: hidden; } .woocommerce-variation.single_variation { position: absolute; top: var(--product-image-height); left: 0; width: var(--product-image-width); max-width: 100%; margin-top: 1.75rem; padding-top: 2rem; font-size: 0.8rem; text-align: center; } .woocommerce-variation.single_variation:not(:empty):before, .woocommerce-variation.single_variation:not(:empty):after { content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background-color: var(--green); } .woocommerce-variation.single_variation:before { width: 80%; height: 2px; } .woocommerce-variation.single_variation:after { width: 1em; height: 1em; border-radius: 50%; transform: translateY(-50%); } .variations_form label:not(.form-check-label) { font-weight: 700; } .variations_form input, .variations_form select { max-width: 23rem; } .variations_form input:focus, .variations_form select:focus, .ppom-wrapper .form-control:focus { border-color: var(--green) !important; box-shadow: none !important; outline: 2px dotted var(--green-light) !important; } .ppom-field-wrapper[data-type="radio"] .form-group { display: flex; flex-flow: row wrap; column-gap: 2rem; } .ppom-field-wrapper.friedhof span.show_description { display: block; padding-left: 0; color: inherit; } form.cart table.variations td, .ppom-wrapper .form-control-label { width: 100%; } .ppom-wrapper .form-check { padding-left: 0; }  #ppom-price-container .table { margin-top: 1.5rem; color: inherit; } #ppom-price-container .ppom-option-total-price, .woocommerce-form-coupon-toggle { display: none !important; } #ppom-price-container .ppom-total-without-fixed { border-top: 2px solid var(--gray); } #ppom-price-container .table th { font-weight: 400; } @media (max-width: 767px) { .single-product-section .split__image-wrapper.brxe-div { margin-bottom: 0; } .single-product-section .split__image-wrapper img { height: auto; max-height: var(--product-image-height); } .woocommerce-variation.single_variation { position: relative; top: 0; padding-top: 0; text-align: left; } .woocommerce-variation.single_variation:not(:empty):before, .woocommerce-variation.single_variation:not(:empty):after { display: none; } } .ppom-input-datepicker_lieferung span.ppom-input-desc, .ppom-input-datepicker_abholung span.ppom-input-desc { display: block; padding-left: 0; font-size: 0.8rem; font-weight: 400; } span.ppom-input-desc .datepicker-note:not(:first-child) { display: block; margin-top: 0.75em; } span.ppom-input-desc a { color: inherit; text-decoration: underline; } span.ppom-input-desc a:is(:hover, :focus) { color: var(--orange); }  .ui-datepicker { --unavailable: #a5c6ad; padding: 0; border: none; font-family: inherit; } .ui-datepicker-header { border-radius: 0; background-image: none; background-color: var(--green-light); } .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next { top: 50%; width: 1.5em; height: 1.5em; color: var(--white); text-align: center; transform: translateY(-50%); } .ui-datepicker-header :where(.ui-datepicker-prev, .ui-datepicker-next) span { display: none !important; } .ui-datepicker-header .ui-datepicker-prev:before { content: "<"; } .ui-datepicker-header .ui-datepicker-next:before { content: ">"; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { border: none; background-image: none; line-height: normal; color: var(--white); } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background-image: none; } .ui-datepicker-calendar thead th { padding: 0.25em 0; font-weight: 400; color: var(--gray); } .ui-datepicker-calendar thead th, .ui-datepicker-calendar .ui-state-default { text-align: center; } .ui-datepicker-calendar td { padding: 0; border: 1px solid #ededed; } .ui-datepicker-calendar .ui-state-default { border: none; background-image: none; color: var(--white); } .ui-datepicker-calendar .ui-state-default:not(.ui-state-highlight).ui-state-hover { background-color: var(--green-dark); } .ui-datepicker-calendar .ui-state-default:not(.ui-state-highlight).ui-state-active { background-color: var(--green-dark); } .ui-datepicker-calendar .ui-state-default { background-color: var(--green); } .ui-datepicker-calendar .ui-state-highlight { background-color: var(--green-light); } .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { background-color: var(--white); color: var(--gray); }  .ui-datepicker-calendar .ui-datepicker-today + td :where(.ui-state-default, .ui-state-hover, .ui-state-active), .ui-datepicker-calendar .ui-datepicker-today + td + td :where(.ui-state-default, .ui-state-hover, .ui-state-active), .ui-datepicker-calendar .ui-datepicker-today + td + td + td :where(.ui-state-default, .ui-state-hover, .ui-state-active) { background-color: var(--unavailable) !important; opacity: 0.5; }  .woocommerce-cart-form .product-remove a { background-image: var(--wpr-bg-4c3c8637-ea01-48e3-b449-0ecc7b5140a4); background-repeat: no-repeat; background-size: contain; background-position: center center; font-size: 2em; color: transparent; } .woocommerce-cart-form dl.variation, .woocommerce-checkout .shop_table dl.variation { display: grid; grid-template-columns: repeat(2, minmax(15ch,50%)); gap: 0; font-size: 0.8rem; } .woocommerce-cart-form dl.variation :where(dt, dd), .woocommerce-checkout .shop_table dl.variation :where(dt, dd) { padding: 0.5em; border-bottom: 1px solid var(--bricks-border-color); } .woocommerce-cart-form dl.variation dt { font-weight: 700; } .woocommerce-cart-form dl.variation dd, .woocommerce-checkout .shop_table dl.variation dd { font-weight: 400; }  form.cart .quantity, form.woocommerce-cart-form .quantity { width: auto; max-width: 10rem; } form.cart .quantity .minus, form.cart .quantity .plus, form.woocommerce-cart-form .quantity .minus, form.woocommerce-cart-form .quantity .plus { width: 2rem; } form.cart .quantity .qty, form.woocommerce-cart-form .quantity .qty { width: 3rem; } form.cart .quantity .minus, form.cart .quantity .plus, form.woocommerce-cart-form .quantity .minus, form.woocommerce-cart-form .quantity .plus, form.cart .quantity .qty, form.woocommerce-cart-form .quantity .qty { border: var(--input-border); } .woocommerce-cart-form tbody th, .woocommerce-cart-form tbody td { padding-left: 0.5rem; padding-right: 0.5rem; }  .woocommerce-notices-wrapper:not(:empty) { margin-top: 1rem; margin-bottom: 0; } .woocommerce-notices-wrapper .woocommerce-message { background-color: var(--green); color: var(--white); } .woocommerce-notices-wrapper .woocommerce-message .button { background-color: var(--orange); } .woocommerce-notices-wrapper .woocommerce-message .button:is(:hover, :focus) { background-color: var(--orange-dark); } .woocommerce .woocommerce-notice.woocommerce-notice--success { color: var(--green-dark); }  footer { padding: 0 1rem; background-color: var(--green-dark); font-size: 0.8rem; color: var(--white); }