:root { --font-family: "Inter", sans-serif; --bricks-color-primary: var(--blue); --bricks-color-secondary: var(--white); --blue-rgb: 0,128,200; --error: #a63b3b;  --page-width: 2048px; --header-height: 67px; --header-height-mobile: 63px; --gap: 1rem; --section-padding-y: 4rem; --slider-arrow-size: 2.5rem; --border-radius: 1rem; --box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); --transition-duration: 0.35s; --transition: ease-out var(--transition-duration); } @media (max-width: 991px) { :root { --header-height: var(--header-height-mobile); --section-padding-y: 3.5rem; } } @media (max-width: 478px) { :root { --section-padding-y: 2rem; } }  @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.6; color: var(--gray); } body { background-color: var(--white); overflow-x: clip; } ::selection { background-color: var(--gray); color: var(--white); } .hidden, [hidden] { display: none!important; opacity: 0; visibility: hidden; } body.bricks-is-frontend :focus-visible { outline: 2px solid var(--blue-light); }   h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 1.5rem; font-weight: 700; line-height: normal; text-wrap: balance; } h1, .h1 { font-size: 3rem; font-weight: 700; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 1.15rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.95rem; } :where(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6) strong { color: var(--blue); } @media (max-width: 991px) { h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 1.75rem; } } @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.brxe-text-link .icon { padding: 0.5em; border-radius: 50%; background-color: var(--blue); font-size: 0.85em; color: var(--white); } a.brxe-text-link .icon path { fill: currentColor; } .brxe-text a:not(.bricks-button):is(:hover, :focus), a.brxe-text-link:is(:hover, :focus) text, a:not(.bricks-button):is(:hover, :focus) { color: var(--blue); } :where(footer, .banner, .bg--blue) a:not(.bricks-button):is(:hover, :focus) { color: var(--gray); } a.brxe-text-link:is(:hover, :focus) .icon { background-color: var(--blue-light); color: var(--blue); } .dsgvo-reference { font-size: 0.8rem; }  main :where(ul, ol) { padding-left: 1.25em; text-align: left; } main :where(ul, ol) ::marker { color: var(--blue); } main :where(ul, ol) li:not(:last-child) { margin-bottom: 0.5em; } main ul { padding-left: 1.75em; list-style: none; } main ul li { position: relative; } main ul li::before { content: ""; position: absolute; top: 0.1em; right: calc(100% + 0.5em); display: block; width: 1.25em; height: 1.25em; border-radius: 50%; background-image: url('https://erwinrasch.com/wp-content/uploads/check-white.svg'); background-repeat: no-repeat; background-size: 1em; background-position: center; background-color: var(--blue); } main .bg--blue ul li::before { background-image: url('https://erwinrasch.com/wp-content/uploads/check.svg'); background-color: var(--white); }  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); } .text--left { text-align: left; } .text--center { text-align: center; } .text--wide { width: 90ch; } .text--medium { width: 83ch; } .text--narrow { width: 64ch; } :where(figure, img) { border-radius: var(--border-radius); box-shadow: var(--box-shadow); } :where(figure, img).no-border-radius, a.no-border-radius :where(figure, img) { border-radius: 0; } :where(figure, img).no-box-shadow, a.no-box-shadow :where(figure, img) { box-shadow: none; } @media (max-width: 478px) { .text--center { text-align: left; } }  p { margin-bottom: 1.2em; } p:last-of-type { margin-bottom: 0; } main :where(ul, ol) { margin: 1.2em 0; } .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: 1.25em; } :where(p, ul, ol, .brxe-text, .brxe-text-basic) + :where(.button-wrapper, .bricks-button) { margin-top: 2rem; } .no-margin-bottom { margin-bottom: 0; }  header { height: var(--header-height); padding: 0 1rem; box-shadow: var(--box-shadow); background-color: var(--white); color: var(--gray);  content-visibility: visible !important; } @media (max-width: 767px) { header { padding-top: 0.5rem; padding-bottom: 0.5rem; } }  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; } header .brxe-nav-menu a:is(:hover, :focus) { background-color: var(--blue-light); color: var(--blue); } header .brxe-nav-menu a[aria-current="page"] { background-color: var(--blue); color: var(--white); } footer .brxe-nav-menu a:is(:hover, :focus) { color: var(--gray); } footer .brxe-nav-menu a[aria-current="page"] { text-decoration: underline; }  :where(header, footer) .brx-submenu-toggle.icon-right button { width: 1rem; }  .bricks-mobile-menu { padding: 1.5rem 0; color: var(--gray); }  .bricks-button { position: relative; padding: 0.75rem 1.75rem; border-width: 1px; border-style: solid; border-radius: 0.75rem; font-size: 0.9em; line-height: normal; color: var(--white); overflow: hidden; isolation: isolate; cursor: pointer; transition: var(--transition); } .bricks-button::before { content: ""; position: absolute; top: -1px; bottom: -1px; left: -6%; width: 0; background-color: var(--blue-light); transform: skewX(-20deg); transition: var(--transition); z-index: -1; } .bricks-button.bricks-background-primary { border-color: var(--blue); } .bricks-button.bricks-background-secondary { border-color: var(--gray-light); background-color: var(--white); color: var(--gray); } .bricks-button.bricks-background-secondary::before { background-color: var(--gray-light); } .bricks-button:is(:hover, :focus), .bricks-button.bricks-background-primary:is(:hover, :focus) { color: var(--gray); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { border-color: var(--gray); color: var(--gray); } .bricks-button:is(:hover, :focus):before { width: 112%; }   .split { --gap: 2rem; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; 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--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__img-wrapper:not(.split__img-wrapper--textonly) { max-height: 25rem; } .split__img { width: 100%; height: 100%; max-height: inherit; object-fit: cover; object-position: center center; } @media (max-width: 767px) { .split .split__img-wrapper, .split .split__content { width: 100%; } .split .split__img-wrapper { max-width: 45rem; max-height: 25rem; } }  .banner { position: relative; overflow: hidden; isolation: isolate; } .banner--bg::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background-color: rgba(var(--blue-rgb),0.5); background: radial-gradient(rgba(var(--blue-rgb),0.65) 50%, rgba(var(--blue-rgb),0.95) 100%); z-index: -1; }  main svg, .box__icon { box-sizing: content-box; }  .box { box-shadow: var(--box-shadow); overflow: hidden; } .box .split__content { background-color: transparent; box-shadow: none; } .box.box--list .brxe-heading { margin-bottom: 0; }  .brxe-accordion-nested > .brxe-block { --_acc-padding: 1rem; border-radius: var(--border-radius); background-color: var(--white); box-shadow: var(--box-shadow); overflow: hidden; } .brxe-accordion-nested > .brxe-block:not(:first-child) { margin-top: 2rem; } .brxe-accordion-nested .accordion-title-wrapper { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; background-color: var(--blue); color: var(--white); column-gap: 1rem; } .brxe-accordion-nested .accordion-title-wrapper, .brxe-accordion-nested .accordion-content-wrapper { padding: var(--_acc-padding); } .brxe-accordion-nested .accordion-title-wrapper .brxe-heading { margin-bottom: 0; } .brxe-accordion-nested .accordion-title-wrapper .brxe-icon { font-size: 1.5rem!important; }  .process-timeline { counter-reset: process; } .process-entry { position: relative; border-width: 0; border-top-width: 2px; border-style: solid; border-color: var(--gray-light); counter-increment: process; } .process-entry .brxe-heading { margin-bottom: 0.5rem; } .process-entry::before { content: counter(process); position: absolute; bottom: calc(100% - 0.5rem); left: 0; right: 0; width: 2em; height: 2em; margin: 0 auto; border-radius: 50%; background-color: var(--blue); font-size: 1rem; line-height: 2em; color: var(--white); text-align: center; } @media (max-width: 991px) { .process-entry { border-top-width: 0; } .process-entry:nth-child(odd) { align-self: flex-start; border-right-width: 2px; } .process-entry:nth-child(even) { align-self: flex-end; border-left-width: 2px; } } @media (max-width: 767px) { .process-entry { align-self: center!important; border-bottom-width: 2px; } .process-entry:first-child { border-top-width: 2px; } .process-entry:last-child { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; } }  .brxe-slider-nested.slider .splide__track { overflow: visible; } .brxe-slider-nested.slider .slide, .brxe-slider-nested.slider .slide > *:not(.bricks-button) { position: relative; } .brxe-slider-nested.slider .slide > * { z-index: 5; } .brxe-slider-nested.slider .slide:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: inherit; background-image: linear-gradient(to top, rgba(0,0,0,0.7) 10%, transparent 50%); z-index: 2; } .brxe-slider-nested.slider .slide .bricks-button { padding: 2em; border-radius: 50%; background-color: var(--white); color: var(--gray); } .brxe-slider-nested.slider .slide__button:is(:hover, :focus) { background-color: var(--red); color: var(--white); } .brxe-slider-nested.slider .slide__button svg { height: 0.9em; }  .form-wrapper { width: calc(100% + 2rem); max-width: unset; margin: 0 -1rem; border: 1px solid rgba(255,255,255,0.5); border-radius: var(--border-radius); box-shadow: inset 0 0 1rem 0.5rem rgba(255,255,255,0.25), var(--box-shadow); backdrop-filter: blur(2px); } .brxe-form { --_form-padding: 0.5rem; } .brxe-form ul { margin: 0.5em 0 1em; padding-left: 0; } .brxe-form ul li::before { display: none; } .brxe-form .form-group > :where(label, .label) { padding-top: 0.25em; padding-left: 1em; font-size: 0.85rem; } .brxe-form input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { padding: 0.75rem 1.25rem; border-radius: var(--border-radius); background-color: var(--white); box-shadow: var(--box-shadow); line-height: normal; color: var(--gray); } .brxe-form input:not([type="radio"], [type="checkbox"])::placeholder, .brxe-form select::placeholder, .brxe-form textarea::placeholder { color: transparent; } .brxe-form textarea { min-height: 10rem; max-height: 25rem; overflow: hidden; resize: vertical; }  .brxe-form select, .brxe-form select option, .variations_form select, .variations_form select option { font-family: var(--font-family); }  .contact-form .options-wrapper li { display: flex; flex-flow: row nowrap; align-items: baseline; column-gap: 0.5rem; } .contact-form .options-wrapper li input[type="checkbox"] { width: 1rem; min-width: 1rem; height: 1rem; padding: 0; border: 1px solid var(--white); border-radius: 0.25em; box-shadow: none; background-repeat: no-repeat; background-size: 1em; background-position: center; background-color: var(--white); appearance: none; transition: var(--transition); } .contact-form .options-wrapper li input[type="checkbox"]:checked { background-image: url('https://erwinrasch.com/wp-content/uploads/check.svg'); } .contact-form .options-wrapper li label { max-width: 75ch; font-size: 0.85rem; } .contact-form .options-wrapper li label strong { display: block; margin-bottom: 0.25em; font-size: 1rem; } .brxe-form .submit-button-wrapper { padding: 0 var(--_form-padding); }  footer { padding: 3rem 1rem 2rem; background-color: var(--blue); color: var(--white); } footer svg.logo :where(.color-1, .color-2) { fill: var(--blue-light); } footer .hidden-footer { display: none; opacity: 0; visibility: hidden; } footer a.brxe-text-link .icon { background-color: var(--white); color: var(--blue); } a.brxe-text-link:is(:hover, :focus) .icon { background-color: var(--gray); color: var(--white); }