:root { --red-rgb: 206,0,3; --error: #9a090b;  --page-width: 2048px; --header-height: 88px; --header-height-mobile: 56px; --header-top-spacing: 2rem; --gap: 1rem; --section-padding: 4rem; --border-width: 1px; --border-radius: 1.2rem; --slider-arrow-size: 2.5rem; --transition-duration: 0.5s; --transition: ease var(--transition-duration); } @media (max-width: 991px) { :root { --header-height: var(--header-height-mobile); --header-top-spacing: 1rem; --section-padding: 3rem; } } @media (max-width: 478px) { :root { --header-top-spacing: 0.5rem; --section-padding: 2rem; } }  @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky.scrolling { top: 0; } }  html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + var(--header-top-spacing)); } html, body { font-family: "Figtree"; font-size: 16px; font-weight: 400; line-height: normal; color: var(--font-color); } body { background-color: var(--white); overflow-x: clip; } ::selection { background-color: rgba(var(--red-rgb),0.8); color: var(--white); } .hidden, [hidden] { display: none!important; opacity: 0; visibility: hidden; } svg { width: 100%; height: 100%; } body.bricks-is-frontend :focus-visible { outline: 2px solid var(--red); }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 0.45em; font-weight: 500; line-height: normal; text-wrap: balance; } h1, .h1 { font-size: 3.2rem; font-weight: 700; } h2, .h2 { font-size: 2.4rem; } h3, .h3, .hero :where(h1, h2):not(.bricks-type-lead) { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1.1rem; } .brxe-heading.bricks-type-hero { font-size: 4.8rem; } @media (max-width: 991px) { h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 1.75rem; } h3, .h3, .hero :where(h1, h2):not(.bricks-type-lead) { font-size: 1.5rem; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1.15rem; } h6, .h6 { font-size: 1.05rem; } .brxe-heading.bricks-type-hero { font-size: 3rem; } } @media (max-width: 767px) { h1, .h1 { font-size: 1.75rem; } h2, .h2 { font-size: 1.5rem; } h3, .h3 { font-size: 1.25rem; } h4, .h4 { font-size: 1.185rem; } .brxe-heading.bricks-type-hero { font-size: 2rem; } } .brxe-text + :where(h2, h3, h4, h5, h6), :where(p, ul, ol) + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } p { margin-bottom: 1.75em; } p:last-of-type { margin-bottom: 0; } b, strong { font-weight: 500; } 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(--red); } .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(--red); } .dsgvo-reference { font-size: 0.8rem; }  section { padding: var(--section-padding) 1rem; } section section { padding: 0; } header + main > section:first-child { padding-top: calc(var(--header-height) + var(--header-top-spacing)); } .no-margin-bottom { margin-bottom: 0; }  header { padding: 0 1rem; content-visibility: visible !important; }  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), div.brxe-nav-menu .bricks-mobile-menu-wrapper a:is(:hover, :focus) { color: var(--red); }  :where(header, footer) .brx-submenu-toggle.icon-right button { width: 1rem; }  .brxe-nav-menu .bricks-mobile-menu-wrapper { color: inherit!important; } .bricks-mobile-menu { padding: 1.5rem 0; } .bricks-mobile-menu li { padding: 0.5rem 1rem; }  .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(--red); }  .bricks-button { padding: 0.6rem 1.25rem; border-radius: 0.6rem; background-color: var(--red); font-size: 0.8rem; line-height: normal; color: var(--white); cursor: pointer; transition: var(--transition); } .bricks-button:after { content: ""; display: inline-block; width: 0.7em; height: 0.7em; background-image: url('/wp-content/uploads/button-arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } .bricks-button.bricks-background-secondary { background-color: var(--blue); } .bricks-button:is(:hover, :focus) { background-color: var(--blue); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { background-color: var(--red); }   .hero-banner > * { position: relative; z-index: 2; } .hero-banner:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 100vw; border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); background-color: rgba(var(--red-rgb),0.6); z-index: 0; } .hero-banner--white:before { background-color: rgba(255,255,255,0.6); }  .brxe-form { --_form-padding: 0.5rem; } .brxe-form input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { padding: 0.5rem 1rem; box-shadow: var(--box-shadow); 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: "Inter", sans-serif; } .brxe-form .submit-button-wrapper { display: block; width: 100%; padding: 0 var(--_form-padding); }  footer { padding: 0 1rem 1rem; }