body { -webkit-tap-highlight-color: transparent;}#brx-content { margin-bottom: 130px;}.genre_4 { background-color: #acffaa !important; }.genre_5 { background-color: #b7ddff !important; }.genre_6 { background-color: #ffffff !important; }.genre_7 { background-color: #e0bce0 !important; }.genre_8 { background-color: #8c8c8c !important; }form .submit-button-wrapper { align-self: center; margin-left: auto; margin-right: auto; margin-top: var(--space-3); display: flex;}form .submit-button-wrapper button { max-height: 2.5em;}form li { column-gap: 1em; display: inline-flex}form .options-wrapper li { display: inline-flex; column-gap: var(--space-2); line-height: 1; align-items: center;justify-content: space-between;}form input[type=checkbox] {appearance: none;  -webkit-appearance: none;  width: 20px !important; min-width: 20px !important; max-width: 20px; height: 20px !important; border: 1px solid var(--tinte-t-3) !important; cursor: pointer; display: inline-flex; position: relative;}form input[type=checkbox]:checked::after { content: "✓"; font-size: 1.25em; color: var(--gruen); position: absolute; left: 15%; top: -65%;}form .options-wrapper { display: flex; column-gap: var(--space-2); line-height: 1; align-items: center; flex-wrap: wrap; row-gap: var(--space-2); justify-content: space-between;}form input[type=radio] {appearance: none;  -webkit-appearance: none;  width: 20px !important; min-width: 20px !important; max-width: 20px; height: 20px !important; border: 1px solid var(--tinte-t-3) !important; border-radius: 20px !important; background-color: white; cursor: pointer; display: inline-flex; position: relative;}form input[type=radio]:checked::after { content: "✓"; font-size: 1.25em; color: var(--gruen); position: absolute; left: 15%; top: -65%;}.form-bewertung .options-wrapper:has(input[name^="bewertung"]) { display: flex; flex-direction: row-reverse; justify-content: flex-end; list-style: none; padding: 0;}.form-bewertung .options-wrapper:has(input[name^="bewertung"]) input[type="radio"] { display: none;}.form-bewertung .options-wrapper:has(input[name^="bewertung"]) label { cursor: pointer; color: #ccc; transition: color 0.5s ease; padding: 0 0px; font-size: 0;}.form-bewertung .options-wrapper:has(input[name^="bewertung"]) label::before { content: '★'; font-size: var(--space-8); font-style: normal;}.form-bewertung .options-wrapper:has(input[name^="bewertung"]) li:hover label,.form-bewertung .options-wrapper:has(input[name^="bewertung"]) li:hover ~ li label { color: var(--mauve);}.form-bewertung .options-wrapper:has(input[name^="bewertung"]) li:has(input:checked) label,.form-bewertung .options-wrapper:has(input[name^="bewertung"]) li:has(input:checked) ~ li label { color: var(--mauve);} html {font-size: 100%} body {font-family: "Libre Franklin", system-ui, sans-serif; color: var(--tinte); line-height: 1.15; font-size: var(--text-body); letter-spacing: .125px} h1, h2, h3, h4, h5, h6 {text-align: left; text-wrap: pretty; font-weight: 500; font-family: "Newsreader", Georgia, serif} h1 {font-style: italic; font-size: var(--text-display); line-height: var(--lh-display); margin-bottom: var(--space-5)} h2 {font-size: var(--text-subheading); line-height: var(--lh-subheading)} .brxe-container {width: 100%; max-width: 1400px; column-gap: var(--space-2); row-gap: var(--space-4); padding-top: var(--space-4); padding-right: var(--space-2); padding-bottom: var(--space-4); padding-left: var(--space-2)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1400px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--gruen-d-1)} .bricks-button {color: var(--papier); font-size: var(--text-caption); font-weight: 500; border-radius: var(--radius-full)}:where(:root) .bricks-color-primary {color: var(--gruen)}:where(:root) .bricks-background-primary {background-color: var(--gruen)}:where(:root) .bricks-color-secondary {color: var(--mauve)}:where(:root) .bricks-background-secondary {background-color: var(--mauve)}:where(:root) .bricks-color-light {color: var(--gruen-l-3)}:where(:root) .bricks-background-light {background-color: var(--gruen-l-3)}:where(:root) .bricks-color-dark {color: var(--mauve-d-3)}:where(:root) .bricks-background-dark {background-color: var(--mauve-d-3)}:where(:root) .bricks-color-muted {color: var(--gruen-l-2)}:where(:root) .bricks-background-muted {background-color: var(--gruen-l-2)}:where(:root) * {border-color: var(--gruen-l-2)}:where(:root) .bricks-color-info {color: hsl(115, 100%, 35%)}:where(:root) .bricks-background-info {background-color: hsl(115, 100%, 35%)}:where(:root) .bricks-color-success {color: hsl(115, 100%, 35%)}:where(:root) .bricks-background-success {background-color: hsl(115, 100%, 35%)}:where(:root) .bricks-color-warning {color: hsl(0, 100%, 35%)}:where(:root) .bricks-background-warning {background-color: hsl(0, 100%, 35%)}:where(:root) .bricks-color-danger {color: hsl(0, 100%, 35%)}:where(:root) .bricks-background-danger {background-color: hsl(0, 100%, 35%)} :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 {transition: all .5s ease} .brxe-section {column-gap: var(--space-6); row-gap: var(--space-6); padding-top: var(--space-2); padding-right: var(--space-2); padding-bottom: var(--space-2); padding-left: var(--space-2)} html {background-color: var(--papier)} body {background: none}.brxe-form .form-group label {font-size: var(--text-label); font-style: italic; text-transform: none; font-weight: 500; color: var(--tinte-t-3)}.brxe-form .form-group .label {font-size: var(--text-label); font-style: italic; text-transform: none; font-weight: 500; color: var(--tinte-t-3)}.brxe-form ::placeholder {color: var(--gruen)}.brxe-form select {color: var(--gruen); font-size: var(--text-body); background-color: var(--papier-l-1); border: 1px solid var(--tinte-t-3); border-radius: var(--radius-md)}.brxe-form .form-group input {font-size: var(--text-body); background-color: var(--papier-l-1); border: 1px solid var(--tinte-t-3); border-radius: var(--radius-md)}.brxe-form textarea {font-size: var(--text-body); background-color: var(--papier-l-1); border: 1px solid var(--tinte-t-3); border-radius: var(--radius-md)}.brxe-form .flatpickr {background-color: var(--papier-l-1); border: 1px solid var(--tinte-t-3); border-radius: var(--radius-md)}.brxe-form .bricks-button {border: 1px solid var(--tinte-t-3); border-radius: var(--radius-md); font-size: var(--text-body); color: var(--mauve-d-3); padding-right: var(--space-9); padding-left: var(--space-9); background-color: var(--mauve-l-3)}.brxe-form .choose-files {border: 1px solid var(--tinte-t-3); border-radius: var(--radius-md)}@media (max-width: 478px) { .brxe-container {width: 95vw; padding-right: 2px; padding-left: 2px} .woocommerce main.site-main {width: 95vw} #brx-content.wordpress {width: 95vw}}