:root { --font-family: "Outfit", sans-serif; --blue-rgb: 45,83,128; --blue-light-rgb: 90,143,204; --red: #aa3c44; --error: var(--red);  --page-width: 2048px; --header-height: 101px; --header-height-mobile: 69px; --gap: 1rem; --section-padding-y: 5rem; --border-radius: 0.5rem; --transition-duration: 0.25s; --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) { html { margin-top: 0!important; } html #wpadminbar { display: none!important; } body.bricks-is-frontend.admin-bar #brx-header.sticky.scrolling { top: 0; } }  html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 0.5rem); } html, body { background-color: var(--white); font-family: var(--font-family); font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--blue); } body { min-height: 100svh; overflow-x: clip; } body.page-id-8, body.error404 { background-image: linear-gradient(to right, var(--blue) 10%, var(--blue-light)); color: var(--white); } ::selection { background-color: rgba(var(--blue-light-rgb),0.8); color: var(--white); } .hidden, [hidden] { display: none !important; opacity: 0; visibility: hidden; outline: none; } svg { width: 100%; height: 100%; } a, svg path, .section-title { transition: var(--transition); } body.bricks-is-frontend :focus-visible { outline: 2px dashed var(--blue-light); }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .ff_conv_app .vff h1 { margin-bottom: 2rem; font-weight: 600; line-height: normal; text-wrap: balance; } h1, .h1, .ff_conv_app .vff h1 { margin-top: 0; font-size: 4rem; } h2, .h2 { font-size: 2.273rem; } h3, .h3 { font-size: 2.045rem; } h4, .h4 { font-size: 1.591rem; } h5, .h5 { font-size: 1.136rem; } h6, .h6 { font-size: 1.05rem; } .bricks-type-lead span { display: block; font-size: 2.1em; line-height: 1.2; text-transform: uppercase; } @media (max-width: 991px) { h1, .h1, .ff_conv_app .vff h1 { font-size: 2.273rem; } h2, .h2 { font-size: 2.045rem; } h3, .h3 { font-size: 1.591rem; } h4, .h4 { font-size: 1.2rem; } h5, .h5 { font-size: 1.1rem; } h6, .h6 { font-size: 1.05rem; } } @media (max-width: 767px) { h1, .h1, .ff_conv_app .vff h1 { font-size: 2rem; } h2, .h2 { font-size: 1.75rem; } } .dsgvo-reference { font-size: 0.8rem; } strong, b { font-weight: 600; }  section { padding: var(--section-padding-y) 1rem; } section section { padding: 0; } .visually-hidden { position: absolute; top: -9999rem; left: -9999rem; width: 1px; height: 1px; border: 0; outline: none; overflow: hidden; white-space: nowrap; clip: rect(0 0 0 0); } :where(.brxe-text, p, table) + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } p { margin-bottom: 1em; } p:last-of-type { margin-bottom: 0; } .brxe-text a:not(.bricks-button) { text-decoration: underline; } .brxe-text a:not(.bricks-button), a.brxe-text-link .text { color: inherit; 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(--blue-light); } .brxe-text :where(ul, ol) { margin: 1.5em 0; padding-left: 1.75em; } .brxe-text :where(ul, ol):only-child { margin: 0; } .brxe-text ul { list-style: none; } .brxe-text :where(ol, ul) li:not(:last-child) { margin-bottom: 0.5em; } .brxe-text ul li { position: relative; } .brxe-text ul li:before { content: "•"; position: absolute; top: 0; left: -1em; } :where(.brxe-text, .brxe-text-basic) + .bricks-button { margin-top: 2rem; } .font--blue-light { color: var(--blue-light); } body.privacy-policy img { background-color: var(--white); }  header { --_header-border: 1px solid rgba(250, 250, 250, 0.2);  padding: 2rem 1rem; border-bottom: var(--_header-border); font-size: 1.136rem; color: var(--white);  content-visibility: visible !important; } header.scrolling { padding-top: 1rem; padding-bottom: 1rem; background-color: rgba(var(--blue-rgb),0.5); } header, nav.bricks-mobile-menu-wrapper:before { -webkit-backdrop-filter: blur(3.5px); backdrop-filter: blur(3.5px); } header .bricks-link-wrapper { line-height: 1; } header .invadox-logo path { transition: var(--transition); }  @keyframes logo-fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes logo-fade-in { from { opacity: 0; } to { opacity: 1; } }  header .logo-name path { opacity: 0; animation: logo-fade-in 0.25s forwards; } header .logo-name path:nth-child(2) { animation-delay: 0.1s; } header .logo-name path:nth-child(3) { animation-delay: 0.15s; } header .logo-name path:nth-child(4) { animation-delay: 0.2s; } header .logo-name path:nth-child(5) { animation-delay: 0.25s; } header .logo-name path:nth-child(6) { animation-delay: 0.3s; } header .logo-name path:nth-child(7) { animation-delay: 0.35s; }  header.scrolling .logo-name path { opacity: 1; animation: logo-fade-out 0.5s forwards; } header.scrolling .logo-name path:nth-child(6) { animation-delay: 0.1s; } header.scrolling .logo-name path:nth-child(5) { animation-delay: 0.15s; } header.scrolling .logo-name path:nth-child(4) { animation-delay: 0.2s; } header.scrolling .logo-name path:nth-child(3) { animation-delay: 0.25s; } header.scrolling .logo-name path:nth-child(2) { animation-delay: 0.3s; } header.scrolling .logo-name path:nth-child(1) { animation-delay: 0.35s; }  .bricks-button, .ff_conv_app .o-btn-action { padding: 0.5rem 1.4rem; border: 1px solid var(--blue-light); border-radius: 0; background-color: var(--blue-light); font-size: 1.25rem; font-weight: 600; line-height: normal; color: var(--white); text-wrap: balance; cursor: pointer; transition: var(--transition-duration); } .bricks-button.bricks-background-secondary { border-color: var(--blue); background-color: var(--blue); } .bricks-button:is(:hover, :focus), .ff_conv_app .o-btn-action:is(:hover, :focus) { border-color: var(--blue); background-color: var(--blue); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { background-color: var(--blue-light); border-color: var(--blue-light); }  .back-btn svg { transform: rotate(-90deg); }   form, .ff_conv_app { --_form-padding: 0.5rem; --_radio-size: 1rem; } .ffc_conv_wrapper, .ffc_conv_wrapper .ff_conv_app { height: 100%;  } .ff_conv_app .f-form-wrap > .q-form:first-child .f-enter-desc { display: none!important; } .ff_conv_app .vff { position: static; } .ff_conv_app .ffc_question { position: relative; } .ff_conv_app .ffc_question .f-tagline { position: absolute; bottom: calc(100% + 1em); left: 0; margin: 0; color: var(--blue-light); } .ff_conv_app .ffc-counter-div { font-size: 2em!important; opacity: 0.7; } .ff_conv_app .vff p, .ff_conv_app .vff .ff_conv_section_wrapper .ff_conv_input .fh2 .f-text { font-size: 1rem!important; line-height: 1.5; } .ff_conv_app .vff .fh2 span.f-sub .f-help, .ff_conv_app .vff .fh2 span.f-tagline .f-help { font-size: 0.9rem; }  .ff_conv_app .vff-footer .footer-inner-wrap { background-color: var(--white); color: var(--blue); } .ff_conv_app .footer-inner-wrap .f-nav { background-color: var(--blue); } .ff_conv_app .vff-footer .f-progress { width: 100%; } .ff_conv_app .vff-footer .f-progress-bar { background-color: var(--blue-light); } .ff_conv_app .vff-footer .f-progress-bar-inner { background-color: var(--blue); } .ff_conv_app .ff_completed p { font-size: 1.15em!important; } .shortcode-form .ff_form_not_render { margin: 0 auto; padding: 5rem; font-size: 1.15rem; text-align: center; }  .ff_conv_app label { color: var(--white); } .ff_conv_app input, .ff_conv_app select, .ff_conv_app textarea { padding: 0.5rem 1rem; border: 1px solid var(--white); background-color: transparent; line-height: normal; caret-shape: block; caret-color: var(--blue-light); } .ff_conv_app input::placeholder, .ff_conv_app select::placeholder, .ff_conv_app textarea::placeholder { font-size: 1rem; color: var(--blue-light); } .ff_conv_app textarea { min-height: 8rem; max-height: 15rem; resize: none; } .ff_conv_app textarea:focus-visible { outline: none; } .ff_conv_app select { background-color: var(--blue); } .ff_conv_app select option:checked { background-color: var(--blue-light); }  select, select option { font-family: var(--font-family); }  .ff_conv_app .vff ul.f-radios li span.f-key-hint { display: none!important; } .ff_conv_app .vff ul.f-radios li span.f-key { background-color: transparent; } .ff_conv_app input[type="radio"], .ff_conv_app input[type="checkbox"] { display: inline-block !important; top: 2px; width: var(--_radio-size); height: var(--_radio-size); margin-right: 0.25rem; padding: 0; opacity: 1 !important; appearance: none; } .ff_conv_app input[type="radio"] { border-radius: 50%; } .ff_conv_app input[type="radio"]:checked, .ff_conv_app input[type="checkbox"]:checked { box-shadow: inset 0 0 0 var(--_radio-size) var(--blue-light); } .ff_conv_app .vff ul.f-radios li.f-selected .ffc_check_svg path { fill: var(--white); }  .ix-icon, .ix-icon :where(rect, path) { transition: var(--transition); } .onboarding .ix-icon { position: absolute; top: 5rem; left: 0; z-index: 0; }   footer { padding: 7rem 1rem 2rem; font-size: 0.8rem; } .footer-socials a { color: inherit !important; } .footer-socials a:is(:hover, :focus) { color: var(--blue-light) !important; }