:where(:root) .bricks-color-primary {color: var(--akzent)}:where(:root) .bricks-background-primary {background-color: var(--akzent)}:where(:root) * {border-color: var(--linie)} html {background-color: var(--hintergrund)} body {background: none} html {font-size: 100%} body {font-family: "Sofia Sans"; font-weight: 400; font-size: var(--groesse-text); line-height: var(--zeilenhoehe-text); color: var(--text)} h1, h2, h3, h4, h5, h6 {font-family: "Sofia Sans Extra Condensed"; font-weight: 750; line-height: var(--zeilenhoehe-ueberschrift); text-transform: uppercase; letter-spacing: 0.005em; color: var(--text)} h1 {font-size: var(--groesse-h1)} h2 {font-size: var(--groesse-h2)} h3 {font-family: "Sofia Sans"; font-weight: 650; font-size: var(--groesse-h3); line-height: var(--zeilenhoehe-kompakt); text-transform: none} h4 {font-family: "Sofia Sans"; font-weight: 650; font-size: var(--groesse-text); line-height: var(--zeilenhoehe-kompakt); text-transform: none} h5 {font-family: "Sofia Sans"; font-weight: 600; font-size: var(--groesse-klein); line-height: var(--zeilenhoehe-kompakt); text-transform: none; color: var(--text-dezent)} h6 {font-family: "Sofia Sans"; font-weight: 600; font-size: var(--groesse-klein); line-height: var(--zeilenhoehe-kompakt); text-transform: none; color: var(--text-dezent)} :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(--akzent); text-decoration: none; transition: color var(--dauer-kurz) var(--kurve-sanft)} :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: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)):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 {color: var(--akzent-hover)} .bricks-button {border-radius: var(--radius-mittel); transition: background-color var(--dauer-kurz) var(--kurve-sanft), color var(--dauer-kurz) var(--kurve-sanft); padding-top: var(--abstand-xs); padding-right: var(--abstand-m); padding-bottom: var(--abstand-xs); padding-left: var(--abstand-m)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--text-auf-akzent); font-weight: 650; font-size: var(--groesse-klein); letter-spacing: 0.01em} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--text-auf-akzent)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--akzent)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--akzent-hover)} .brxe-section {padding-top: var(--abstand-abschnitt); padding-right: var(--abstand-rand); padding-bottom: var(--abstand-abschnitt); padding-left: var(--abstand-rand)} .brxe-container {width: 100%; max-width: var(--breite-inhalt)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--breite-inhalt)}.brxe-form .form-group label {color: var(--text-dezent); font-size: var(--groesse-klein); font-weight: 600}.brxe-form .form-group .label {color: var(--text-dezent); font-size: var(--groesse-klein); font-weight: 600}.brxe-form ::placeholder {color: var(--text-dezent)}.brxe-form select {color: var(--text-dezent); color: var(--text); font-size: var(--groesse-text); background-color: var(--formularfeld); border: 1px solid var(--linie); border-radius: var(--radius-mittel); padding-top: var(--abstand-xs); padding-right: var(--abstand-s); padding-bottom: var(--abstand-xs); padding-left: var(--abstand-s)}.brxe-form .form-group input {color: var(--text); font-size: var(--groesse-text); background-color: var(--formularfeld); border: 1px solid var(--linie); border-radius: var(--radius-mittel); padding-top: var(--abstand-xs); padding-right: var(--abstand-s); padding-bottom: var(--abstand-xs); padding-left: var(--abstand-s)}.brxe-form textarea {color: var(--text); font-size: var(--groesse-text); background-color: var(--formularfeld); border: 1px solid var(--linie); border-radius: var(--radius-mittel); padding-top: var(--abstand-xs); padding-right: var(--abstand-s); padding-bottom: var(--abstand-xs); padding-left: var(--abstand-s)}.brxe-form .flatpickr {background-color: var(--formularfeld); border: 1px solid var(--linie); border-radius: var(--radius-mittel); padding-top: var(--abstand-xs); padding-right: var(--abstand-s); padding-bottom: var(--abstand-xs); padding-left: var(--abstand-s)}.brxe-form .form-field-richtext + .tox-tinymce {background-color: var(--formularfeld); border: 1px solid var(--linie); border-radius: var(--radius-mittel)}.brxe-form .bricks-button {border: 1px solid var(--linie); border-radius: var(--radius-mittel)}.brxe-form .choose-files {border: 1px solid var(--linie); border-radius: var(--radius-mittel)}.brxe-form .form-group input:focus {border: 2px solid var(--akzent)}.brxe-form .flatpickr:focus {border: 2px solid var(--akzent)}.brxe-form select:focus {border: 2px solid var(--akzent)}.brxe-form textarea:focus {border: 2px solid var(--akzent)}.brxe-form .form-field-richtext + .tox-tinymce:focus {border: 2px solid var(--akzent)}.brxe-form .bricks-button:focus {border: 2px solid var(--akzent)}.brxe-form .choose-files:focus {border: 2px solid var(--akzent)}.brxe-form .form-field-richtext + .tox-tinymce .tox-edit-area__iframe {padding-top: var(--abstand-xs); padding-right: var(--abstand-s); padding-bottom: var(--abstand-xs); padding-left: var(--abstand-s)}