:root { --font-family: "Inter", sans-serif; --font-family-heading: "Cormorant Unicase", serif; --font-color: var(--black); --black-rgb: 26,26,26; --error: #a63b3b;  --page-width: 2048px; --header-height: 84px; --header-height-mobile: 57px; --gap: 1rem; --section-padding-y: 5rem; --slider-arrow-size: 2.5rem; --border-width: 2px; --border-image: linear-gradient(rgba(var(--black-rgb),0.6) 101%, transparent) 0 fill; --transition-duration: 0.5s; --transition: ease var(--transition-duration); } @media (max-width: 991px) { :root { --header-height: var(--header-height-mobile); --section-padding-y: 3.5rem; } }  @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky.scrolling { top: 0; } }  html { scroll-behavior: smooth; scroll-padding-top: var(--header-height); } html, body { font-family: var(--font-family); font-size: 16px; font-weight: 400; line-height: 1.6; color: var(--font-color); } body { background-color: var(--white); overflow-x: clip; } ::selection { background-color: var(--gray-dark); color: var(--white); } .hidden, [hidden] { display: none!important; opacity: 0; visibility: hidden; } body.bricks-is-frontend :focus-visible { outline: 2px solid var(--gray-dark); }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 0.5em; font-family: var(--font-family-heading); font-weight: 500; line-height: normal; } h1, .h1 { font-size: 5rem; font-weight: 600; } h2, .h2 { font-size: 2.75rem; } h3, .h3 { font-size: 2rem; } h4, .h4 { font-size: 1.75rem; } h5, .h5 { font-size: 1.5rem; } h6, .h6 { font-size: 1.25rem; } @media (max-width: 991px) { h1, .h1 { font-size: 3.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1.15rem; } } @media (max-width: 767px) { h1, .h1 { font-size: 2.75rem; } } .brxe-heading span { display: block; color: var(--gray-dark); } p { margin-bottom: 1.75em; } p:last-of-type { margin-bottom: 0; } b, strong { font-weight: 700; } a { transition: var(--transition); } .brxe-text a:not(.bricks-button), .brxe-text-basic a:not(.bricks-button) { text-decoration: underline; color: inherit; } .brxe-text a:not(.bricks-button), .brxe-text-basic a:not(.bricks-button), a.brxe-text-link .text, a.brxe-text-link .icon { transition: var(--transition); } a.brxe-text-link .icon path { fill: currentColor; } .brxe-text a:not(.bricks-button):is(:hover, :focus), a.brxe-text-link:is(:hover, :focus) :where(.icon, .text) { color: var(--gray-dark); } .brxe-text :where(ul, ol) { margin: 1.5em 0; padding-left: 1.5em; } .brxe-text :where(ol, ul) li:not(:last-child) { margin-bottom: 0.5em; } .brxe-text ul ::marker { color: var(--black); } .dsgvo-reference { font-size: 0.8rem; } .text--gray { color: var(--gray-dark); }  section { padding: var(--section-padding-y) 1rem; } section section { padding: 0; } header + main, header + .hero { margin-top: var(--header-height); } .banner { width: 100%; max-width: var(--page-width); } .brxe-container { align-items: center; }  .brxe-text + :where(h2, h3, h4, h5, h6), :where(p, ul, ol) + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } :where(p, ul, ol, .brxe-text, .brxe-text-basic) + .bricks-button { margin-top: 2rem; }  header { height: var(--header-height); padding: 1rem; background-color: var(--white); color: var(--black);  content-visibility: visible !important; } header.scrolling { box-shadow: 0 0 1rem 0 rgba(0,0,0,0.5); } #brx-header.brx-sticky.slide-up:not(:has(.cart-detail.off-canvas.active, .brxe-offcanvas.brx-open)) { transform: translateY(-106%); } @media (max-width: 991px) { header { padding-top: 0.5rem; padding-bottom: 0.5rem; } }  div.brxe-nav-menu .bricks-nav-menu a, div.brxe-nav-menu .bricks-mobile-menu-wrapper a, div.brxe-nav-menu .bricks-nav-menu .sub-menu a { color: inherit; line-height: normal; } div.brxe-nav-menu .bricks-nav-menu a:is(:hover, :focus) { color: var(--gray-dark); }  .bricks-mobile-menu { width: 100%; padding-top: 4.5rem; } div.brxe-nav-menu .bricks-mobile-menu-wrapper a:is(:hover, :focus) { background-color: var(--white); color: var(--font-color); }  .aria-current > a, a[aria-current="page"]:not(.bricks-button), div.brxe-nav-menu :where(.bricks-nav-menu, .bricks-mobile-menu) a[aria-current="page"], div.brxe-nav-menu :where(.bricks-nav-menu, .bricks-mobile-menu) .current-menu-parent > div > a, div.brxe-nav-menu :where(.bricks-nav-menu, .bricks-mobile-menu) .sub-menu a[aria-current="page"] { color: var(--gray-dark); text-decoration: underline; }  .footer__nav--service.brxe-nav-menu .bricks-nav-menu { flex-wrap: wrap; }  .bricks-button { padding: 0.5rem 1rem; border: 1px solid var(--black); background-color: var(--black); line-height: normal; color: var(--white); text-transform: uppercase; cursor: pointer; transition: var(--transition-duration); } .bricks-button.bricks-background-secondary { background-color: var(--white); color: var(--black); } .bricks-button:is(:hover, :focus) { background-color: var(--white); color: var(--black); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { background-color: var(--black); color: var(--white); }   .hero--slider { border-image: var(--border-image); background: none!important; }  .brxe-icon path { transition: var(--transition); } .box { border-color: var(--gray); transition: var(--transition); } .box--gray { background-color: var(--gray-bg); } .box:hover { border-color: var(--black); background-color: var(--black); color: var(--white); } .box:not(.box--contact):hover .brxe-icon path { fill: var(--white); }  .split { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: var(--gap); } .split--reversed { flex-direction: row-reverse; } .split--40-60 .split__img { width: calc(40% - var(--gap) / 2); } .split--40-60 .split__content { width: calc(60% - var(--gap) / 2); } .split--30-70 .split__img { width: calc(30% - var(--gap) / 2); } .split--30-70 .split__content { width: calc(70% - var(--gap) / 2); } .split--50-50 .split__img, .split--50-50 .split__content { width: calc(50% - var(--gap) / 2); } .split__img-img { width: 100%; height: 100%; max-height: inherit; object-fit: cover; object-position: center center; } @media (max-width: 767px) { .split .split__img, .split .split__content { width: 100%; } .split .split__img { max-width: 45rem; max-height: 25rem; } }  .list--alt { padding-left: 0; list-style: none; } .list--alt li { padding: 0.5rem 1rem; border-left: 1px solid var(--white); } .list--alt li:not(:first-child) { margin-top: 2rem; }  .counter--plus:before { content: "+"; position: relative; top: -0.25em; margin-right: 0.25rem; }  .brxe-form { --_form-padding: 0.5rem; } .brxe-form input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { border: none; padding: 0.75rem; background-color: var(--white); line-height: normal; } .brxe-form textarea { min-height: 8rem; max-height: 25rem; resize: vertical; }  .brxe-form select, .brxe-form select option, .variations_form select, .variations_form select option { font-family: var(--font-family); } .brxe-form label { font-family: var(--font-family-heading); font-size: 1.1rem; font-weight: 500; text-transform: none; } .brxe-form .submit-button-wrapper { width: 100%; padding: 0 var(--_form-padding); } .brxe-form .submit-button-wrapper .bricks-button { margin-top: 1rem; padding-top: 1.25rem; padding-bottom: 1.25rem; }  footer { padding: 4rem 1rem; background-color: var(--black); font-size: 0.9rem; color: var(--white); }