:root { --green: #8f9967; --black: #313131; --gray: #ecebe7; --gray-dark: #a5a19e; --white: #ffffff; --error: #a63b3b; --black-rgb: 49, 49, 49; --transition-duration: 0.35s; }  @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky { top: 0; } }  html, body { overflow-x: hidden; font-family: "Montserrat"; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--black); } body { background-color: var(--white); } ::selection { background-color: var(--black); color: var(--white); } .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: 2.5rem; font-weight: 500; line-height: normal; color: var(--green); text-transform: uppercase; text-wrap: balance; } h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.25rem; } h3, .h3 { font-size: 1.55rem; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1.15rem; } h6, .h6 { font-size: 1.05rem; } @media (max-width: 991px) { h1, h1 { font-size: 2.25rem; } h2, .h2 { font-size: 1.75rem; } h3, .h3 { font-size: 1.3rem; } } :where(h2, h3, h4, h5, h6).bricks-type-lead { margin-bottom: 1rem; } .brxe-text + :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: 700; } .brxe-text a, a.brxe-text-link :where(.icon, .text) { transition: var(--transition-duration); } .brxe-text a, a.brxe-text-link .text { border-bottom: 1px solid var(--black); color: inherit; } .brxe-text a:is(:hover, :focus, :active) { border-color: var(--green); color: var(--green); } a.brxe-text-link .text { border-color: transparent; } a.brxe-text-link:is(:hover, :focus, :active) :where(.icon, .text) { color: var(--green); } a.brxe-text-link:is(:hover, :focus, :active) .text { border-bottom: 1px solid var(--green); } .brxe-text ul { margin: 1.5em 0; padding-left: 1.5em; } .brxe-text ul li::marker { content: "⬩ "; color: var(--green); } .dsgvo-reference { font-size: 0.8rem; }  section { padding: 5rem 3.75rem 6.25rem; } @media (max-width: 767px) { section { padding-left: 1rem; padding-right: 1rem; } } @media (max-width: 478px) { section { padding: 1.875rem 1rem 2.5rem; } }  header { position: relative; padding: 3rem 1rem 1rem; color: var(--white); line-height: normal; overflow: hidden; transition-property: all !important; } header, header .brxe-logo { transition-duration: 0.5s !important; } header.scrolling { padding-top: 1rem; background-color: var(--white); box-shadow: 0 0 1rem 0 rgba(var(--black-rgb), 0.5); } header.scrolling .brxe-logo { transform: translateY(-15%); }  :where(header, footer, .bricks-nav-menu) a:focus-visible { outline: none !important; } footer a, .bricks-nav-menu a, .bricks-mobile-menu a { position: relative; padding-bottom: 2px; transition: var(--transition-duration) !important; } footer a:before, .bricks-nav-menu a:before, .bricks-mobile-menu a:before { content: ""; position: absolute; bottom: 0; left: 50%; right: 50%; width: auto; height: 1px; background-color: var(--black); transition: calc(var(--transition-duration) + 0.2s); } .bricks-nav-menu a:is(:hover, :focus) { color: var(--black); } .bricks-mobile-menu a:is(:hover, :focus) { color: var(--gray-dark); } footer a:is(:hover, :focus):before, .bricks-nav-menu a:is(:hover, :focus):before, .bricks-mobile-menu a:is(:hover, :focus):before { left: 0; right: 0; background-color: var(--black); } .bricks-mobile-menu a:is(:hover, :focus):before { background-color: var(--gray-dark); } .bricks-nav-menu a, header .brxe-nav-menu .bricks-mobile-menu-wrapper li a { line-height: normal; }  .bricks-mobile-menu { padding: 1.5rem 0; } .bricks-mobile-menu li { padding: 0.5rem 1rem; } .brxe-nav-menu .bricks-mobile-menu li a { display: inline-block; width: auto; line-height: normal; } .bricks-mobile-menu a[aria-current="page"] { padding-bottom: 5px !important; }  .current-menu-parent a, a[aria-current="page"], .brxe-nav-menu a[aria-current="page"], :where(.brxe-nav-menu) .bricks-nav-menu .sub-menu a[aria-current="page"] { color: var(--green); } .brxe-nav-menu a[aria-current="page"]:before { left: 0; right: 0; } header .bricks-mobile-menu a[aria-current="page"]:before, footer a[aria-current="page"]:before { background-color: var(--green); }  .bricks-button, .bricks-button.bricks-background-primary { display: inline-block; min-width: 33ch; max-width: 100%; padding: 0.75rem 1.5rem; border: 1px solid var(--green); background-color: transparent; font-weight: 700; color: var(--green); line-height: normal; text-wrap: balance; cursor: pointer; transition: var(--transition-duration); } .bricks-button svg { width: auto; height: 1rem; margin-left: 0.75rem; vertical-align: sub; } .bricks-button svg path { transition: var(--transition-duration); } .bricks-button.bricks-background-secondary svg path, .bricks-button:is(:hover, :focus) svg path { fill: var(--white); } .bricks-button.bricks-background-secondary { border-color: var(--white); color: var(--white); } .bricks-button:is(:hover, :focus), .bricks-button.bricks-background-primary:is(:hover, :focus), .bricks-button.bricks-background-secondary:is(:hover, :focus) { border-color: var(--black); background-color: var(--black); color: var(--white); } @media (max-width: 767px) { .bricks-button, .bricks-button.bricks-background-primary { min-width: unset; } }   body .hero { height: 80svh; } body.home .hero { height: 100svh; padding-bottom: 10rem; } @media (max-width: 767px) { body.home .hero { padding-bottom: 15vw; } }  .ix-steinarten, .ix-steinarten-container { --transition-duration: 0.5s; --transition-delay: 0.35s; overflow: hidden; transition-duration: var(--transition-duration); } .ix-steinarten { transition-duration: var(--transition-duration); transition-delay: var(--transition-delay); } .ix-steinarten-heading { margin-bottom: 0; } .ix-steinarten-text { height: 0; opacity: 0; transition-duration: var(--transition-duration); transition-delay: 0s; } .ix-steinarten.brxe-div:is(:hover, :focus) { padding: 0; transition-duration: var(--transition-duration); transition-delay: 0s; } .ix-steinarten:is(:hover, :focus) .ix-steinarten-text { opacity: 1; transition-duration: var(--transition-duration); transition-delay: var(--transition-delay); } @media (max-width: 767px) { .ix-steinarten-container .ix-steinarten-text { opacity: 1; } }  .brxe-form input, .brxe-form textarea { border: 1px solid var(--black); color: var(--black); line-height: normal; transition: var(--transition-duration); } .brxe-form textarea { min-height: 12rem; max-height: 25rem; resize: vertical; } .brxe-form input:is(:hover, :focus, :focus-visible), .brxe-form textarea:is(:hover, :focus, :focus-visible) { outline: none; border-color: var(--green); } .brxe-form .submit-button-wrapper button { min-width: unset; max-width: 33ch; }  footer { padding: 3.125rem 1rem 1rem; border-top: 1px solid var(--green); background-color: var(--gray); } footer .bricks-nav-menu li:not(:last-child) { margin-bottom: 0.5rem; } footer #menu-footer-menu a { display: inline; } @media (min-width: 479px) { footer a:is(:hover, :focus, :active), footer a[aria-current="page"] { color: var(--green); } footer .bricks-nav-menu a:before { left: 0; right: 100%; } }