@charset "UTF-8";
*:focus {
  outline: none !important;
}
a {
  cursor: pointer !important;
}
::selection {
  background: var(--black);
  color: var(--white);
}
.list-correction ul {
  list-style-type: "—  ";
  padding-left: 1.25em !important;
}
section {
  overflow-x: clip;
}
h1, h2, h3, h4, h5, h6 {
  text-box-trim: trim-end;
  text-box-edge: cap alphabetic;
}
/*——————————————————————————————————————————————————————*/
:root {
  --header-padding: var(--space-l);
  --off-canvas-spacing: var(--section-space-m);
  --header-padding: var(--space-m);
  --header-logo: 50px;
  --header-height: calc(calc(2 * var(--header-padding)) + calc(var(--header-logo)) + 10px);
  --off-canvas-padding: calc(var(--header-height) + var(--space-m));
  --first-section-padding: var(--section-space-m);
  --start-heading: calc(var(--h1) * 1.65);
  --large-heading: calc(var(--h1) * 1.45);
  /* Shared section and process heading size. */
  --medium-heading: calc(var(--h3) * 1.56);
  --button-shadow: var(--secondary);
  --header-offset: 114px;
  --logo-wordmark-color: var(--secondary);
  --logo-tagline-color: var(--white);
  --logo-rule-color: var(--tertiary);
}
@media (max-width: 1280px) {
  :root {
    --x-large-heading: calc(var(--h1) * 2.8);
    --header-logo: 40px;
  }
}
@media (max-width: 992px) {
  :root {
    --large-heading: calc(var(--h1) * 1.5);
    --x-large-heading: calc(var(--h1) * 2.5);
  }
}
@media (max-width: 768px) {
  :root {
    --large-heading: calc(var(--h1) * 1.25);
    --x-large-heading: calc(var(--h1) * 1.5);
    --hero-padding: 0;
    --header-padding: var(--space-m);
    --header-logo: 40px;
  }
}
/* Match the native Bricks mobile breakpoint and existing process heading curve. */
@media (max-width: 767px) {
  :root {
    --medium-heading: calc(var(--h3) * 1.15);
  }
}
/*——————————————————————————BUTTON————————————————————————————*/
.brxe-button {
  --button-shadow-color: var(--tertiary);
  --button-border-color: var(--primary);
  --button-background-color: var(--tertiary);
  --button-background-color-hover: var(--tertiary-dark);
  --button-text-color: var(--white);
  --button-text-color-hover: var(--black);
  font-family: "Bungee", sans-serif;
  box-shadow: 0.5em 0.5em 0px 0px var(--button-shadow-color);
  transition: all 0.3s;
  border: 5px solid var(--button-border-color);
  background-color: var(--button-background-color);
  color: var(--button-text-color);
  cursor: pointer;
}
.brxe-button:hover {
  box-shadow: 0.25em 0.25em 0 0 var(--button-shadow-color);
  transform: translateX(0.25em) translateY(0.25em);
  border: 5px solid var(--button-border-color);
  background-color: var(--button-background-color-hover);
  color: var(--button-text-color-hover);
}
.btn--primary-light {
  --button-shadow-color: var(--tertiary);
  --button-border-color: var(--black);
  --button-background-color: var(--white);
  --button-background-color-hover: var(--primary-ultra-light);
  --button-text-color: var(--black);
  --button-text-color-hover: var(--black);
}
.btn--primary-dark {
  --button-shadow-color: var(--secondary);
  --button-border-color: var(--black);
  --button-background-color: var(--white);
  --button-background-color-hover: var(--primary-ultra-light);
  --button-text-color: var(--black);
  --button-text-color-hover: var(--black);
}
.btn--primary {
  --button-shadow-color: var(--tertiary);
  --button-border-color: var(--black);
  --button-background-color: var(--black);
  --button-background-color-hover: var(--primary-dark);
  --button-text-color: var(--white);
  --button-text-color-hover: var(--white);
}
.btn--secondary {
  --button-shadow-color: var(--tertiary);
  --button-border-color: var(--black);
  --button-background-color: var(--secondary);
  --button-background-color-hover: var(--secondary-semi-light);
  --button-text-color: var(--black);
  --button-text-color-hover: var(--black);
}
.btn--secondary-dark {
  --button-shadow-color: var(--secondary);
  --button-border-color: var(--black);
  --button-background-color: var(--tertiary);
  --button-background-color-hover: var(--tertiary-semi-light);
  --button-text-color: var(--black);
  --button-text-color-hover: var(--black);
}
/*——————————————————————————FORM————————————————————————————*/
.form--light input, .form--light textarea {
  font-family: "Bungee", sans-serif !important;
  border: 5px solid var(--primary) !important;
  background-color: var(--white) !important;
}
/*————————————Logo-Strip——————————*/
.logo-strip {
  border-style: solid;
  border-width: 20px 80px;
  border-color: transparent;
  border-image-source: url("/wp-content/uploads/band-1.svg");
  /* 20 oben/unten, 80 links/rechts */
  border-image-slice: 20 80 fill;
  /* Slice möglichst 1:1 darstellen */
  border-image-width: 20px 80px;
  border-image-repeat: stretch;
}
.logo-strip-2 {
  border-style: solid;
  border-width: 20px 80px;
  border-color: transparent;
  border-image-source: url("/wp-content/uploads/band-2.svg");
  /* 20 oben/unten, 80 links/rechts */
  border-image-slice: 20 80 fill;
  /* Slice möglichst 1:1 darstellen */
  border-image-width: 20px 80px;
  border-image-repeat: stretch;
}
/*————————————Box——————————*/
.box-design {
  border-style: solid;
  border-width: 20px var(--space-l);
  border-color: transparent;
  border-image-source: url("/wp-content/uploads/window.svg");
  border-image-slice: 80 80 fill;
  border-image-width: 40px 40px;
  border-image-repeat: stretch;
}
@media (max-width: 768px) {
  .box-design {
    border-width: 20px var(--section-padding-x);
  }
}
/*——————————FAQ—————————————*/
.faq-accordion__accordion-item {
  box-shadow: 0 0 0px 0px transparent;
  transition: all 0.3s;
}
.faq-accordion__accordion-item.x-accordion_item-active {
  box-shadow: 1em 1em 0px 0px var(--primary);
}
/*——————————Full Width Text—————————————*/
.full-width-text-container {
  width: 100%;
}
.full-width-text {
  display: block;
  width: max-content;
  max-width: none;
  white-space: nowrap;
  line-height: 1;
  transform-origin: left center;
}
/*——————————--Header—————————————*/
.header-bar {
  --logo-wordmark-color: var(--primary);
  --logo-tagline-color: var(--primary);
  --logo-rule-color: var(--tertiary);
  --header-bg-color: var(--secondary);
  --header-text-color: var(--primary);
  color: var(--header-text-color);
}
.header-bar a:hover {
  color: var(--tertiary) !important;
}
#brx-header.brx-sticky {
  overflow: visible !important;
}
#brx-header.brx-sticky.scrolling.slide-up .header-bar {
  box-shadow: 0 0 0 0 transparent !important;
}
/* Active header menu item */
.header-bar__nav-menu a[aria-current="page"] {
  text-decoration-line: underline;
  text-decoration-thickness: 4px;
  text-underline-offset: 6px;
  text-decoration-skip-ink: none;
}
/* Rich-text paragraphs and lists follow the native Bricks text class typography. */
:is(.sw-body, .sw-copy, .text-img-container__text, .hero-section__text, .faq-section__text, .form-section__text) :is(p, li) {
  font-size: inherit;
  line-height: inherit;
}