:root { --font-family: "Public Sans", sans-serif; --font-color: var(--black); --black-rgb: 43,43,43; --green-rgb: 40,164,179; --error: #a63b3b;  --page-width: 2048px; --header-height: 147px; --header-height-mobile: 123px; --gap: 1rem; --section-padding-y: 5rem; --slider-arrow-size: 2.5rem; --checkbox-size: 1em; --border-width: 2px; --border-radius: 1.5rem; --border-image: linear-gradient(rgba(var(--black-rgb),0.8) 101%, transparent) 0 fill; --box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--black-rgb), 0.25); --transition-duration: 0.35s; --transition: ease var(--transition-duration); } @media (max-width: 991px) { :root { --section-padding-y: 3.5rem; } } @media (max-width: 787px) { :root { --header-height: var(--header-height-mobile); } }  @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.4; color: var(--font-color); } body { background-color: var(--white); overflow-x: clip; } ::selection { background-color: rgba(var(--green-rgb), 0.8); color: var(--white); } .hidden, [hidden] { display: none!important; opacity: 0; visibility: hidden; } body.bricks-is-frontend :focus-visible { outline: 2px dotted var(--green); } * { scrollbar-color: var(--green) var(--neutral); scrollbar-width: thin; }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 0.5em; font-weight: 600; text-wrap: balance; } h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.25rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1.1rem; } :where(h1, h2, h3, h4, h5, h6) span { color: var(--green); } @media (max-width: 991px) { h1, .h1 { font-size: 2.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.25rem; } } b, strong { font-weight: 700; } a, a.brxe-text-link .text, a.brxe-text-link .icon { transition: var(--transition); } .brxe-text a:not(.bricks-button), .brxe-text-basic a:not(.bricks-button), :where(p, ul, ol) a:not(.bricks-button) { text-decoration: underline; color: inherit; } a:not(.bricks-button):is(:hover, :focus), a.brxe-text-link:is(:hover, :focus) :where(.icon, .text), :where(p, ul, ol) a:not(.bricks-button):is(:hover, :focus) { color: var(--green); } :where(.brxe-text, .brxe-text-basic) :where(ul, ol) { margin: 1.5em 0; padding-left: 1.5em; } :where(.brxe-text, .brxe-text-basic) :where(ul, ol) li:not(:last-child) { margin-bottom: 0.5em; } :where(.brxe-text, .brxe-text-basic) :where(ul, ol) ::marker { color: var(--green); } .dsgvo-reference { font-size: 0.8rem; } .copyright .ix-link { text-decoration: none!important; }  section { padding: var(--section-padding-y) 1rem; } section section { padding: 0; } .brxe-container { align-items: center; } .brxe-container.container--left { align-items: flex-start; } header + main, header + .hero { margin-top: var(--header-height); } .hero, .banner { width: 100%; max-width: var(--page-width); } .text--center { text-align: center; } .text--medium { width: 85ch; } .text--narrow { width: 65ch; } .text--green { color: var(--green); } .text--black { color: var(--black); } .text--white { color: var(--white); } .text--neutral { color: var(--neutral); } :where(figure, img) { border-radius: var(--border-radius); } :where(figure, img).no-border-radius, a.no-border-radius :where(figure, img) { border-radius: 0; }  .brxe-text + :where(h2, h3, h4, h5, h6), :where(p, ul, ol) + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } p { margin-bottom: 1em; } p:last-of-type { margin-bottom: 0; } :where(ul, ol):only-child { margin: 0; } :where(p, ul, ol, .brxe-text, .brxe-text-basic) + .bricks-button { margin-top: 2rem; } .no-margin-bottom { margin-bottom: 0; }  header { height: var(--header-height); box-shadow: var(--box-shadow); background-color: var(--white);  content-visibility: visible !important; } #brx-header.brx-sticky.slide-up { transform: translateY(-106%)!important; } @media (max-width: 478px) { header .link--tel .text, header .link--mail .text { display: none; } }  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; text-decoration: none; } 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(--green); }  .main-menu .sub-menu, .main-menu.brxe-nav-menu .bricks-mobile-menu-wrapper { background-color: var(--white); color: var(--black); } .main-menu .brx-submenu-toggle button { color: var(--green); } .main-menu .bricks-nav-menu .sub-menu { padding: 0.5em 0; box-shadow: var(--box-shadow); } @layer bricks { .main-menu.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu.brx-submenu-positioned { background-color: var(--neutral)!important; } } .main-menu .sub-menu a { padding: 0.25em 1em; }  .main-menu.brxe-nav-menu .bricks-mobile-menu-wrapper { padding-top: var(--header-height); } .brxe-nav-menu .bricks-mobile-menu-wrapper::before { display: none; } .main-menu .bricks-mobile-menu-wrapper ul { width: 100%; } .main-menu .bricks-mobile-menu-wrapper li > :where(a, div) { padding: 0.5rem 1rem; } .main-menu .bricks-mobile-menu-wrapper li .brx-submenu-toggle :where(a, button) { padding: 0; } .main-menu .bricks-mobile-menu-wrapper li .brx-submenu-toggle button { margin-left: 0; padding-left: 1rem; } .main-menu.brxe-nav-menu .bricks-mobile-menu-wrapper li .brx-submenu-toggle { justify-content: flex-end; }  .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(--green); }  .bricks-button { padding: 0.75em 1.5em; border: 1px solid var(--green); border-radius: 2em; background-color: var(--green); font-size: 1rem; line-height: normal; color: var(--white); transition: var(--transition); } .bricks-button.bricks-background-secondary { border-color: var(--black); background-color: var(--black); } .bricks-button:is(:hover, :focus) { background-color: var(--black); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { background-color: var(--green); }   .hero, .banner { border-image: var(--border-image); } .hero__headline span { display: block; font-size: 0.5em; }  .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 .split__img:not(.split__img--textonly) { max-height: 25rem; } .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; } }  .box { background-color: var(--neutral); } .bg--neutral .box { background-color: var(--white); } .box--job summary, .box--job .job__content { padding: 2rem; border-radius: var(--border-radius); background-color: var(--neutral); } .box--job summary { list-style: none; transition: background-color var(--transition-duration), color var(--transition-duration); cursor: pointer; } .box--job summary:is(:hover, :focus), .box--job[open] summary { background-color: var(--green); color: var(--white); } .box--job[open] summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .box--job[open] .job__content { border-top-left-radius: 0; border-top-right-radius: 0; } .box--job strong { color: var(--green); } @media (max-width: 478px) { .box--job summary, .box--job .job__content { padding: 1rem; } }  .teaser { overflow: hidden; } .teaser, .teaser > * { position: relative; } .teaser > * { z-index: 2; } .teaser:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(var(--black-rgb), 0.8); z-index: 0; transition: var(--transition); } .teaser:is(:hover, :focus):before { background-color: rgba(var(--green-rgb), 0.8); }  .check-list ul { padding-left: 0; list-style: none; } .check-list li { position: relative; padding-left: 2em; } .check-list li:before { content: url("/wp-content/uploads/check.svg"); position: absolute; top: 0; left: 0; display: block; width: 1.5rem; height: 1.5rem; padding: 0.15rem; border-radius: 50%; background: var(--white); line-height: 1; }  .slider--testimonials .splide__track { padding-top: 1rem; } .slider--testimonials .box:before { content: '"'; position: absolute; top: -1.25rem; left: 1rem; font-size: 5rem; line-height: 1; color: var(--green); } .testimonial__person .icon { padding: 1em; border-radius: 50%; background: var(--white); color: var(--green); }  a:is(:hover, :focus) .icon--big { background-color: var(--black); }  .brxe-form { --_form-padding: 0.5rem; }  .brxe-form input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { padding: 0.75em 1em; border-radius: 0.5rem; line-height: normal; } .brxe-form textarea { min-height: 8rem; max-height: 25rem; resize: vertical; } .brxe-form input:not([type="radio"], [type="checkbox"])::placeholder, .brxe-form textarea::placeholder { color: transparent; }  .brxe-form select, .brxe-form select option { font-family: var(--font-family); }  .brxe-form ul.options-wrapper li { display: flex; flex-flow: row nowrap; align-items: flex-start; column-gap: 0.5em; } .brxe-form input[value="datenschutz"] + label { max-width: 70ch; font-size: 0.85em; font-weight: 400; } .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]) { width: var(--checkbox-size); min-width: var(--checkbox-size); height: var(--checkbox-size); border: var(--border-width) solid var(--neutral); border-radius: 0.25em; font-size: var(--checkbox-size); appearance: none; } .brxe-form ul.options-wrapper input[type="radio"] { border-radius: 50%; } .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]):checked { border-color: var(--green)!important; background-color: var(--green)!important; }  .brxe-form .submit-button-wrapper { display: block; width: 100%; padding: 1rem var(--_form-padding) 0; }  footer { padding: 3rem 1rem; background-color: var(--black); font-size: 0.875rem; color: var(--neutral); } footer .logo .logo-color-black { fill: var(--white); }  .logo--header { }  @keyframes logo-fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes logo-fade-in { from { opacity: 0; } to { opacity: 1; } }  .logo--header .text path, .logo--header .feet path { opacity: 0; animation: logo-fade-in 0.4s forwards; } .logo--header .text path:first-child { animation-delay: 0.2s; } .logo--header .text path:last-child { animation-delay: 0.5s; } .logo--header .feet path:nth-child(1) { animation-delay: 0.25s; } .logo--header .feet path:nth-child(2) { animation-delay: 0.5s; } .logo--header .feet path:nth-child(3) { animation-delay: 0.8s; } .logo--header .feet path:nth-child(4) { animation-delay: 1.1s; } .logo--header .feet path:nth-child(5) { animation-delay: 1.4s; } .logo--header .feet path:nth-child(6) { animation-delay: 1.7s; } .logo--header .feet path:nth-child(7) { animation-delay: 2s; }