.text-blue { background-color: var(--blue-light); padding-inline: 3px;}.text-yellow { background-color: var(--secondary); padding-inline: 3px;}.text-h6 { font-size: clamp(1.8rem, 0.188vw + 1.73rem, 2rem);} body {font-family: "Manrope"; font-size: clamp(1.4rem, 0.188vw + 1.33rem, 1.6rem); color: var(--black); line-height: 1.4} h1, h2, h3, h4, h5, h6 {font-weight: 600; line-height: 1.15} h1 {font-size: clamp(4rem, 1.878vw + 3.296rem, 6rem)} h2 {font-size: clamp(3.3rem, 1.502vw + 2.737rem, 4.9rem)} h3 {font-size: clamp(2.6rem, 1.221vw + 2.142rem, 3.9rem)} h4 {font-size: clamp(2.1rem, 0.939vw + 1.748rem, 3.1rem); line-height: 1.4} h5 {font-size: clamp(1.7rem, 0.751vw + 1.418rem, 2.5rem); line-height: 1.5} h6 {font-size: clamp(1.8rem, 0.188vw + 1.73rem, 2rem)}:where(:root) .bricks-color-primary {color: #76bddb}:where(:root) .bricks-background-primary {background-color: #76bddb}:where(:root) .bricks-color-secondary {color: #fde257}:where(:root) .bricks-background-secondary {background-color: #fde257} :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, :where(.footer__link, .kontakt__link) {transition: all 0.3s ease-out} :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, :where(.footer__link:hover, .kontakt__link):hover {text-decoration: underline} .brxe-container {width: 1280px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} .brxe-section {padding-right: var(--gutter); padding-left: var(--gutter)} .bricks-button {color: var(--white); font-weight: 600; border: 1px solid var(--bricks-border-color); border-radius: 50px; transition: all 0.3s ease-out; padding-top: 0.75em; padding-right: 1.875em; padding-bottom: 0.75em; padding-left: 1.875em} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"]:hover {color: var(--white)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="secondary"] {color: var(--black)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--black)} :root .bricks-button[class*="secondary"]:hover {color: var(--white)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--black)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--blue-light); border: 2px solid var(--blue-light)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-vjifma)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--black)} :root .bricks-button[class*="info"]:not(.outline) {background-color: var(--blue-light)} :root .bricks-button[class*="info"] {color: var(--black); border: 2px solid var(--blue-light)} :root .bricks-button[class*="info"]:not(.outline):hover {background-color: var(--bricks-color-vjifma)} :root .bricks-button[class*="info"]:hover {color: var(--blue-light)} :root .bricks-button[class*="primary"].outline {border: 2px solid var(--primary); color: var(--primary)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary); color: var(--white)} :root .bricks-button[class*="muted"] {color: var(--bricks-color-qosmgx); border: 1px solid var(--bricks-color-qosmgx)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--white)}@media (max-width: 767px) { .bricks-button {font-size: 12px}}