:root {  --green: var(--bricks-color-dgcmvz); --yellow: var(--bricks-color-akjysk); --black: var(--bricks-color-uyavwo); --white: var(--bricks-color-rzovwc); --error: #a63b3b; --green-rgb: var(--bricks-color-kenqcf);  --page-width: 2048px; --header-height: 130px; --header-height-mobile: 80px; --gap: 1rem; --border-radius: 0.25rem; --checkbox-size: 1rem; --transition-duration: 0.35s; --transition: ease var(--transition-duration); } @media (max-width: 991px) { :root { --header-height: var(--header-height-mobile); } }  html, body { font-family: "Montserrat"; font-size: 16px; font-weight: 400; line-height: normal; color: var(--black); } body { overflow-x: clip; background-color: var(--white); } ::selection { background-color: var(--green-rgb); color: var(--white); } *:focus, *:focus-visible, .wc-block-checkout__form .wc-block-components-radio-control .wc-block-components-radio-control__input:focus, #checkbox-control-0:focus { outline: 2px solid var(--yellow); }  section[data-wpr-lazyrender="1"] { content-visibility: visible; }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, article#brx-content h1 { margin-bottom: 2rem; font-family: "Lustria"; font-weight: 400; line-height: normal; } h1, .h1 { font-size: 5.313rem; } h2, .h2, article#brx-content h1 { font-size: 3.438rem; } h3, .h3 { font-size: 2.5rem; } h4, .h4 { font-size: 2.125rem; } h5, .h5 { font-size: 1.625rem; } h6, .h6 { font-size: 1.375rem; } @media (max-width: 991px) { h1, .h1 { font-size: 3.75rem; } h2, .h2, article#brx-content h1 { font-size: 2.5rem; } h3, .h3 { font-size: 2.125rem; } h4, .h4 { font-size: 1.625rem; } h5, .h5 { font-size: 1.375rem; } h6, .h6 { font-size: 1.25rem; } } @media (max-width: 767px) { h1, .h1 { font-size: 3.125rem; } h2, .h2, article#brx-content h1 { font-size: 2.125rem; } h3, .h3 { font-size: 1.75rem; } } @media (max-width: 478px) { h1, .h1 { font-size: 2.5rem; } h2, .h2, article#brx-content h1 { font-size: 2rem; } } p + :where(h2, h3, h4, h5, h6) { margin-top: 3rem; } p { margin-bottom: 1.5em; } p:last-of-type { margin-bottom: 0; } p.indent { padding-left: 2em; } b, strong { font-weight: 600; } .brxe-text em { font-style: normal; color: var(--yellow); } .brxe-text a, .wc-block-components-checkbox__label a { color: inherit; text-decoration: underline; cursor: pointer; } a { transition: var(--transition); } a:is(:hover, :focus, :active) { color: var(--green); } header a, footer a, a.bricks-button { text-decoration: none; } main .brxe-text :where(ul, ol) { margin: 1.5em 0 2em; } main .brxe-text ul { padding-left: 1rem; list-style: none; } main .brxe-text :where(ul, ol):first-child { margin-top: 0; } main .brxe-text :where(ul, ol):last-child { margin-bottom: 0; } main .brxe-text :where(ul, ol) li:not(:last-child) { margin-bottom: 1em; } main .brxe-text ul li { position: relative; } main .brxe-text ul li::before { content: "・"; position: absolute; top: 0; left: -0.75em; line-height: 1.25em; } @media (max-width: 767px) { p.indent { padding-left: 1em; } }  section section { padding: 0; } header + main, header + .hero { margin-top: var(--header-height); }  header { height: var(--header-height); padding: 2rem 0.75rem; background-color: var(--white); } header.scrolling { box-shadow: 0 0 4px var(--black); } @media (max-width: 991px) { header { padding-top: 0.5rem; padding-bottom: 0.5rem; } }  #menu-main-menu .brx-submenu-toggle { transition: inherit; } #menu-main-menu li.open > .brx-submenu-toggle { border-bottom: 1px solid var(--green); background-color: var(--green); color: var(--white); } #menu-main-menu .menu-item-has-children > .brx-submenu-toggle > a { padding-right: 0; } #menu-main-menu.bricks-nav-menu > li > .brx-submenu-toggle > button { margin-left: 0; padding-left: 5px; padding-right: 5px; }  #menu-main-menu .menu-item-has-children:is(:hover, :focus, :active) > .sub-menu { opacity: 1; visibility: visible; } :where(.brxe-nav-menu) .bricks-nav-menu ul.sub-menu { width: 100%; min-width: unset; transition: var(--transition); } #menu-main-menu .sub-menu li { line-height: normal; } #menu-main-menu.bricks-nav-menu .sub-menu a { padding: 5px 15px; } #menu-main-menu.bricks-nav-menu .sub-menu a:is(:hover, :focus, :active, [aria-current="page"]) { background-color: var(--green); }  .brxe-nav-menu .bricks-mobile-menu-wrapper li a { padding: 10px 30px; line-height: normal; } .brxe-nav-menu .bricks-mobile-menu-wrapper .bricks-mobile-menu > li > a, .brxe-nav-menu .bricks-mobile-menu-wrapper .bricks-mobile-menu > li > .brx-submenu-toggle > a { padding: 10px 30px !important; line-height: normal; } .brxe-nav-menu .bricks-mobile-menu-wrapper .bricks-mobile-menu .sub-menu a { padding: 5px 5px 5px 45px; line-height: normal; }  .bricks-button, form.cart .button, article#brx-content .wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button { padding: 0.75em 1.25em; font-family: "Lustria"; font-weight: 400; line-height: normal; transition: var(--transition); cursor: pointer; } .bricks-button.bricks-background-primary, form.cart .button, .wc-block-cart__submit-button, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button { border: 1px solid var(--green); background-color: var(--green); color: var(--white); } .bricks-button:is(:hover, :focus, :active), form.cart button:is(:hover, :focus, :active), .wc-block-cart__submit-button:is(:hover, :focus, :active) { border-color: var(--green); background-color: transparent; color: var(--green); } .bricks-button.bricks-background-secondary { border: 1px solid var(--yellow); background-color: var(--yellow); color: var(--white); } .bricks-button.bricks-background-secondary:is(:hover, :focus, :active) { border-color: var(--yellow); background-color: transparent; color: var(--yellow); } @media (max-width: 767px) { .bricks-button { padding-left: 20px; padding-right: 20px; } }  .brxe-text + .bricks-button:not(.intro-button) { margin-top: 2.5rem; } main.product .button.wc-forward:is(:hover, :focus, :active), .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:is(:hover, :focus, :active) { border-color: var(--yellow); background-color: var(--yellow); color: var(--white); }   .hero :where(h1, h2, h3) { margin-bottom: 0; }  .intro .h1 span { display: block; font-family: "LuxuriousScript"; font-size: 1.2em; text-align: right; }  .teaser.brxe-div:is(:hover, :focus, :active), .teaser.brxe-div:is(:hover, :focus, :active) .bricks-button { background-color: var(--yellow); color: var(--black); } .teaser.brxe-div:is(:hover, :focus, :active) .bricks-button { border-color: var(--white); background-color: var(--white); }  .box:has(.box__title:is(:hover, :focus)) { background-color: var(--green); } .box__title:is(:focus, :focus-visible) { outline: none; }  .brxe-form { --_form-padding: 0.5rem; } .brxe-form input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { padding: 0.5rem 1rem; box-shadow: var(--box-shadow); line-height: normal; } .brxe-form textarea, .wc-block-checkout__add-note textarea { min-height: 8rem; max-height: 25rem; resize: vertical; }  .brxe-form select, .brxe-form select option, .variations_form select, .variations_form select option { font-family: "Inter", sans-serif; } .brxe-form input[type="radio"], .brxe-form input[type="checkbox"], .wc-block-components-radio-control .wc-block-components-radio-control__input, #checkbox-control-0 { width: calc(var(--checkbox-size) + 0.25em); height: calc(var(--checkbox-size) + 0.25em); margin: 0 0.4rem 0 0; border: 1px solid var(--black); box-shadow: 0 0 0 2px inset white; background-color: white; vertical-align: sub; appearance: none; transition: var(--transition); } .brxe-form input[type="checkbox"], #checkbox-control-0 { border-radius: 0!important; } .brxe-form input[type="radio"]:checked, .brxe-form input[type="checkbox"]:checked { background-color: var(--green); } .brxe-form input[type="radio"], .wc-block-components-radio-control .wc-block-components-radio-control__input { border-radius: 50%; } .wc-block-components-radio-control .wc-block-components-radio-control__input:checked, #checkbox-control-0:checked { background-color: var(--black); } .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before, #checkbox-control-0::before, #checkbox-control-0::after, #checkbox-control-0 + svg { display: none!important; }  .shop-overview .product a:not(.bricks-button) { display: block; }  main.product { --bricks-text-success: var(--green); --bricks-bg-success: var(--black); } form.cart .quantity :where(.plus, .minus):is(:hover, :focus, :active) { background-color: var(--yellow); }  article#brx-content { padding: 4rem 0.5rem; } .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { padding-left: 0.5rem; padding-right: 0.5rem; } #brx-content .wc-block-components-quantity-selector { border: 1px solid var(--black); border-radius: 0; } #brx-content .wc-block-components-quantity-selector__button--minus { border-right: 1px solid var(--black); transition: var(--transition); } #brx-content .wc-block-components-quantity-selector__button--plus { border-left: 1px solid var(--black); transition: var(--transition); } #brx-content .wc-block-components-quantity-selector__button--minus:is( :hover, :focus, :active ), #brx-content .wc-block-components-quantity-selector__button--plus:is( :hover, :focus, :active ) { border-radius: 0; background-color: var(--yellow); box-shadow: none; } #brx-content .wc-block-components-quantity-selector::after { display: none; } #brx-content .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { font-weight: 400; } .wc-block-cart-item__remove-link:is(:hover, :focus, :active) { color: var(--error)!important; }  article#brx-content .alignwide { max-width: 100%; } div.wc-block-components-sidebar { padding-left: 0; } article#brx-content .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity { border: none; box-shadow: none; background-color: var(--green); color: var(--white); } #brx-content .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted { border: none; border-radius: 0; box-shadow: none; background-color: var(--black); color: var(--white); } div.wc-block-components-radio-control-accordion-content { padding-top: 0; }  .wc-block-cart__empty-cart__title.with-empty-cart-icon::before { display: none!important; } .wp-block-woocommerce-empty-cart-block { max-width: 20rem; margin: 0 auto; text-align: center; } .wp-block-woocommerce-empty-cart-block .wp-block-button { margin: 2rem auto 0; } .wp-block-woocommerce-empty-cart-block .wp-block-button__link.wp-element-button { border-radius: 0; background-color: var(--green); color: var(--white); } .wp-block-woocommerce-empty-cart-block .wp-block-button__link.wp-element-button:is(:hover, :focus, :active) { background-color: var(--black); }  .woocommerce-thankyou-order-received { font-size: 1.25rem; font-weight: 600; color: var(--green); } strong.product-quantity { background-color: var(--yellow); }  .teaser-archive, .teaser-archive--bar { transition: var(--transition); } .teaser-archive.brxe-div:is(:hover, :focus, :active) { background-color: var(--green); } .teaser-archive.brxe-div:is(:hover, :focus, :active) .teaser-archive--bar.brxe-div { background-color: var(--black); } .dsgvo-reference { font-size: 0.8rem; }  footer { background-color: var(--black); } footer p:not(:last-of-type) { margin-bottom: 0.75em; } footer .brxe-social-icons li a:is(:hover, :focus, :active) { color: var(--green); } .footer-rechtliches a { border-bottom: 2px solid var(--green); } .footer-rechtliches a:is(:hover, :focus, :active) { border-color: var(--white); color: var(--white); }