html {background-color: var(--color-ink-paper); background-image: url("https://ip.bos-dev2.de/wp-content/uploads/2026/09/black-paper.png"); background-repeat: repeat; background-size: auto; background-position: top left; background-attachment: fixed} body {background: none} html {font-size: 62.5%} body {font-family: "Outfit"; font-size: var(--text-m); font-weight: 400; line-height: 1.7; color: var(--color-warm-white)} h1, h2, h3, h4, h5, h6 {color: var(--color-warm-white); font-family: "Outfit"} h1 {font-size: var(--text-3xl); font-weight: 300; letter-spacing: -0.02em; line-height: 1.12} h2 {font-size: var(--text-2xl); font-weight: 300; letter-spacing: -0.02em; line-height: 1.12} h3 {font-size: var(--text-l); font-weight: 500; letter-spacing: -0.01em; line-height: 1.3} :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(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > 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 {color: var(--color-champagne)} .brxe-container {width: var(--container-max)} .woocommerce main.site-main {width: var(--container-max)} #brx-content.wordpress {width: var(--container-max)} .bricks-button {font-size: var(--text-s); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; border-style: none; border-radius: var(--radius-sm); transition: background-color 260ms cubic-bezier(0.2, 0, 0, 1), color 260ms cubic-bezier(0.2, 0, 0, 1), border-color 260ms cubic-bezier(0.2, 0, 0, 1), transform 260ms cubic-bezier(0.2, 0, 0, 1), box-shadow 260ms cubic-bezier(0.2, 0, 0, 1); padding-top: 0.8em; padding-right: 1.5em; padding-bottom: 0.8em; padding-left: 1.5em} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--color-ink-paper); border-style: none; border-radius: var(--radius-sm)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--color-champagne)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--color-champagne-bright)} .bricks-button:where(.bricks-background-primary:not(.outline)):active {background-color: var(--color-bronze)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--color-warm-white); background-color: transparent; border: 1px solid var(--color-line-strong); border-radius: var(--radius-sm)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--color-champagne); background-color: var(--color-surface-raised); border-color: var(--color-champagne)} .bricks-button:where(.sm) {padding-top: 0.5em; padding-bottom: 0.5em} .bricks-button:where(.md) {padding-top: 0.8em; padding-right: 1.5em; padding-bottom: 0.8em; padding-left: 1.5em}