.brxe-section {padding-top: 8rem; padding-right: 4rem; padding-bottom: 4rem; padding-left: 4rem} .brxe-container {row-gap: 1rem; width: 990px} .woocommerce main.site-main {width: 990px} #brx-content.wordpress {width: 990px} html {font-size: 100%} body {font-size: var(--text-m); color: var(--farbe-14); line-height: 1.6; font-weight: 400; font-family: "Figtree"} h1, h2, h3, h4, h5, h6 {font-family: "Figtree"; font-weight: 700; color: var(--farbe-15); line-height: 1.2} h1 {font-size: var(--headline-l)} h2 {font-size: var(--headline-m)} h3 {font-size: var(--headline-m)} .bricks-button {border: 1px solid var(--farbe-16); border-radius: 10px; color: var(--farbe-17); font-family: "lineto-circular-book"; font-weight: 400; font-size: var(--text-m)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--apricot)} :root .bricks-button[class*="primary"] {color: var(--farbe-14); font-size: var(--text-s); font-family: "lineto-circular-bold"; font-weight: 600; border: 0; border-style: none; border-color: var(--farbe-14); border-radius: 0} :root .bricks-button[class*="primary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)}:where(:root) .bricks-color-primary {color: var(--farbe-13)}:where(:root) .bricks-background-primary {background-color: var(--farbe-13)} .brxe-block {row-gap: 1rem}@media (max-width: 991px) { .brxe-section {padding-top: 6rem; padding-bottom: 3rem}}@media (max-width: 767px) { .brxe-section {padding-top: 4rem; padding-bottom: 2rem}}@media (max-width: 478px) { .brxe-section {padding-top: 2rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem} body {font-family: "lineto-circular-book"} h1, h2, h3, h4, h5, h6 {font-family: "lineto-circular-bold"; font-weight: 600}}