:root { --font-family: "Nunito Sans", sans-serif; --font-heading: "Gupter", Georgia, serif; --font-script: "Grape Nuts", cursive; --color-hover: #368C3C; --color-brand-rgb: 24,2,2; --color-action-rgb: 67,173,74; --color-dark-rgb: 24,2,2; --color-light-rgb: 235,227,219; --error: #a63b3b;  --page-width: 2048px; --header-height: 148px; --header-height-mobile: 72px; --hero-min-height: 700px; --split-min-height: 500px;  --text-size: 1.0625rem; --script-size: 3.25rem;  --gap: 2rem; --section-padding-y: 6rem; --spacing: 1.5rem; --border-width: 1px; --border-radius: 0; --border-image: linear-gradient(rgba(var(--color-dark-rgb),0.7) 101%, transparent) 0 fill; --border-image-hero: linear-gradient(to right, rgba(var(--color-dark-rgb),0.75) 20%, rgba(var(--color-dark-rgb),0.1) 75%) 0 fill; --box-shadow: 0 0.25rem 0.75rem 0 rgba(var(--color-dark-rgb), 0.15);  --transition-duration: 0.5s; --transition: ease var(--transition-duration); --animation-speed: 0.3s; } @media (max-width: 991px) { :root { --header-height: var(--header-height-mobile); --section-padding-y: 4.5rem; --script-size: 2.25rem; } } @media (max-width: 767px) { :root { --section-padding-y: 3rem; --text-size: 1rem; --script-size: 1.75rem; } }  @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.5; color: var(--color-black); } body { font-size: var(--text-size); background-color: var(--color-light); overflow-x: clip; } ::selection { background-color: var(--color-action); color: var(--color-dark); } .hidden, [hidden] { display: none!important; opacity: 0; visibility: hidden; } body.bricks-is-frontend :focus-visible { outline: 2px solid var(--color-action); outline-offset: 2px; } * { scrollbar-color: var(--color-action) var(--color-light); scrollbar-width: thin; }  section[data-wpr-lazyrender="1"] { content-visibility: visible; }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: var(--spacing); font-family: var(--font-heading); font-weight: 400; line-height: 1.05; text-wrap: balance; } h1, .h1 { font-size: 5rem; } h2, .h2 { font-size: 4rem; } h1, .h1, h2, .h2 { margin-bottom: calc(var(--spacing) * 1.5); } h3, .h3 { font-size: 2.5rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5, .eyebrow { font-size: 1.25rem; } h6, .h6 { font-size: 1.125rem; } @media (max-width: 991px) { h1, .h1 { font-size: 3.5rem; } h2, .h2 { font-size: 3rem; } h3, .h3 { font-size: 2rem; } h4, .h4 { font-size: 1.375rem; } h5, .h5, .eyebrow { font-size: 1.15rem; } h6, .h6 { font-size: 1.05rem; } } @media (max-width: 767px) { h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2.25rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.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), label a { text-decoration: underline; color: var(--color-brand); } 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), label a:is(:hover, :focus) { color: var(--color-action); }  .bg--dark :is(.brxe-text, .brxe-text-basic) a:not(.bricks-button), .bg--dark label a { color: var(--color-action); } .bg--dark :is(.brxe-text, .brxe-text-basic) a:not(.bricks-button):is(:hover, :focus), .bg--dark label a:is(:hover, :focus) { color: var(--color-white); } .dsgvo-reference { font-size: 0.8rem; }  body.error404 { min-height: 100svh; } section { padding: var(--section-padding-y) 1rem; } section section { padding: 0; } section:not([class*="bg--"], .hero) + section:not([class*="bg--"]) { padding-top: var(--spacing); }  section.section--flush { padding: 0; } .brxe-container { align-items: center; } .brxe-container.container--left { align-items: flex-start; } .brxe-container.container--wide { width: 1650px; } .brxe-container.container--medium { width: 1280px; } .brxe-container.container--narrow { width: 980px; } header + main, header + .hero { margin-top: var(--header-height); } .brxe-text :where(ul, ol) { padding-left: 1.5em; } .brxe-text :where(ol, ul):first-child { margin-top: 0; } .brxe-text :where(ol, ul):last-child { margin-bottom: 0; } .brxe-text :where(ol, ul):only-child { margin: 0; } .brxe-text :where(ol, ul) li:not(:last-child) { margin-bottom: 0.5em; } .brxe-text ul ::marker { color: var(--color-brand); } .bg--dark .brxe-text ul ::marker { color: var(--color-action); }  .bg--dark, .feature-grid--boxed .feature { background-color: var(--color-dark); color: var(--color-white); } .bg--light { background-color: var(--color-light); color: var(--color-black); } :is(.bg--dark, .feature-grid--boxed .feature) :is(h1, h2, h3, h4, h5, h6) { color: var(--color-white); }  p { margin-bottom: var(--spacing); } p:last-of-type { margin-bottom: 0; } .brxe-text :where(ul, ol) { margin: var(--spacing) 0; padding-left: 2.5ch; } .brxe-text :where(ul, ol):first-child { margin-top: 0; } .brxe-text :where(ul, ol):last-child { margin-bottom: 0; } .brxe-text :where(ul, ol):only-child { margin: 0; } .brxe-text + :where(h2, h3, h4, h5, h6), :where(p, ul, ol) + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } :where(p, ul, ol, .brxe-text, .brxe-text-basic) + :where(.button-wrapper, .bricks-button) { margin-top: calc(var(--spacing) * 2); }  .flex-wrapper { --width-2: calc(50% - var(--gap) / 2); --width-3: calc(33.33% - var(--gap) / 1.5); --width-4: calc(25% - var(--gap) / 1.25); } .text--left { text-align: left; } .text--center { text-align: center; } .text--wide { width: 90ch; } .text--medium { width: 83ch; } .text--narrow { width: 64ch; } .text--small { width: 46ch; } .text--wide, .text--medium, .text--narrow, .text--small { max-width: 100%; } .mt-0 { margin-top: 0; } .mt-1 { margin-top: 1rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; } .mt-auto { margin-top: var(--spacing); } .mb-0 { margin-bottom: 0; } .mb-1 { margin-bottom: 1rem; } .mb-2 { margin-bottom: 2rem; } .mb-3 { margin-bottom: 3rem; } .mb-auto { margin-bottom: var(--spacing); }  header { height: var(--header-height); padding: 1.5rem 1rem; background-color: var(--color-brand); color: var(--color-white);  content-visibility: visible !important; } header.scrolling { box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.35); } @media (max-width: 991px) { header { padding-top: 0.5rem; padding-bottom: 0.5rem; } }  .brxe-nav-menu .bricks-nav-menu a, .brxe-nav-menu .bricks-mobile-menu-wrapper li a { color: inherit; line-height: normal; text-decoration: none; } .brxe-nav-menu .bricks-nav-menu a:is(:hover, :focus), .brxe-nav-menu .bricks-mobile-menu-wrapper a:is(:hover, :focus) { color: var(--color-action); }  :where(header, footer) .brx-submenu-toggle.icon-right button { margin-left: 0; padding: 0 0.25em; } header .sub-menu { background-color: var(--color-brand); color: var(--color-white); } @layer bricks { .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu { background-color: var(--color-brand)!important; }  .brxe-nav-menu .bricks-mobile-menu-wrapper:before { background-color: var(--color-brand); } } header .bricks-nav-menu-wrapper .sub-menu { box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.35); }  .bricks-mobile-menu { width: 100%; padding: var(--header-height) 0 var(--spacing); } .bricks-mobile-menu li { padding: 0.5rem 1rem; } .nav.brxe-nav-menu .bricks-mobile-menu-wrapper a { width: 100%!important; } header .bricks-mobile-menu .brx-submenu-toggle button[aria-expanded="true"] { transform: rotate(180deg); } @layer bricks { .brxe-nav-menu .bricks-mobile-menu { overflow-y: auto; scrollbar-width: none!important; } }  header ul:not(.sub-menu) > li > a, header ul:not(.sub-menu) > li > div > a, header .brxe-nav-menu .bricks-mobile-menu > li > a { position: relative; padding: 0.25em 0.5rem; } header ul:not(.sub-menu) > li > a::after, header ul:not(.sub-menu) > li > div > a::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; display: none; height: 2px; background-color: var(--color-action); } header ul:not(.sub-menu) > li > a[aria-current="page"]::after, header ul:not(.sub-menu) > li > div > a[aria-current="page"]::after, header ul:not(.sub-menu) > li > div.aria-current > a::after { display: block; } header ul.sub-menu a[aria-current="page"], footer .brxe-nav-menu .bricks-nav-menu a[aria-current="page"] { color: var(--color-action); }  .bricks-button { padding: 0.875rem 2.5rem; border: var(--border-width) solid var(--color-action); background-color: var(--color-action); font-weight: 600; line-height: normal; color: var(--color-white); cursor: pointer; transition: var(--transition-duration); } .bricks-button.bricks-background-secondary { border-color: var(--color-brand); background-color: var(--color-brand); } .bricks-button:is(:hover, :focus) { border-color: var(--color-hover); background-color: var(--color-hover); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { border-color: var(--color-light); background-color: var(--color-light); color: var(--color-dark); } .bricks-button .icon-arrow { width: auto; height: 0.8em; }  .bricks-button.outline { background-color: transparent; } .bricks-button.bricks-color-secondary.outline { border-color: var(--color-brand); } .bricks-button.outline:is(:hover, :focus) { border-color: var(--color-action); background-color: var(--color-action); } .bricks-button.bricks-color-secondary.outline:is(:hover, :focus) { border-color: var(--color-brand); background-color: var(--color-brand); color: var(--color-white); }   .hero { position: relative; display: flex; flex-direction: column; min-height: var(--hero-min-height); padding-top: 2.5rem; padding-bottom: 0; border-image: var(--border-image-hero); background-color: var(--color-dark); color: var(--color-white); } .hero > .brxe-container { flex-grow: 1; } .hero :where(.brxe-text, .brxe-text-basic) { max-width: 30rem; } .hero .script-note { right: 5%; bottom: 3rem; transform: rotate(-10deg); } .hero__usps { display: flex; flex-flow: row wrap; gap: 2rem; margin-top: auto; padding-top: 3rem; } .usp { display: flex; flex-flow: row nowrap; align-items: center; flex: 0 1 17.5rem; gap: 1rem; padding: 1.5rem; background-color: var(--color-brand); } .usp__icon { flex: 0 0 auto; width: 2rem; height: 2rem; font-size: 2rem; color: var(--color-light); } .usp__text { margin: 0; font-family: var(--font-heading); font-size: 1.5rem; line-height: 1.1; color: var(--color-light); } @media (max-width: 991px) { .hero .script-note { display: none; } } @media (max-width: 767px) { .hero { min-height: 0; } .hero__usps { gap: 0.5rem; padding-top: 2rem; } .usp { flex-basis: 100%; padding: 1rem; } .usp__text { font-size: 1.25rem; } }  .split__img-wrapper, .img-note { position: relative; } .script-note { position: absolute; right: 1.5rem; bottom: 1.25rem; z-index: 3; margin: 0; font-family: var(--font-script); font-size: var(--script-size); line-height: 1.15; color: var(--color-white); text-align: left; text-shadow: 0 1px 0.5rem rgba(0, 0, 0, 0.35); transform: rotate(-8deg); transform-origin: right bottom; pointer-events: none; } .script-note--top { top: 1.25rem; bottom: auto; } .script-note--middle { bottom: 20%; } .script-note--left { left: 1.5rem; right: auto; transform-origin: left bottom; } .script-note--dark { color: var(--color-dark); text-shadow: none; }  .split { --gap: 4rem; display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; gap: var(--gap); } .split--reversed { flex-direction: row-reverse; } .split--50-50 .split__img-wrapper, .split--50-50 .split__content { width: calc(50% - var(--gap) / 2); } .split--40-60 .split__img-wrapper { width: calc(60% - var(--gap) / 2); } .split--40-60 .split__content { width: calc(40% - var(--gap) / 2); } .split--60-40 .split__img-wrapper { width: calc(40% - var(--gap) / 2); } .split--60-40 .split__content { width: calc(60% - var(--gap) / 2); } .split--70-30 .split__img-wrapper { width: calc(30% - var(--gap) / 2); } .split--70-30 .split__content { width: calc(70% - var(--gap) / 2); } .split .split__content { align-self: center; } .split__img { width: 100%; height: 100%; max-height: inherit; object-fit: cover; object-position: center center; } @media (max-width: 767px) { .split { --gap: 2rem; } .split .split__img-wrapper, .split .split__content { width: 100%; } .split .split__img-wrapper { max-width: 45rem; max-height: 25rem; }  .split .split__img-wrapper--auto { max-width: none; max-height: none; } }  .split--fullwidth { --gap: 0px; width: 100%; } .split--fullwidth .split__content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 4rem 4.5rem; } .split--fullwidth .split__content > * { max-width: 30rem; } .split--fullwidth .split__img-wrapper { min-height: var(--split-min-height); } .split--fullwidth .split__img { position: absolute; inset: 0; } @media (min-width: 1200px) { .split--fullwidth .split__content { padding: 6rem 4.5rem; } } @media (max-width: 767px) { .split--fullwidth { --gap: 0px; flex-direction: column-reverse; } .split--fullwidth .split__img-wrapper { max-width: none; max-height: none; min-height: 18rem; } .split--fullwidth .split__content { padding: 3rem 1rem; } } @media (max-width: 478px) { .split--fullwidth .split__content { padding: 2.5rem 1rem; } }  .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.25rem; width: 100%; max-width: 67rem; } * + .feature-grid { margin-top: 3.5rem; } :where(h1, h2, h3, .h1, .h2, .h3) + .feature-grid { margin-top: 1.5rem; } .feature-grid--boxed .feature { padding: 1.75rem; } .feature__title { margin-bottom: 1rem; font-size: 1.5rem; } .feature-grid--numbered { counter-reset: feature; } .feature-grid--numbered .feature__title::before { counter-increment: feature; content: counter(feature, decimal-leading-zero) ". "; color: var(--color-action); } @media (max-width: 767px) { .feature-grid { gap: 1rem; } .feature-grid:not(.feature-grid--boxed) { row-gap: 2rem; } * + .feature-grid { margin-top: 2.5rem; } .feature-grid--boxed .feature { padding: 1.25rem; } }  .tile-grid { --tile-size: 11.5rem; --tile-overlap: 2.5rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3.5rem calc(var(--tile-overlap) + 1rem); width: 100%; } .tile { position: relative; width: var(--tile-size); max-width: calc(100% - var(--tile-overlap)); } .tile__img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; } .tile__label { position: absolute; right: calc(var(--tile-overlap) * -1); bottom: 1.5rem; padding: 0.75rem 1rem; box-shadow: var(--box-shadow); background-color: var(--color-white); font-weight: 700; line-height: 1; color: var(--color-dark); white-space: nowrap; } @media (max-width: 991px) { .tile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 478px) { .tile-grid { --tile-overlap: 1.25rem; row-gap: 2rem; } .tile__label { bottom: 1rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; } }  .team-stack { display: flex; flex-flow: row nowrap; align-items: flex-start; width: 100%; } .team-member { display: flex; flex-direction: column; align-items: center; text-align: center; } .team-member:nth-child(1) { width: 67%; } .team-member:nth-child(2) { position: relative; z-index: 1; width: 43%; margin-top: 13.5%; margin-left: -10%; } .team-member__img { width: 100%; aspect-ratio: 7 / 6; object-fit: cover; } .team-member:nth-child(2) .team-member__img { aspect-ratio: 3 / 4; } .team-member__name { margin: 1.5rem 0 0.25rem; font-family: var(--font-heading); font-size: 1.5rem; font-weight: 400; line-height: 1.1; } .team-member__role { font-size: 0.9375rem; } @media (max-width: 478px) { .team-member__name { margin-top: 1rem; font-size: 1.125rem; } .team-member__role { font-size: 0.8125rem; } }  .has-watermark { position: relative; isolation: isolate; overflow: clip; } .watermark { position: absolute; top: 0; right: 18%; z-index: -1; width: var(--watermark-size, 48rem); max-width: 90vw; height: auto; opacity: var(--watermark-opacity, 0.2); pointer-events: none; } @media (max-width: 991px) { .watermark { right: 50%; transform: translateX(50%); } }  .faq { width: 100%; } .faq .accordion-title-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 0 0.375rem; border-bottom: 2px solid color-mix(in srgb, currentColor 45%, transparent); cursor: pointer; } .faq .accordion-title-wrapper > :is(h1, h2, h3, h4, h5, h6, .brxe-heading, .brxe-text-basic) { margin: 0; font-family: var(--font-heading); font-size: 1.5rem; font-weight: 400; line-height: 1.2; } .faq .accordion-title-wrapper > .brxe-icon { display: none; } .faq .accordion-title-wrapper::after { content: ""; flex: 0 0 auto; width: 1rem; height: 1rem; margin-right: 1rem; background: linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat, linear-gradient(currentColor, currentColor) center / 1px 100% no-repeat; transition: background-size var(--transition); } .faq .brx-open > .accordion-title-wrapper::after { background-size: 100% 1px, 1px 0; } .faq .accordion-content-wrapper { padding: 0.5rem 0 0.75rem; } @media (max-width: 767px) { .faq .accordion-title-wrapper > :is(h1, h2, h3, h4, h5, h6, .brxe-heading, .brxe-text-basic) { font-size: 1.25rem; } .faq .accordion-title-wrapper::after { margin-right: 0; } }  .parallax { width: 100%; max-width: var(--page-width); background-attachment: fixed; } @supports (-webkit-touch-callout: none) { .parallax { background-attachment: scroll; } }  .banner { width: 100%; max-width: var(--page-width); border-image: var(--border-image); } .banner .brxe-text .h5 { margin-bottom: 0.5rem; }  .socials li { display: block; flex: 0; } .socials a { display: block; width: 2.25rem; padding: 0.375rem; line-height: 1; color: var(--color-white); text-align: center; } .socials a:is(:hover, :focus) { color: var(--color-action); } .socials a span { position: absolute; }  .brxe-form { --_form-padding: 0.75rem; --_checkbox-size: 0.75rem; } .brxe-form input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { padding: 1.125rem 1.25rem; border: 0; background-color: var(--color-white); line-height: normal; color: var(--color-dark); } .bg--dark .brxe-form input:not([type="radio"], [type="checkbox"]), .bg--dark .brxe-form select, .bg--dark .brxe-form textarea { background-color: var(--color-light); } .brxe-form ::placeholder { color: var(--color-dark); opacity: 1; } .brxe-form textarea { min-height: 9rem; max-height: 25rem; resize: vertical; }  .brxe-form select, .brxe-form select option, .variations_form select, .variations_form select option { font-family: var(--font-family), sans-serif; }   .brxe-form ul.options-wrapper li { display: flex; flex-flow: row nowrap; align-items: flex-start; column-gap: 0.75em; } .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); margin-top: 0.3em; border: var(--border-width) solid var(--color-brand); background-color: var(--color-white); font-size: var(--_checkbox-size); appearance: none; cursor: pointer; } .bg--dark .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]) { border-color: var(--color-light); background-color: var(--color-light); } .brxe-form ul.options-wrapper input[type="radio"] { border-radius: 50%; } .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]):checked { box-shadow: 0 0 0 0.15em var(--color-light) inset; border-color: var(--color-action); background-color: var(--color-action); } .brxe-form input[value="datenschutz"] + label { font-size: 0.9em; }  .brxe-form .submit-button-wrapper { display: block; width: 100%; padding: 0 var(--_form-padding); }  footer { padding: 3rem 1rem 1.5rem; background-color: var(--color-brand); color: var(--color-white); } .footer__bottom { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(var(--color-light-rgb), 0.5); } .footer-menu--service .bricks-nav-menu > li:first-child { margin-left: 0; } footer .brxe-text-basic a:not(.bricks-button) { color: inherit; text-decoration: none; } footer .brxe-text-basic a:not(.bricks-button):is(:hover, :focus) { color: var(--color-action); }   @keyframes pulse { 0%, 50%, 100% { transform: scale(1); } 25% { transform: scale(1.1); } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in-left { from { opacity: 0; transform: translateX(-20%); } to { opacity: 1; transform: translateX(0); } } @keyframes fade-in-right { from { opacity: 0; transform: translateX(20%); } to { opacity: 1; transform: translateX(0); } } @keyframes fade-in-bottom { from { opacity: 0; transform: translateY(20%); } to { opacity: 1; transform: translateY(0); } }  .pulse { animation: pulse 1.5s 2 forwards; animation-delay: 1s; } .animation--viewport .fade-in, .animation--viewport .fade-bottom { opacity: 0; } .animation--viewport .fade-bottom { transform: translateY(20%); } .animation--viewport[animate-vp="true"] .fade-in { animation: fade-in var(--animation-speed) forwards; } .animation--viewport[animate-vp="true"] .fade-bottom { animation: fade-in-bottom var(--animation-speed) forwards; }  .animation--viewport .split > div:first-child, .animation--viewport .split.split--reversed > div:last-child { opacity: 0; transform: translateX(-20%); } .animation--viewport .split > div:last-child, .animation--viewport .split.split--reversed > div:first-child { opacity: 0; transform: translateX(20%); } .animation--viewport[animate-vp="true"] .split > div:first-child, .animation--viewport[animate-vp="true"] .split.split--reversed > div:last-child { animation: fade-in-left var(--animation-speed) forwards; } .animation--viewport[animate-vp="true"] .split > div:last-child, .animation--viewport[animate-vp="true"] .split.split--reversed > div:first-child { animation: fade-in-right var(--animation-speed) forwards; } @media (max-width: 767px) { .animation--viewport .split > div:last-child, .animation--viewport .split.split--reversed > div:first-child { transform: translateX(-20%); } .animation--viewport[animate-vp="true"] .split > div:last-child, .animation--viewport[animate-vp="true"] .split.split--reversed > div:first-child { animation: fade-in-left var(--animation-speed) forwards; } }  .animation--staggered > * { opacity: 0; } .animation--staggered[animate-vp="true"] > * { animation: fade-in var(--animation-speed) forwards; } .animation--staggered > *:nth-child(1) { animation-delay: 0.25s; } .animation--staggered > *:nth-child(2) { animation-delay: 0.5s; } .animation--staggered > *:nth-child(3) { animation-delay: 0.75s; } .animation--staggered > *:nth-child(4) { animation-delay: 1s; } .animation--staggered > *:nth-child(5) { animation-delay: 1.25s; } .animation--staggered > *:nth-child(6) { animation-delay: 1.5s; } .animation--staggered > *:nth-child(7) { animation-delay: 1.75s; } .animation--staggered > *:nth-child(8) { animation-delay: 2s; } .animation--staggered > *:nth-child(9) { animation-delay: 2.25s; } .animation--staggered > *:nth-child(10) { animation-delay: 2.5s; } .animation--staggered > *:nth-child(11) { animation-delay: 2.75s; } .animation--staggered > *:nth-child(12) { animation-delay: 3s; } .animation--staggered > *:nth-child(13) { animation-delay: 3.25s; } .animation--staggered > *:nth-child(14) { animation-delay: 3.5s; } .animation--staggered > *:nth-child(15) { animation-delay: 3.75s; } .animation--staggered > *:nth-child(16) { animation-delay: 4s; } .animation--staggered > *:nth-child(17) { animation-delay: 4.25s; } .animation--staggered > *:nth-child(18) { animation-delay: 4.5s; } .animation--staggered > *:nth-child(19) { animation-delay: 4.75s; } .animation--staggered > *:nth-child(20) { animation-delay: 5s; }  body[data-builder-window="iframe"] :where(.fade-in, .fade-bottom), body[data-builder-window="iframe"] .animation--viewport .split > div:first-child, body[data-builder-window="iframe"] .animation--viewport .split > div:last-child, body[data-builder-window="iframe"] .animation--staggered > * { opacity: 1!important; transform: none!important; }  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .pulse, .animation--viewport :where(.fade-in, .fade-bottom), .animation--viewport .split > div, .animation--staggered > * { opacity: 1!important; transform: none!important; animation: none!important; } }