.brx-animate-fadeInUp { animation-name: fadeInUpMod !important;}.brx-animate-fadeInDown { animation-name: fadeInDownMod !important;}.brx-animate-fadeInLeft { animation-name: fadeInLeftMod !important;}.brx-animate-fadeInRight { animation-name: fadeInRightMod !important;}@keyframes fadeInUpMod { 0% { opacity: 0; transform: translateY(6rem); } 100% { opacity: 1; transform: translateY(0px); }}@keyframes fadeInDownMod { 0% { opacity: 0; transform: translateY(-6rem); } 100% { opacity: 1; transform: translateY(0px); }}@keyframes fadeInRightMod { 0% { opacity: 0; transform: translateX(6rem); } 100% { opacity: 1; transform: translateY(0px); }}@keyframes fadeInLeftMod { 0% { opacity: 0; transform: translateX(-6rem); } 100% { opacity: 1; transform: translateY(0px); }}body:not(.bricks-is-frontend) .animatieLeft, body:not(.bricks-is-frontend) .animatieRight, body:not(.bricks-is-frontend) .animatieUp, body:not(.bricks-is-frontend) .animatieFade { opacity: 1 !important;}.bricks-is-frontend .animatieLeft, .bricks-is-frontend .animatieRight, .bricks-is-frontend .animatieUp, .bricks-is-frontend .animatieFade { opacity: 0;} .brxe-container {width: 1200px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-right: 0; margin-left: 0; column-gap: 40px; row-gap: 20px; flex-direction: row} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px} body {font-family: "Rubik"; font-weight: 400; font-style: normal; font-size: var(--text-m); color: var(--grijs); line-height: 1.4em} h1, h2, h3, h4, h5, h6 {font-family: "Bungee"; line-height: 1em; color: var(--zwart); text-transform: uppercase; font-weight: 400} h1 {font-size: var(--h1-m)} h2 {font-size: var(--h2-m); text-transform: uppercase} h3 {font-size: var(--h3-m)}:where(:root) .bricks-color-primary {color: #49358D}:where(:root) .bricks-background-primary {background-color: #49358D}:where(:root) .bricks-color-secondary {color: #ADC850}:where(:root) .bricks-background-secondary {background-color: #ADC850}:where(:root) .bricks-color-light {color: #DCD8ED}:where(:root) .bricks-background-light {background-color: #DCD8ED} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, .brxe-product-content a, .brxe-product-short-description a, .brxe-product-tabs .woocommerce-Tabs-panel a {font-size: var(--text-m); color: #000000; font-family: "Rubik"; font-weight: 400; font-style: normal} .brxe-section {padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; column-gap: 20px; row-gap: 20px} .brxe-block {column-gap: 20px; row-gap: 20px} .bricks-button {font-family: "Rubik"; font-weight: 400; color: var(--wit); font-size: var(--text-m); border: 1px solid var(--wit); border-radius: 10px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--groen)}