/* BREAKPOINT: Desktop (BASE) */ .brx-boxed {max-width: 1200px} .brx-boxed #brx-header.sticky {max-width: 1200px; margin-left: auto; margin-right: auto} .brxe-container.root {width: 100%} .brxe-container.root.stretch > .brxe-container {width: 100%} .brxe-container.root.stretch > .brxe-div {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-2ec74c)} .bricks-button.md {padding-top: 18px; padding-right: 40px; padding-bottom: 18px; padding-left: 40px} .bricks-button.sm {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; text-align: left; font-weight: 800; font-family: "Inter"; font-size: 16px} .bricks-button.lg {padding-top: 24px; padding-right: 60px; padding-bottom: 24px; padding-left: 60px} .bricks-button {line-height: 1; letter-spacing: 0px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25); transition: all 0.15s ease-in-out; border-radius: 0} :root .bricks-button[class*="primary"] {color: #ffffff; font-weight: 500; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 0} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-2ec74c); text-align: left; text-decoration: none; font-weight: 500; box-shadow: 0 0 0 0 transparent} :root .bricks-button[class*="light"] {font-weight: 500; color: var(--bricks-color-qrgjyc)} :root .bricks-button[class*="dark"] {font-weight: 500} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-ynaazs)} :root .bricks-button[class*="light"]:hover {color: var(--bricks-color-qrgjyc)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--bricks-color-dqgosp)} :root .bricks-button[class*="dark"]:hover {color: var(--bricks-color-qrgjyc)} .bricks-button:hover {transition: all 0.2s ease-in} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-hrolrr)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-hyueyh)}:root .bricks-color-secondary {color: var(--bricks-color-vuvjwd)}:root .bricks-background-secondary {background-color: var(--bricks-color-vuvjwd)}:root .bricks-color-light {color: var(--bricks-color-baamhc)}:root .bricks-background-light {background-color: var(--bricks-color-baamhc)}:root .bricks-color-dark {color: #212325}:root .bricks-background-dark {background-color: #212325}:root .bricks-color-muted {color: #5d5d5d}:root .bricks-background-muted {background-color: #5d5d5d}:root .bricks-color-info {color: var(--bricks-color-ngicuu)}:root .bricks-background-info {background-color: var(--bricks-color-ngicuu)}:root .bricks-color-success {color: #d54dad}:root .bricks-background-success {background-color: #d54dad}:root .bricks-color-warning {color: #d54dad}:root .bricks-background-warning {background-color: #d54dad}:root .bricks-color-danger {color: #d54dad}:root .bricks-background-danger {background-color: #d54dad}:root .bricks-color-primary {color: var(--bricks-color-2ec74c)}:root .bricks-background-primary {background-color: var(--bricks-color-2ec74c)}:root .bricks-color-info:hover {color: var(--bricks-color-blerpb)}:root .bricks-background-info:hover {background-color: var(--bricks-color-blerpb)}.brxe-slider .swiper-button {background-color: #ffffff; height: 55px; width: 55px; border-radius: 55px; color: var(--bricks-color-2ec74c)}.brxe-slider .swiper-pagination-bullet {background-color: #e8e8e8; color: #e8e8e8}.brxe-slider .swiper-pagination-bullet-active {background-color: var(--bricks-color-2ec74c); color: var(--bricks-color-2ec74c)} body {font-size: 18px; font-weight: 400; color: var(--bricks-color-lczbzg); font-family: "Titillium Web"; line-height: 1.6} h1,  h2,  h3,  h4,  h5,  h6 {font-family: "Titillium Web"; color: var(--bricks-color-qrgjyc)} h1 {font-size: 48px; font-family: "Titillium Web"; font-weight: 700} h2 {font-size: 38px; font-family: "Titillium Web"; font-weight: 700} h3 {font-size: 28px; font-family: "Titillium Web"; font-weight: 700} h4 {font-size: 20px; font-family: "Titillium Web"; font-weight: 700} h5 {font-size: 18px; font-family: "Titillium Web"} h6 {font-size: 18px; font-family: "Titillium Web"} :where(.brxe-accordion .accordion-content-wrapper) a:hover,  :where(.brxe-icon-box .content) a:hover,  :where(.brxe-list) a:hover,  :where(.brxe-post-content) a:not(.bricks-button):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 {transition: all 0.3s ease-in-out; font-weight: 600} :where(.brxe-accordion .accordion-content-wrapper) a,  :where(.brxe-icon-box .content) a,  :where(.brxe-list) a,  :where(.brxe-post-content) a:not(.bricks-button),  :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(--bricks-color-2ec74c); background-color: rgba(24, 54, 78, 0); transition: all 0.3s ease-in-out}/* BREAKPOINT: Mobil Landschaft */@media (max-width: 767px) { h1 {font-size: 36px} h2 {font-size: 28px} h3 {font-size: 25px} h4 {font-size: 18px} h5 {font-size: 16px} h6 {font-size: 16px}}/* BREAKPOINT: Mobil Hochformat */@media (max-width: 478px) { h1 {font-size: 30px} h2 {font-size: 25px} h3 {font-size: 20px} h4 {font-size: 18px}}