 html {background-color: var(--hgnormal)} body {background: none}:where(:root) .bricks-color-primary {color: var(--primaer)}:where(:root) .bricks-background-primary {background-color: var(--primaer)}:where(:root) .bricks-color-secondary {color: var(--rot)}:where(:root) .bricks-background-secondary {background-color: var(--rot)}:where(:root) .bricks-color-primary:hover {color: var(--primaerhover)}:where(:root) .bricks-background-primary:hover {background-color: var(--primaerhover)}:where(:root) .bricks-color-secondary:hover {color: var(--rothover)}:where(:root) .bricks-background-secondary:hover {background-color: var(--rothover)}:where(:root) * {border-color: var(--rahmenhell)} :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 {color: var(--rot); border-bottom: 2px dotted var(--rot); transition: all .3s ease} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {border-bottom: 2px dotted var(--rothover); color: var(--rothover)} .brxe-section {padding-top: 60px; padding-right: 1rem; padding-bottom: 60px; padding-left: 1rem; column-gap: 30px; row-gap: 30px} .brxe-container {padding-top: 30px; padding-bottom: 30px; width: 1200px; column-gap: 20px; row-gap: 20px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px} .brxe-block {column-gap: 15px; row-gap: 15px} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} html {font-size: 100%} body {color: var(--textdunkel); font-size: var(--fliesstext); font-family: "Inter"} h1, h2, h3, h4, h5, h6 {color: var(--textdunkel); font-family: "Inter"} h1 {font-size: var(--ueber1)} h2 {font-size: var(--ueber2)} h3 {font-size: var(--ueber3)} .bricks-button {color: var(--textweiss); transition: all .3s ease} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--rot)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--rothover)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--rot)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--rothover)} :root .bricks-button[class*="primary"] {font-weight: 600}