:root { --font-family: "Montserrat", sans-serif; --font-heading: "Italiana", serif;  --page-width: 4096px;  --gap: 1rem; --spacing: 1.5rem; --slider-arrow-size: 2.5rem; --border-width: 0.5px; --btn-border-white: rgba(255,255,255,0.3); --outline-offset: 4px; --outline: var(--border-width) solid currentColor; --border-image: linear-gradient(rgba(var(--black-rgb),0.8) 101%, transparent) 0 fill; --box-shadow: 0 0 10px 0 var(--gray);  --header-height: 85px; --header-padding: 1.5rem; --header-height-mobile: 64.5px; --header-padding-mobile: 0.75rem;  --transition-duration: 0.5s; --transition: ease var(--transition-duration); --animation-speed: 0.5s; } @media (max-width: 767px) { :root { --header-height: var(--header-height-mobile); --header-padding: var(--header-padding-mobile); } }  @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky.scrolling { top: 0; } }  html { scroll-behavior: smooth; scroll-padding-top: var(--header-height); } body { background-color: var(--gray); color: var(--white); overflow-x: clip; } ::selection { background-color: var(--yellow); color: var(--gray); } .hidden, [hidden], header .submenu:not([open]) { display: none!important; opacity: 0; visibility: hidden; } body.bricks-is-frontend :focus-visible { outline: 1.5px solid var(--yellow); outline-offset: 2px; } * { scrollbar-color: var(--yellow) var(--gray); scrollbar-width: thin; }  .brxe-heading { margin-top: 0; margin-bottom: 0.4em; } b, strong { font-weight: 700; } a, a.brxe-text-link .text, a.brxe-text-link .icon { transition: var(--transition); } .brxe-text-basic a, .brxe-text a, form a { color: var(--yellow); text-decoration: none; } .brxe-text-basic a:is(:hover, :focus), .brxe-text a:is(:hover, :focus), form a:is(:hover, :focus) { text-decoration: underline; } .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; } .brxe-text ul ::marker { color: var(--yellow); } address { font-style: normal; } .dsgvo-reference { font-size: 0.8rem; }  section:not(.bp-sv-section__hero, .section--shifted), .section--shifted > section { width: 100%; max-width: var(--page-width); } section section { padding: 0; } .brxe-container.container--left { align-items: flex-start; } header + main { margin-top: var(--header-height); } .hero, .banner { width: 100%; max-width: var(--page-width); }  .text--center { text-align: center; } .text--left { text-align: left; } .text--right { text-align: right; } .text--medium { width: 85ch; } .text--narrow { width: 60ch; }   main :where(ul, ol) { margin: var(--spacing) 0; } .brxe-text :where(ul, ol):first-child { margin-top: 0; } .brxe-text :where(ul, ol):last-child, .brxe-heading:last-child, .no-margin-bottom { margin-bottom: 0; } .brxe-text :where(ul, ol):only-child { margin: 0; }  .brxe-text + .bricks-button, .brxe-text-basic + .bricks-button { margin-top: 4rem; }  header { height: var(--header-height); padding: var(--header-padding) 1rem; background-color: var(--red); overflow: visible;  content-visibility: visible !important; } header.scrolling { box-shadow: var(--box-shadow); } header.slide-up { transform: translateY(-250%); }  header .brx-nav-nested-items > li > a, header .brx-nav-nested-items > li > div > a { padding: 0.84em 0; } header .main-menu__toggle .icon { font-size: 0.75em; } header .submenu { list-style: none; }  header nav a:is(:hover, :focus), footer nav a:is(:hover, :focus), a[aria-current="page"]:not(.bricks-button), .main-menu__toggle-wrapper:has(a[aria-current="page"]) > a { color: var(--yellow); }  .bricks-button, .bp-sv-form.brxe-form button.bricks-button, .brxe-tabs-nested .tab-title { margin: calc(var(--outline-offset) + var(--border-width)); padding: 12px 32px; border: 0.5px solid var(--yellow); background-color: var(--yellow); font-size: 1.6rem; line-height: 1.3; color: var(--gray); text-transform: uppercase; outline: var(--outline); outline-color: var(--white); outline-offset: var(--outline-offset); transition: var(--transition); } .bricks-button.bricks-background-secondary, .brxe-tabs-nested .tab-title { border-color: var(--btn-border-white); background-color: transparent; color: var(--white); outline-color: var(--yellow); } footer .bp-sv-form.brxe-form button.bricks-button { padding: 8px 24px; font-size: 1.2rem; } .bricks-button:is(:hover, :focus), .bp-sv-form.brxe-form button.bricks-button:is(:hover, :focus) { background-color: transparent; color: var(--white); } .bricks-button.bricks-background-secondary:is(:hover, :focus), .brxe-tabs-nested .tab-title:is(:hover, :focus), .brxe-tabs-nested .tab-title.brx-open { border-color: var(--yellow); background-color: var(--yellow); color: var(--gray); } @media (max-width: 991px) { .bricks-button, .brxe-tabs-nested .tab-title { padding-left: 24px; padding-right: 24px; font-size: 1.4rem; } } @media (max-width: 767px) { .bricks-button, .brxe-tabs-nested .tab-title { font-size: 1.2rem; } }  .section--block { --_bottle-size: 15%; } .section--imgs { --gap: 50px; } .section--imgs .brxe-text-basic + .bricks-button { margin-top: 5rem; } .section--shifted { --_shift: 20rem; } .section--shifted > section { padding: 120px 20px; } @media (max-width: 991px) { .section--shifted > section { padding-top: calc(var(--_shift) / 2); padding-bottom: calc(var(--_shift) / 2); } } @media (max-width: 478px) { .section--shifted > section { padding-top: 60px; padding-bottom: 60px; } }  @media (min-width: 1400px) { .text--vertical { white-space: nowrap; } .bp-sv-section__hero + .section--shifted.brxe-section { margin-top: calc(var(--_shift) + 10rem); } .section--shifted > section { position: relative; } .img--shifted { position: absolute; top: 0; right: 0; } }  .date-wrapper { padding-left: 0; list-style: none; } .brxe-social-icons a path { fill: currentColor; stroke: none!important; } .brxe-social-icons a:is(:hover, :focus) { color: var(--yellow); } @media (max-width: 478px) { .bp-sv-slider-hero.brxe-slider-nested { height: 100%; } }  .vert-wrapper .brxe-heading { margin-top: 0; }  .info-box { margin: calc(var(--outline-offset) + var(--border-width)); outline: var(--outline); outline-color: var(--yellow); outline-offset: var(--outline-offset); }  .event__separator { position: relative; top: -0.25em; flex: 1; margin: 0; border-bottom: var(--border-width) solid var(--white); opacity: 0.3; } @media (max-width: 478px) { .event__separator { display: none; visibility: hidden; } }  .wine__img img { max-height: inherit; } .product-detail__content .wp-block-heading { font-family: inherit; font-size: inherit; font-weight: 500; color: var(--yellow); text-transform: uppercase; }  .brxe-form { --_form-padding: 0.5rem; } .brxe-form.bp-sv-form--modify input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { font-size: inherit; } .brxe-form textarea { resize: vertical; }  .brxe-form select, .brxe-form select option, .variations_form select, .variations_form select option { font-family: var(--font-family); }  .brxe-form .options-wrapper li { display: flex; flex-flow: row nowrap; align-items: baseline; column-gap: 1.25rem; } .brxe-form .options-wrapper li input[type="checkbox"] { width: 1.5rem; min-width: 1.5rem; height: 1.5rem; padding: 0; margin: var(--outline-offset); border: var(--border-width) solid var(--btn-border-white); box-shadow: none; background-color: transparent; outline: var(--border-width) solid var(--yellow); outline-offset: var(--outline-offset); appearance: none; transition: var(--transition); } .brxe-form .options-wrapper li input[type="checkbox"]:focus { background-color: var(--white); } .brxe-form .options-wrapper li input[type="checkbox"]:checked { border-color: var(--yellow); background-color: var(--yellow); } .brxe-form .options-wrapper li label { max-width: 75ch; font-size: 1.4rem; } form.bp-sv-form .form-group.submit-button-wrapper { margin-top: 0!important; padding: 0; border: none; } @media (max-width: 478px) { #contactform .form-group:nth-child(6) { height: auto; } }  footer { background-color: var(--red); } .footer__nav--service.brxe-nav-menu li:not(:first-child) { padding-left: 0.5em; border-left: 1px solid var(--white); }  @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in-top { from { opacity: 0; transform: translateY(-20%); } to { opacity: 1; transform: translateY(0); } } @keyframes fade-in-bottom { from { opacity: 0; transform: translateY(20%); } to { opacity: 1; transform: translateY(0); } } @keyframes fade-in-left { from { opacity: 0; transform: translateX(-20%); } to { opacity: 1; transform: translateX(0); } } @keyframes fade-in-right { from { opacity: 0; transform: translateX(20%); } to { opacity: 1; transform: translateX(0); } } .animation--viewport [class*="animate-fade"], .animation--staggered > * { opacity: 0; } .animation--viewport .animate-delay { animation-delay: var(--animation-speed)!important; }  .animation--viewport .animate-fade-top { transform: translateY(-20%); } .animation--viewport .animate-fade-bottom { transform: translateY(20%); } .animation--viewport .animate-fade-left { transform: translateX(-20%); } .animation--viewport .animate-fade-right { transform: translateX(20%); } .animation--viewport[data-animate="true"] .animate-fade-top { animation: fade-in-top var(--animation-speed) forwards; } .animation--viewport[data-animate="true"] .animate-fade-bottom { animation: fade-in-bottom var(--animation-speed) forwards; } .animation--viewport[data-animate="true"] .animate-fade-left { animation: fade-in-left var(--animation-speed) forwards; } .animation--viewport[data-animate="true"] .animate-fade-right { animation: fade-in-right var(--animation-speed) forwards; } @media (max-width: 767px) { .animation--viewport .animate-fade-right { transform: translateX(-20%); } .animation--viewport[data-animate="true"] .animate-fade-right { animation: fade-in-left var(--animation-speed) forwards; } }  .animation--staggered[data-animate="true"] > * { animation: fade-in var(--animation-speed) forwards; } .animation--staggered > *:nth-child(1) { animation-delay: calc(var(--animation-speed) / 2); } .animation--staggered > *:nth-child(2) { animation-delay: var(--animation-speed); } .animation--staggered > *:nth-child(3) { animation-delay: calc(var(--animation-speed) * 1.5); } .animation--staggered > *:nth-child(4) { animation-delay: calc(var(--animation-speed) * 2); } .animation--staggered > *:nth-child(5) { animation-delay: calc(var(--animation-speed) * 2.5); } .animation--staggered > *:nth-child(6) { animation-delay: calc(var(--animation-speed) * 3); } .animation--staggered > *:nth-child(7) { animation-delay: calc(var(--animation-speed) * 3.5); }  body[data-builder-window="iframe"] .animation--viewport [class*="animate"], body[data-builder-window="iframe"] .animation--staggered > * { opacity: 1!important; transform: none!important; }