:root { --blue: #95a7bf; --orange: #fcc911; --brown: #c0ae94; --gray: #878680; --black: #3a3a3a; --white: #ffffff; --error: #a63b3b; --border-radius: 10px; --transition-duration: 0.5s; --header-height: 125px; --header-height-tablet: 97px; --header-height-mobile: 48px; }  @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky { top: 0; } }  html, body { overflow-x: hidden; font-family: "Raleway"; font-size: 16px; font-weight: 400; line-height: 2; color: var(--gray); } body { background-color: var(--white); } ::selection { background-color: var(--gray); color: var(--white); } .brxe-container.container-wide { width: 1300px; } .brxe-container.container-narrow { width: 900px; } .hidden { display: none; opacity: 0; visibility: hidden; } svg { width: 100%; height: 100%; }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 0.625em; font-family: "Cabin"; font-weight: 700; line-height: normal; text-wrap: balance; letter-spacing: -0.06em; } h1, .h1 { font-size: 4rem; } h2, .h2 { font-size: 2.9rem; } h3, .h3 { font-size: 2.1rem; } h4, .h4 { font-size: 1.6rem; } h5, .h5 { font-size: 1.4rem; } h6, .h6 { font-size: 1.2rem; } .brxe-heading.bricks-type-hero { font-size: 4.8rem; text-transform: uppercase; } @media (max-width: 991px) { h1, h1 { font-size: 2.9rem; } h2, .h2 { font-size: 2.1rem; } h3, .h3 { font-size: 1.6rem; } h4, .h4 { font-size: 1.4rem; } h5, .h5 { font-size: 1.2rem; } h6, .h6 { font-size: 1.1rem; } .brxe-heading.bricks-type-hero { font-size: 4rem; } } @media (max-width: 991px) { h1, .h1 { font-size: 2.35rem; } h2, .h2 { font-size: 1.8rem; } } .brxe-text + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } p { margin-bottom: 2em; } p:last-of-type { margin-bottom: 0; } b, strong { font-weight: 700; } .brxe-text a:not(.bricks-button), a.brxe-text-link .text { color: inherit; text-decoration: underline; transition: var(--transition-duration); } .brxe-text a:not(.bricks-button):is(:hover, :focus) { color: var(--orange); } a.brxe-text-link:is(:hover, :focus) :where(.icon, .text) { color: var(--orange); } .brxe-text ul { margin: 0; padding-left: 0; list-style: none; } .brxe-text ul li { position: relative; padding-left: 0.8rem; } .brxe-text ul li:not(:first-child) { margin-top: 1em; } .brxe-text ul li:before { content: "●"; position: absolute; top: 0; left: 0; } .dsgvo-reference { font-size: 0.8rem; }  section { padding: 7.5rem 1rem; } @media (max-width: 767px) { section { padding: 4.5rem 1rem; } } @media (max-width: 478px) { section { padding: 2rem 1rem; } }  header { position: relative; max-height: var(--header-height); padding: 4rem 1rem 2.25rem; color: var(--white); line-height: 1; overflow: hidden; transition: var(--transition-duration)!important; } header.scrolling { padding-top: 1rem; padding-bottom: 1rem; background-color: var(--blue); box-shadow: 0 0 1rem 0 var(--gray); }  body:not(.home, .page-id-12, .page-id-14) header { background-color: var(--blue); } body:not(.home, .page-id-12, .page-id-14) main { padding-top: var(--header-height); } @media (max-width: 767px) { header { padding-top: 2.25rem; } body:not(.home, .page-id-12, .page-id-14) main { padding-top: var(--header-height-tablet); } } @media (max-width: 478px) { header { padding-top: 1rem; padding-bottom: 1rem; } body:not(.home, .page-id-12, .page-id-14) main { padding-top: var(--header-height-mobile); } }  header nav { font-family: "Cabin"; } :where(header, footer) .brxe-nav-menu .bricks-nav-menu > li { margin-left: 0; } header a, footer a { padding-bottom: 0.2em; border-bottom: 2px solid transparent; line-height: normal; color: var(--white); transition: var(--transition-duration)!important; } header a:is(:hover, :focus) { color: var(--orange); }  header .brxe-nav-menu .bricks-mobile-menu-wrapper::before { background-color: var(--orange); opacity: 0.9; } header .brxe-nav-menu .bricks-mobile-menu > li { padding: 0.5rem 2rem; } header .brxe-nav-menu .bricks-mobile-menu > li > a { display: inline-block; width: auto; padding: 0; line-height: normal; } header .bricks-mobile-menu a:is(:hover, :focus) { color: var(--blue); }  .current-menu-parent a, a[aria-current="page"] { border-color: var(--white); }  .bricks-button { position: relative; display: inline-block; padding: 0.688rem 2rem 0.625rem; border: none; border-radius: var(--border-radius); background-color: var(--orange); font-size: 0.8rem; font-weight: 700; line-height: normal; color: var(--white); text-decoration: none; cursor: pointer; transition: var(--transition-duration); } .bricks-button.bricks-background-secondary { background-color: var(--white); color: var(--orange); } .bricks-button:is(:hover, :focus) { background-color: var(--blue); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { background-color: var(--orange); color: var(--white); }  .home .hero.brxe-section { max-height: 50rem; padding-bottom: 7.5rem; background-position: 82% 0%; } .page-id-12 .hero h1 { max-width: 10ch; } @media (max-width: 991px) { .home .hero.brxe-section { padding-bottom: 3rem; } }  .brxe-form input[type="text"], .brxe-form input[type="email"], .brxe-form input[type="tel"], .brxe-form input[type="number"], .brxe-form textarea { padding: 1rem 1.5rem; border: 2px solid var(--blue); border-radius: 5px; color: var(--gray); line-height: normal; } .brxe-form textarea { min-height: 12rem; max-height: 25rem; resize: vertical; } .brxe-form .submit-button-wrapper { display: block; width: 100%; text-align: right; } .brxe-form button[type="submit"] { padding: 1rem 3.5rem; }  footer#brx-footer { margin-top: 7rem; } footer #menu-footer-menu li { text-align: center; } footer #menu-footer-menu li a { display: inline; width: auto; } footer a:is(:hover, :focus), footer a[aria-current="page"] { color: var(--blue); } footer a[aria-current="page"] { border-bottom-width: 1px; border-color: var(--blue); }