html {background-color: var(--papier)} body {background: none} .brxe-container {padding-right: 0; padding-left: 0; width: 1160px} .woocommerce main.site-main {width: 1160px} #brx-content.wordpress {width: 1160px} body {font-size: 18px; font-family: "Source Serif 4"; line-height: 1.6} h1 {font-size: 56px; font-family: "Bricolage Grotesque"; font-weight: 800; line-height: 1.1; color: var(--inkt)} h2 {font-size: 36px; font-family: "Bricolage Grotesque"; font-weight: 800; line-height: 1.1} h3 {font-size: 26px; color: var(--inkt); font-weight: 600; font-family: "Bricolage Grotesque"; line-height: 1.25} h4 {color: var(--inkt); font-size: 20px; font-family: "Bricolage Grotesque"; font-weight: 600; line-height: 1.3} h5 {color: var(--inkt); font-size: 17px; font-family: "Bricolage Grotesque"; font-weight: 600; line-height: 1.35} h6 {font-size: 17px; color: var(--inkt); font-family: "Bricolage Grotesque"; line-height: 1.35; font-weight: 600} :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, :root { --inkt: #101010; --papier: #FBFAF7; --marker: #F0DFA8; --signaal: #C2402F; --staal: #6A6A66; --mist: #E8E6E0;}.brxe-text a,.brxe-text-basic a,.brxe-post-content a { color: var(--inkt); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}.brxe-text a:hover,.brxe-text-basic a:hover,.brxe-post-content a:hover { color: var(--signaal);} {border-bottom: 1px solid var(--inkt)} .bricks-button {font-family: "Bricolage Grotesque"; color: var(--papier); font-size: 16px; font-weight: 600; line-height: 1.35; border-radius: 4px; transition:  .brxe-button, .brxe-text a, .brxe-text-basic a, .brxe-post-content a { transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }  @media (prefers-reduced-motion: reduce) { .brxe-button, .brxe-text a, .brxe-text-basic a, .brxe-post-content a { transition: none; } }.brxe-button:focus-visible { outline: 2px solid var(--inkt); outline-offset: 2px; }} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--inkt)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: #AF3A2A} :root .bricks-button[class*="secondary"] {font-family: "Bricolage Grotesque"; color: var(--inkt); border-width: 2px; border-color: var(--inkt)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: hsla(0, 0%, 100%, 0)} :root .bricks-button[class*="secondary"]:hover {color: var(--signaal); border: 2px solid var(--signaal)}@media (max-width: 478px) { .brxe-container {row-gap: 24px} .brxe-section {padding-top: 56px; padding-bottom: 56px} body {color: var(--inkt); font-size: 17px; font-family: "Source Serif 4"} h1 {font-size: 36px; color: var(--inkt)} h2 {font-size: 28px; color: var(--inkt); font-weight: 600; font-family: "Bricolage Grotesque"; line-height: 1.15} h3 {color: var(--inkt); font-weight: 600; font-family: "Bricolage Grotesque"; font-size: 22px; line-height: 1.25} h4 {font-size: 18px; color: var(--inkt); font-weight: 600; line-height: 1.3} h5 {font-size: 16px} h6 {color: var(--inkt); font-size: 16px; font-family: "Bricolage Grotesque"; font-weight: 600; line-height: 1.35}}