.ds24-section--custom-code {
  --bfv-white: #fff;
  --bfv-white-60: #fff9;
  --bfv-white-20: #fff3;
  --bfv-white-70: #ffffffb3;
  --bfv-white-30: #ffffff4d;
  --bfv-white-07: #ffffff12;
  --bfv-white-05: #ffffff0d;
  --bfv-white-10: #ffffff1a;
  --bfv-blue-10: #2463eb1a;
  --bfv-yellow-10: #f7ca681a;
  --bfv-yellow-40: #f7ca6866;
  --bfv-black: #000;
  --bfv-navy: #040a18;
  --bfv-blue: #2463eb;
  --bfv-gray-dark: #828990;
  --bfv-gray-dark-30: #8289904d;
  --bfv-gray-light: #e5e5e5;
  --bfv-yellow: #f7ca68;
  --bfv-gold: #e09b2b;
  --bfv-font-family: "HelveticaNeuePro", Arial, sans-serif;
  --bfv-font-light: 300;
  --bfv-font-medium: 500;
  --bfv-font-bold: 700;
  --bfv-line-tight: 1.2;
  --bfv-line-relaxed: 1.4;
  --bfv-text-eyebrow: 11px;
  --bfv-text-eyebrow-tracking: .15em;
  --bfv-text-h2: 21px;
  --bfv-text-h2-tracking: -.02em;
  --bfv-text-h2-leading: 1.1;
  --bfv-text-body: 15px;
  --bfv-text-body-leading: 1.2;
  --bfv-text-card-title: 18px;
  --bfv-text-card-title-tracking: -.02em;
  --bfv-text-card-body: 15px;
  --bfv-text-card-label: 11px;
  --bfv-text-card-example: 15px;
  --bfv-text-card-source: 13px;
  --bfv-text-body-weight: var(--bfv-font-light);
  --bfv-space-gutter: 24px;
  --bfv-space-eyebrow-gap: 20px;
  --bfv-space-eyebrow-title: 20px;
  --bfv-space-title-body: 20px;
  --bfv-space-eyebrow-content: 40px;
  --bfv-eyebrow-body-measure: none;
  --bfv-space-section-top: 40px;
  --bfv-space-section-bottom: 24px;
  --bfv-space-scroll-offset: 24px;
  --bfv-radius-card: 8px;
  --bfv-radius-pill: 100px;
  --bfv-container-max: 1680px;
  --bfv-content-max: 1440px;
  --bfv-logo-width: 111.111px;
  --bfv-logo-ratio: 5.625;
  --bfv-focus-ring-width: 2px;
  --bfv-focus-ring-offset: 2px;
  --bfv-focus-ring-color: var(--bfv-yellow);
  --bfv-video-bg-position: 50% 50%;
  --bfv-video-bg-overlay-color: var(--bfv-navy);
  --bfv-video-bg-overlay-opacity: .3;
  --bfv-cards-card-width: 240px;
  --bfv-cards-gap: 24px;
  --bfv-cards-accent-width: 3px;
  --bfv-cards-pad-top: 24px;
  --bfv-cards-pad-start: 24px;
  --bfv-cards-pad-end: 16px;
  --bfv-cards-pad-bottom: 16px;
  --bfv-cards-nav-offset: 30px;
  --bfv-cards-nav-size: 40px;
  --bfv-cards-nav-gap: 12px;
  --bfv-cards-nav-icon: 17px;
  --bfv-graph-axis-max: 11.7;
  --bfv-graph-track-color: #ffffff03;
  --bfv-graph-grid-color: var(--bfv-white-20);
  --bfv-graph-bar-height: 8px;
  --bfv-graph-bar-radius: 4px;
  --bfv-graph-col-gap: 12px;
  --bfv-graph-label-col: max-content;
  --bfv-graph-row-height: 14px;
  --bfv-graph-row-gap: 12px;
  --bfv-graph-axis-gap: 16px;
  --bfv-graph-grid-over-top: 9px;
  --bfv-graph-grid-over-bottom: 7px;
  --bfv-text-graph-label: 11px;
  --bfv-text-graph-value: 14px;
  --bfv-graph-anim-duration: .8s;
  --bfv-graph-anim-stagger: .15s;
  --bfv-tabs-col: max-content;
  --bfv-tabs-inset: 0;
  --bfv-tabs-tab-pad-block: 16px;
  --bfv-tabs-tab-pad-inline: 16px;
  --bfv-tabs-tab-gap: 10px;
  --bfv-tabs-tab-price-gap: 5px;
  --bfv-tabs-underline: 6px;
  --bfv-tabs-panel-pad-block: 30px;
  --bfv-tabs-panel-pad-inline: 20px;
  --bfv-tabs-panel-gap: 30px;
  --bfv-tabs-card-width: 100%;
  --bfv-tabs-card-pad-block-start: 30px;
  --bfv-tabs-card-pad-block-end: 20px;
  --bfv-tabs-card-pad-inline: 16px;
  --bfv-tabs-card-gap: 40px;
  --bfv-tabs-info-pad-inline: 16px;
  --bfv-tabs-row-pad: 10px;
  --bfv-tabs-row-pad-block: 4px;
  --bfv-tabs-row-gap: 20px;
  --bfv-tabs-row-border: .5px;
  --bfv-tabs-highlight-pad-block: 7px;
  --bfv-tabs-highlight-pad-inline: 6px;
  --bfv-tabs-title-gap: 12px;
  --bfv-tabs-info-gap: 40px;
  --bfv-tabs-features-gap: 20px;
  --bfv-tabs-bullets-gap: 10px;
  --bfv-tabs-bullet-gap: 4px;
  --bfv-tabs-dot-size: 20px;
  --bfv-tabs-dot-dia: 6px;
  --bfv-text-tab-title: 16px;
  --bfv-text-tab-price-label: 8px;
  --bfv-text-tab-price: 14px;
  --bfv-text-tabs-card-title: 15px;
  --bfv-text-tabs-row-label: 11px;
  --bfv-text-tabs-row-value: 13px;
  --bfv-text-tabs-highlight: 10px;
  --bfv-text-tabs-title: 21px;
  --bfv-text-tabs-features: 11px;
  --bfv-text-tabs-bullet: 15px;
  --bfv-tabs-tracking-label: .15em;
  --bfv-tabs-tracking-title: -.02em;
  --bfv-atf-pad-block: 40px;
  --bfv-atf-column-gap: 30px;
  --bfv-atf-title-gap: 10px;
  --bfv-atf-title-body-gap: 20px;
  --bfv-atf-body-max: 100%;
  --bfv-text-atf-headline: 26px;
  --bfv-text-atf-subhead: 21px;
  --bfv-text-atf-cta: 18px;
  --bfv-text-atf-note: 9px;
  --bfv-highlights-ground: #07142f33;
  --bfv-highlights-pad-block: 16px;
  --bfv-highlights-stats-gap: 20px;
  --bfv-highlights-cell-gap: 6px;
  --bfv-highlights-row-gap: 20px;
  --bfv-text-highlights-value: 26px;
  --bfv-text-highlights-label: 11px;
  --bfv-blinde-fleck-a-gap: 40px;
  --bfv-blinde-fleck-a-card-pad-block: 30px;
  --bfv-blinde-fleck-a-card-pad-inline: 24px;
  --bfv-blinde-fleck-a-columns: 1;
  --bfv-blinde-fleck-a-col-gap: 80px;
  --bfv-blinde-fleck-a-row-gap: 40px;
  --bfv-blinde-fleck-a-item-gap: 20px;
  --bfv-text-blinde-fleck-a-title: 16px;
  --bfv-text-blinde-fleck-a-body: 14px;
  --bfv-blinde-fleck-b-ground: #060f24;
  --bfv-die-prinzipien-pad-bottom: 40px;
  --bfv-live-beispiel-pad-top: var(--bfv-space-section-top);
  --bfv-live-beispiel-body-max: none;
  --bfv-live-beispiel-part-pad-top: 30px;
  --bfv-live-beispiel-part-pad-bottom: 24px;
  --bfv-live-beispiel-part-pad-inline: 24px;
  --bfv-live-beispiel-part-gap: 30px;
  --bfv-live-beispiel-header-gap: 20px;
  --bfv-live-beispiel-tags-gap: 10px;
  --bfv-live-beispiel-tag-gap: 8px;
  --bfv-live-beispiel-tag-pad-block: 4px;
  --bfv-live-beispiel-tag-pad-inline: 6px;
  --bfv-live-beispiel-graph-max: 520px;
  --bfv-live-beispiel-pill-pad-block: 7px;
  --bfv-live-beispiel-pill-pad-inline: 14px;
  --bfv-live-beispiel-pill-gap: 8px;
  --bfv-live-beispiel-dot-dia: 6px;
  --bfv-live-beispiel-result-gap: 10px;
  --bfv-live-beispiel-row-pad-block: 4px;
  --bfv-live-beispiel-cell-pad: 6px;
  --bfv-live-beispiel-row-border: .5px;
  --bfv-live-beispiel-col-1: 132px;
  --bfv-live-beispiel-col-2: 79px;
  --bfv-live-beispiel-col-3: 107px;
  --bfv-live-beispiel-col-4: 126px;
  --bfv-live-beispiel-col-slack: 0px;
  --bfv-text-live-beispiel-tag: 14px;
  --bfv-text-live-beispiel-pill: 10px;
  --bfv-text-live-beispiel-result: 30px;
  --bfv-text-live-beispiel-cell: 13px;
  --bfv-text-live-beispiel-col: 9px;
  --bfv-der-ablauf-columns: 2;
  --bfv-der-ablauf-grid-gap: 20px;
  --bfv-der-ablauf-card-pad: 16px;
  --bfv-der-ablauf-card-gap: 10px;
  --bfv-der-ablauf-card-text-gap: 4px;
  --bfv-text-der-ablauf-number: 30px;
  --bfv-text-der-ablauf-step-title: 16px;
  --bfv-text-der-ablauf-step-body: 14px;
  --bfv-zwei-wege-pad-bottom: var(--bfv-space-section-bottom);
  --bfv-zwei-wege-columns: 1fr;
  --bfv-zwei-wege-gap: 40px;
  --bfv-zwei-wege-card-pad-top: 30px;
  --bfv-zwei-wege-card-pad-inline: 20px;
  --bfv-zwei-wege-card-pad-bottom: 20px;
  --bfv-zwei-wege-content-gap: 30px;
  --bfv-zwei-wege-people-gap: 10px;
  --bfv-zwei-wege-person-gap: 6px;
  --bfv-zwei-wege-price-gap: 6px;
  --bfv-zwei-wege-avatar-size: 30px;
  --bfv-zwei-wege-avatar-blue: #2463eb33;
  --bfv-zwei-wege-avatar-gold: #e09b2b33;
  --bfv-zwei-wege-initials-optical: .25em;
  --bfv-text-zwei-wege-label: 9px;
  --bfv-text-zwei-wege-card-title: 26px;
  --bfv-text-zwei-wege-price: 21px;
  --bfv-text-zwei-wege-price-was: 15px;
  --bfv-text-zwei-wege-bullet: 15px;
  --bfv-text-zwei-wege-initials: 14px;
  --bfv-text-zwei-wege-name: 11px;
  --bfv-text-zwei-wege-role: 8px;
  --bfv-bevor-du-fragst-title-size: var(--bfv-text-h2);
  --bfv-bevor-du-fragst-columns: 1fr;
  --bfv-bevor-du-fragst-gap: 30px;
  --bfv-bevor-du-fragst-qa-gap: 20px;
  --bfv-text-bevor-du-fragst-question: 15px;
  --bfv-text-bevor-du-fragst-answer: 14px;
  --bfv-naechste-schritte-gutter: 48px;
  --bfv-naechste-schritte-pad-top: 40px;
  --bfv-naechste-schritte-pad-bottom: 40px;
  --bfv-naechste-schritte-boxed-max: 1200px;
  --bfv-naechste-schritte-boxed-pad-top: 40px;
  --bfv-naechste-schritte-boxed-pad: 24px;
  --bfv-naechste-schritte-gap: 40px;
  --bfv-naechste-schritte-intro-width: 100%;
  --bfv-naechste-schritte-step-gap: 20px;
  --bfv-text-naechste-schritte-body: 15px;
  --bfv-text-naechste-schritte-number: 42px;
  --bfv-text-naechste-schritte-step: 15px;
  --bfv-noch-fragen-pad-block: 24px;
  --bfv-noch-fragen-gap: 24px;
  --bfv-text-noch-fragen: 18px;
}

.ds24-section--custom-code .bfv-page, .ds24-section--custom-code .bfv-page *, .ds24-section--custom-code .bfv-page :before, .ds24-section--custom-code .bfv-page :after {
  box-sizing: border-box;
}

.ds24-section--custom-code .bfv-page :where(h1, h2, h3, h4, p, figure, blockquote, ul, ol, dl, dd) {
  margin: 0;
}

.ds24-section--custom-code .bfv-page :where(h1, h2, h3, h4) {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.ds24-section--custom-code .bfv-page :where(ul, ol) {
  padding: 0;
  list-style: none;
}

.ds24-section--custom-code .bfv-page :where(img, video, svg) {
  max-width: 100%;
  display: block;
}

.ds24-section--custom-code .bfv-page :where(a) {
  color: inherit;
  text-decoration: none;
}

.ds24-section--custom-code .bfv-page :where(button) {
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.ds24-section--custom-code .bfv-page :where(table) {
  border-collapse: collapse;
  border-spacing: 0;
}

.ds24-section--custom-code .bfv-page :focus-visible {
  outline: var(--bfv-focus-ring-width) solid var(--bfv-focus-ring-color);
  outline-offset: var(--bfv-focus-ring-offset);
}

.ds24-section--custom-code .bfv-page {
  background-color: var(--bfv-navy);
  color: var(--bfv-white);
  font-family: var(--bfv-font-family);
  font-weight: var(--bfv-font-light);
  line-height: var(--bfv-line-tight);
  overflow-x: clip;
}

.ds24-section--custom-code .bfv-container {
  width: 100%;
  max-width: var(--bfv-container-max);
  padding-inline: var(--bfv-space-gutter);
  margin-inline: auto;
}

.ds24-section--custom-code .bfv-container--full {
  max-width: none;
}

.ds24-section--custom-code .bfv-eyebrow {
  gap: var(--bfv-space-title-body);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-eyebrow__head {
  gap: var(--bfv-space-eyebrow-title);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-eyebrow__row {
  align-items: baseline;
  gap: var(--bfv-space-eyebrow-gap);
  display: flex;
}

.ds24-section--custom-code .bfv-eyebrow__label {
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-eyebrow);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-text-eyebrow-tracking);
  white-space: nowrap;
  flex: none;
}

.ds24-section--custom-code .bfv-eyebrow__rule {
  border-top: 1px solid var(--bfv-yellow);
  flex: 1 1 0;
  min-width: 0;
  height: 0;
}

.ds24-section--custom-code .bfv-eyebrow__title {
  color: var(--bfv-white);
  font-size: var(--bfv-text-h2);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-text-h2-leading);
  letter-spacing: var(--bfv-text-h2-tracking);
}

.ds24-section--custom-code .bfv-br--from-744 {
  display: none;
}

@media (width >= 744px) {
  .ds24-section--custom-code .bfv-br--from-744 {
    display: inline;
  }
}

.ds24-section--custom-code .bfv-eyebrow__body {
  max-width: var(--bfv-eyebrow-body-max, none);
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-body);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-text-body-leading);
}

.ds24-section--custom-code .bfv-video-bg {
  background-color: var(--bfv-navy);
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.ds24-section--custom-code .bfv-video-bg__media {
  object-fit: cover;
  object-position: var(--bfv-video-bg-position);
  width: 100%;
  height: 100%;
}

.ds24-section--custom-code .bfv-video-bg__overlay {
  background-color: var(--bfv-video-bg-overlay-color);
  opacity: var(--bfv-video-bg-overlay-opacity);
  position: absolute;
  inset: 0;
}

.ds24-section--custom-code .bfv-cards {
  padding-inline-start: max(var(--bfv-space-gutter),
    calc((100% - var(--bfv-content-max)) / 2));
}

.ds24-section--custom-code .bfv-cards__viewport {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overflow: auto hidden;
}

.ds24-section--custom-code .bfv-cards__viewport::-webkit-scrollbar {
  display: none;
}

.ds24-section--custom-code .bfv-cards__track {
  align-items: stretch;
  gap: var(--bfv-cards-gap);
  width: fit-content;
  display: flex;
}

.ds24-section--custom-code .bfv-cards__card {
  flex: 0 0 var(--bfv-cards-card-width);
  padding: var(--bfv-cards-pad-top) var(--bfv-cards-pad-end)
           var(--bfv-cards-pad-bottom) var(--bfv-cards-pad-start);
  background-color: var(--bfv-white-07);
  border-inline-start: var(--bfv-cards-accent-width) solid var(--bfv-yellow);
  scroll-snap-align: start;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.ds24-section--custom-code .bfv-cards__body {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.ds24-section--custom-code .bfv-cards__head {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ds24-section--custom-code .bfv-cards__title {
  color: var(--bfv-white);
  font-size: var(--bfv-text-card-title);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-text-card-title-tracking);
}

.ds24-section--custom-code .bfv-cards__text {
  color: var(--bfv-white-60);
  font-size: var(--bfv-text-card-body);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
}

.ds24-section--custom-code .bfv-cards__example {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.ds24-section--custom-code .bfv-cards__example-label {
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-card-label);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-text-eyebrow-tracking);
  line-height: 1;
}

.ds24-section--custom-code .bfv-cards__example-text {
  color: var(--bfv-white-60);
  font-size: var(--bfv-text-card-example);
  font-weight: var(--bfv-font-medium);
  line-height: var(--bfv-line-tight);
}

.ds24-section--custom-code .bfv-cards__source {
  color: var(--bfv-white-60);
  font-size: var(--bfv-text-card-source);
  font-weight: var(--bfv-font-light);
  line-height: var(--bfv-line-relaxed);
}

.ds24-section--custom-code .bfv-cards__nav {
  gap: var(--bfv-cards-nav-gap);
  margin-block-start: var(--bfv-cards-nav-offset);
  display: none;
}

.ds24-section--custom-code .bfv-cards--enhanced .bfv-cards__nav {
  display: flex;
}

.ds24-section--custom-code .bfv-cards__nav-button {
  width: var(--bfv-cards-nav-size);
  height: var(--bfv-cards-nav-size);
  color: var(--bfv-white-70);
  border: 1px solid var(--bfv-white-70);
  background-color: #0000;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ds24-section--custom-code .bfv-cards--enhanced .bfv-cards__viewport {
  cursor: grab;
}

.ds24-section--custom-code .bfv-cards--dragging .bfv-cards__viewport {
  cursor: grabbing;
  user-select: none;
  scroll-snap-type: none;
}

.ds24-section--custom-code .bfv-cards--settling .bfv-cards__viewport {
  scroll-snap-type: none;
}

.ds24-section--custom-code .bfv-cards__nav-icon {
  width: var(--bfv-cards-nav-icon);
  height: var(--bfv-cards-nav-icon);
}

.ds24-section--custom-code .bfv-cards__nav-button--prev .bfv-cards__nav-icon {
  transform: scaleX(-1);
}

.ds24-section--custom-code .bfv-graph {
  grid-template-columns: var(--bfv-graph-label-col) 1fr max-content;
  grid-template-rows: var(--bfv-graph-row-height) var(--bfv-graph-row-height) auto;
  row-gap: var(--bfv-graph-row-gap);
  column-gap: var(--bfv-graph-col-gap);
  padding-top: var(--bfv-graph-grid-over-top);
  align-items: center;
  display: grid;
}

.ds24-section--custom-code .bfv-graph__label {
  font-size: var(--bfv-text-graph-label);
  font-weight: var(--bfv-font-medium);
  color: var(--bfv-white-70);
  text-align: right;
  white-space: nowrap;
  grid-column: 1;
  line-height: 1;
}

.ds24-section--custom-code .bfv-graph__value {
  font-size: var(--bfv-text-graph-value);
  font-weight: var(--bfv-font-bold);
  white-space: nowrap;
  grid-column: 3;
  line-height: 1;
}

.ds24-section--custom-code .bfv-graph__label--a, .ds24-section--custom-code .bfv-graph__bar--a, .ds24-section--custom-code .bfv-graph__value--a {
  grid-row: 1;
}

.ds24-section--custom-code .bfv-graph__label--b, .ds24-section--custom-code .bfv-graph__bar--b, .ds24-section--custom-code .bfv-graph__value--b {
  grid-row: 2;
}

.ds24-section--custom-code .bfv-graph__value--a {
  color: var(--bfv-blue);
}

.ds24-section--custom-code .bfv-graph__value--b {
  color: var(--bfv-yellow);
}

.ds24-section--custom-code .bfv-graph__grid {
  z-index: 0;
  grid-area: 1 / 2 / span 2;
  align-self: stretch;
  position: relative;
}

.ds24-section--custom-code .bfv-graph__gridline {
  top: calc(-1 * var(--bfv-graph-grid-over-top));
  bottom: calc(-1 * var(--bfv-graph-grid-over-bottom));
  background-color: var(--bfv-graph-grid-color);
  width: 1px;
  position: absolute;
}

.ds24-section--custom-code .bfv-graph__gridline--0 {
  left: 0;
}

.ds24-section--custom-code .bfv-graph__gridline--5 {
  left: calc(100% * 5 / var(--bfv-graph-axis-max));
}

.ds24-section--custom-code .bfv-graph__gridline--10 {
  left: calc(100% * 10 / var(--bfv-graph-axis-max));
}

.ds24-section--custom-code .bfv-graph__axis {
  height: 1em;
  margin-top: calc(var(--bfv-graph-axis-gap) - var(--bfv-graph-row-gap));
  font-size: var(--bfv-text-graph-label);
  font-weight: var(--bfv-font-medium);
  color: var(--bfv-white-30);
  grid-area: 3 / 2;
  line-height: 1;
  position: relative;
}

.ds24-section--custom-code .bfv-graph__tick {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}

.ds24-section--custom-code .bfv-graph__tick--0 {
  left: 0;
}

.ds24-section--custom-code .bfv-graph__tick--5 {
  left: calc(100% * 5 / var(--bfv-graph-axis-max));
}

.ds24-section--custom-code .bfv-graph__tick--10 {
  left: calc(100% * 10 / var(--bfv-graph-axis-max));
}

.ds24-section--custom-code .bfv-progress-bar {
  z-index: 1;
  height: var(--bfv-graph-bar-height);
  width: calc(100% * var(--bfv-progress-bar-value) / var(--bfv-graph-axis-max));
  background-color: var(--bfv-graph-track-color);
  border-start-end-radius: var(--bfv-graph-bar-radius);
  border-end-end-radius: var(--bfv-graph-bar-radius);
  grid-column: 2;
  position: relative;
}

.ds24-section--custom-code .bfv-progress-bar--a {
  --bfv-progress-bar-value: 8.7;
}

.ds24-section--custom-code .bfv-progress-bar--b {
  --bfv-progress-bar-value: 11.7;
}

.ds24-section--custom-code .bfv-progress-bar__fill {
  border-start-end-radius: var(--bfv-graph-bar-radius);
  border-end-end-radius: var(--bfv-graph-bar-radius);
  width: 100%;
  height: 100%;
}

.ds24-section--custom-code .bfv-progress-bar--a .bfv-progress-bar__fill {
  background-color: var(--bfv-blue);
}

.ds24-section--custom-code .bfv-progress-bar--b .bfv-progress-bar__fill {
  background-color: var(--bfv-yellow);
}

.ds24-section--custom-code .bfv-graph--animate .bfv-progress-bar__fill {
  width: 0;
}

.ds24-section--custom-code .bfv-graph--animate.bfv-graph--in-view .bfv-progress-bar__fill {
  width: 100%;
  transition: width var(--bfv-graph-anim-duration) ease-out;
}

.ds24-section--custom-code .bfv-graph--animate.bfv-graph--in-view .bfv-progress-bar--b .bfv-progress-bar__fill {
  transition-delay: var(--bfv-graph-anim-stagger);
}

.ds24-section--custom-code .bfv-tabs {
  width: 100%;
  max-width: var(--bfv-container-max);
  padding-inline: var(--bfv-tabs-inset);
  margin-inline: auto;
}

.ds24-section--custom-code .bfv-tabs__bar {
  grid-auto-flow: column;
  grid-auto-columns: var(--bfv-tabs-col);
  display: grid;
  overflow-x: auto;
}

.ds24-section--custom-code .bfv-tabs__tab {
  padding: var(--bfv-tabs-tab-pad-block) var(--bfv-tabs-tab-pad-inline)
           calc(var(--bfv-tabs-tab-pad-block) - var(--bfv-tabs-underline));
  background-color: var(--bfv-white-10);
  border-bottom: var(--bfv-tabs-underline) solid transparent;
  border-left: 1px solid var(--bfv-white-10);
  align-items: center;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__bar > li:first-child > .bfv-tabs__tab {
  border-left: 0;
}

.ds24-section--custom-code .bfv-tabs__tab--active {
  background-color: var(--bfv-white);
  border-bottom-color: var(--bfv-yellow);
}

.ds24-section--custom-code .bfv-tabs__tab-text {
  gap: var(--bfv-tabs-tab-gap);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__tab-title {
  color: var(--bfv-white);
  font-size: var(--bfv-text-tab-title);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-tabs-tracking-title);
}

.ds24-section--custom-code .bfv-tabs__tab--active .bfv-tabs__tab-title {
  color: var(--bfv-navy);
}

.ds24-section--custom-code .bfv-tabs__tab-price {
  gap: var(--bfv-tabs-tab-price-gap);
  white-space: nowrap;
  color: var(--bfv-gray-dark);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__tab-price-label {
  font-size: var(--bfv-text-tab-price-label);
  line-height: 1;
}

.ds24-section--custom-code .bfv-tabs__tab-price-value {
  font-size: var(--bfv-text-tab-price);
  line-height: 1;
}

.ds24-section--custom-code .bfv-tabs__panel {
  gap: var(--bfv-tabs-panel-gap);
  padding: var(--bfv-tabs-panel-pad-block) var(--bfv-tabs-panel-pad-inline);
  background-color: var(--bfv-white-05);
  flex-wrap: wrap;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs--js .bfv-tabs__panel[hidden] {
  display: none;
}

.ds24-section--custom-code .bfv-tabs__card {
  width: var(--bfv-tabs-card-width);
  gap: var(--bfv-tabs-card-gap);
  padding: var(--bfv-tabs-card-pad-block-start) var(--bfv-tabs-card-pad-inline)
           var(--bfv-tabs-card-pad-block-end);
  background-color: var(--bfv-blue-10);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__card-title {
  padding-inline: var(--bfv-tabs-row-pad);
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-tabs-card-title);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-tabs-tracking-label);
  line-height: 1;
}

.ds24-section--custom-code .bfv-tabs__rows {
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__row {
  padding-block: var(--bfv-tabs-row-pad-block);
  border-bottom: var(--bfv-tabs-row-border) solid var(--bfv-white-20);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__row:last-child {
  align-items: flex-start;
  gap: var(--bfv-tabs-row-gap);
  border-bottom: 0;
}

.ds24-section--custom-code .bfv-tabs__row-label, .ds24-section--custom-code .bfv-tabs__row-value {
  padding: var(--bfv-tabs-row-pad);
  font-weight: var(--bfv-font-medium);
  white-space: nowrap;
  line-height: 1;
}

.ds24-section--custom-code .bfv-tabs__row-label {
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-tabs-row-label);
  letter-spacing: var(--bfv-tabs-tracking-label);
}

.ds24-section--custom-code .bfv-tabs__row-value {
  color: var(--bfv-white);
  font-size: var(--bfv-text-tabs-row-value);
  text-align: right;
}

.ds24-section--custom-code .bfv-tabs__row:last-child .bfv-tabs__row-value {
  min-width: 0;
  line-height: var(--bfv-line-tight);
  white-space: normal;
  flex: 1 1 0;
}

.ds24-section--custom-code .bfv-tabs__info {
  gap: var(--bfv-tabs-info-gap);
  min-width: 0;
  padding-inline: var(--bfv-tabs-info-pad-inline);
  flex-direction: column;
  flex: 1 1 0;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__title-block {
  align-items: flex-start;
  gap: var(--bfv-tabs-title-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__highlight {
  padding: var(--bfv-tabs-highlight-pad-block) var(--bfv-tabs-highlight-pad-inline);
  background-color: var(--bfv-yellow-10);
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-tabs-highlight);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-tabs-tracking-label);
  line-height: 1;
}

.ds24-section--custom-code .bfv-tabs__title {
  color: var(--bfv-white);
  font-size: var(--bfv-text-tabs-title);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-tabs-tracking-title);
}

.ds24-section--custom-code .bfv-tabs__features {
  gap: var(--bfv-tabs-features-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__features-label {
  color: var(--bfv-white-60);
  font-size: var(--bfv-text-tabs-features);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-tabs-tracking-label);
  line-height: 1;
}

.ds24-section--custom-code .bfv-tabs__bullets {
  gap: var(--bfv-tabs-bullets-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__bullet {
  align-items: center;
  gap: var(--bfv-tabs-bullet-gap);
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-tabs-bullet);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
  display: flex;
}

.ds24-section--custom-code .bfv-tabs__bullet:before {
  content: "";
  inline-size: var(--bfv-tabs-dot-dia);
  block-size: var(--bfv-tabs-dot-dia);
  margin: calc((var(--bfv-tabs-dot-size) - var(--bfv-tabs-dot-dia)) / 2);
  background-color: var(--bfv-yellow);
  border-radius: 50%;
  flex: none;
}

.ds24-section--custom-code .bfv-tabs__bullet-text {
  flex: 1 1 0;
  min-width: 0;
}

.ds24-section--custom-code .bfv-tabs__bullet-text > strong {
  color: var(--bfv-white);
  font-weight: var(--bfv-font-bold);
}

.ds24-section--custom-code .bfv-scroll-target {
  scroll-margin-top: var(--bfv-space-scroll-offset);
}

.ds24-section--custom-code .bfv-visually-hidden {
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media (width >= 744px) {
  .ds24-section--custom-code {
    --bfv-space-gutter: 40px;
    --bfv-text-eyebrow: 12px;
    --bfv-text-h2: 26px;
    --bfv-text-body: 16px;
    --bfv-space-title-body: 30px;
    --bfv-eyebrow-body-measure: 590px;
    --bfv-cards-card-width: 280px;
    --bfv-cards-gap: 40px;
    --bfv-cards-pad-top: 36px;
    --bfv-cards-pad-start: 36px;
    --bfv-cards-pad-end: 24px;
    --bfv-cards-pad-bottom: 24px;
    --bfv-text-card-label: 13px;
    --bfv-graph-col-gap: 24px;
    --bfv-graph-label-col: 138px;
    --bfv-graph-row-height: 16px;
    --bfv-graph-row-gap: 18px;
    --bfv-graph-axis-gap: 22px;
    --bfv-graph-grid-over-top: 14px;
    --bfv-graph-grid-over-bottom: 11px;
    --bfv-text-graph-label: 13px;
    --bfv-text-graph-value: 16px;
    --bfv-tabs-col: 1fr;
    --bfv-tabs-inset: var(--bfv-space-gutter);
    --bfv-tabs-tab-pad-block: 12px;
    --bfv-tabs-tab-pad-inline: 12px;
    --bfv-tabs-panel-pad-inline: 30px;
    --bfv-tabs-panel-gap: 40px;
    --bfv-tabs-card-width: 260px;
    --bfv-tabs-card-pad-inline: 20px;
    --bfv-tabs-info-pad-inline: 0;
    --bfv-tabs-highlight-pad-inline: 10px;
    --bfv-text-tab-title: 14px;
    --bfv-text-tab-price-label: 7px;
    --bfv-text-tab-price: 13px;
    --bfv-text-tabs-card-title: 13px;
    --bfv-text-tabs-row-label: 10px;
    --bfv-text-tabs-row-value: 12px;
    --bfv-text-tabs-bullet: 14px;
    --bfv-atf-column-gap: 40px;
    --bfv-text-atf-headline: 42px;
    --bfv-text-atf-subhead: 30px;
    --bfv-text-atf-cta: 26px;
    --bfv-text-atf-note: 11px;
    --bfv-highlights-pad-block: 20px;
    --bfv-highlights-stats-gap: 30px;
    --bfv-text-highlights-value: 30px;
    --bfv-text-highlights-label: 12px;
    --bfv-space-section-bottom: 40px;
    --bfv-blinde-fleck-a-gap: 60px;
    --bfv-blinde-fleck-a-card-pad-block: 40px;
    --bfv-blinde-fleck-a-card-pad-inline: 40px;
    --bfv-blinde-fleck-a-columns: 2;
    --bfv-die-prinzipien-pad-bottom: var(--bfv-space-section-bottom);
    --bfv-live-beispiel-body-max: 600px;
    --bfv-live-beispiel-part-pad-top: 40px;
    --bfv-live-beispiel-part-pad-bottom: 30px;
    --bfv-live-beispiel-part-pad-inline: 40px;
    --bfv-live-beispiel-part-gap: 40px;
    --bfv-live-beispiel-header-gap: 30px;
    --bfv-text-live-beispiel-result: 48px;
    --bfv-der-ablauf-columns: 3;
    --bfv-der-ablauf-grid-gap: 40px;
    --bfv-der-ablauf-card-pad: 20px;
    --bfv-text-der-ablauf-step-title: 17px;
    --bfv-zwei-wege-columns: 235px 1fr;
    --bfv-zwei-wege-card-pad-inline: 30px;
    --bfv-zwei-wege-content-gap: 40px;
    --bfv-zwei-wege-people-gap: 20px;
    --bfv-zwei-wege-person-gap: 10px;
    --bfv-zwei-wege-price-gap: 10px;
    --bfv-zwei-wege-avatar-size: 36px;
    --bfv-text-zwei-wege-label: 11px;
    --bfv-text-zwei-wege-price: 26px;
    --bfv-text-zwei-wege-price-was: 18px;
    --bfv-text-zwei-wege-initials: 17px;
    --bfv-text-zwei-wege-name: 13px;
    --bfv-text-zwei-wege-role: 9px;
    --bfv-bevor-du-fragst-columns: repeat(3, 1fr);
    --bfv-bevor-du-fragst-gap: 40px;
    --bfv-bevor-du-fragst-title-size: 30px;
    --bfv-naechste-schritte-gutter: var(--bfv-space-gutter);
    --bfv-naechste-schritte-pad-bottom: 60px;
    --bfv-naechste-schritte-boxed-pad: 40px;
    --bfv-naechste-schritte-gap: 60px;
    --bfv-naechste-schritte-intro-width: 235px;
    --bfv-text-naechste-schritte-body: 16px;
    --bfv-noch-fragen-pad-block: 30px;
  }
}

@media (width >= 1024px) {
  .ds24-section--custom-code {
    --bfv-space-gutter: 60px;
    --bfv-text-eyebrow: 13px;
    --bfv-text-h2: 36px;
    --bfv-text-body: 18px;
    --bfv-space-eyebrow-title: 30px;
    --bfv-space-title-body: 40px;
    --bfv-cards-card-width: 320px;
    --bfv-cards-nav-size: 51px;
    --bfv-cards-nav-gap: 16px;
    --bfv-cards-nav-icon: 22px;
    --bfv-tabs-tab-pad-block: 16px;
    --bfv-tabs-tab-pad-inline: 24px;
    --bfv-tabs-panel-pad-block: 60px;
    --bfv-tabs-panel-pad-inline: 60px;
    --bfv-tabs-panel-gap: 60px;
    --bfv-tabs-card-width: 330px;
    --bfv-text-tab-title: 16px;
    --bfv-text-tab-price-label: 8px;
    --bfv-text-tab-price: 15px;
    --bfv-text-tabs-card-title: 15px;
    --bfv-text-tabs-row-label: 11px;
    --bfv-text-tabs-row-value: 13px;
    --bfv-text-tabs-title: 26px;
    --bfv-text-tabs-features: 13px;
    --bfv-text-tabs-bullet: 16px;
    --bfv-logo-width: 150px;
    --bfv-atf-pad-block: 60px;
    --bfv-atf-title-gap: 20px;
    --bfv-atf-body-max: 794px;
    --bfv-text-atf-headline: 48px;
    --bfv-text-atf-subhead: 36px;
    --bfv-text-atf-cta: 30px;
    --bfv-text-atf-note: 12px;
    --bfv-highlights-pad-block: 30px;
    --bfv-highlights-stats-gap: 60px;
    --bfv-highlights-cell-gap: 10px;
    --bfv-text-highlights-value: 42px;
    --bfv-text-highlights-label: 15px;
    --bfv-space-section-top: 60px;
    --bfv-space-section-bottom: 60px;
    --bfv-blinde-fleck-a-columns: 4;
    --bfv-blinde-fleck-a-col-gap: 60px;
    --bfv-text-blinde-fleck-a-title: 18px;
    --bfv-space-eyebrow-content: 60px;
    --bfv-text-der-ablauf-number: 36px;
    --bfv-text-der-ablauf-step-title: 18px;
    --bfv-text-der-ablauf-step-body: 15px;
    --bfv-live-beispiel-pad-top: 80px;
    --bfv-zwei-wege-columns: 304px 1fr;
    --bfv-zwei-wege-gap: 60px;
    --bfv-zwei-wege-card-pad-top: 40px;
    --bfv-zwei-wege-card-pad-inline: 40px;
    --bfv-zwei-wege-card-pad-bottom: 30px;
    --bfv-text-zwei-wege-label: 13px;
    --bfv-text-zwei-wege-card-title: 30px;
    --bfv-text-zwei-wege-price: 30px;
    --bfv-text-zwei-wege-price-was: 22px;
    --bfv-text-zwei-wege-bullet: 16px;
    --bfv-text-zwei-wege-name: 15px;
    --bfv-text-zwei-wege-role: 11px;
    --bfv-bevor-du-fragst-title-size: var(--bfv-text-h2);
    --bfv-bevor-du-fragst-gap: 60px;
    --bfv-text-bevor-du-fragst-question: 16px;
    --bfv-text-bevor-du-fragst-answer: 15px;
    --bfv-naechste-schritte-pad-top: 60px;
    --bfv-naechste-schritte-pad-bottom: 80px;
    --bfv-naechste-schritte-boxed-pad-top: 60px;
    --bfv-naechste-schritte-boxed-pad: 60px;
    --bfv-naechste-schritte-gap: 80px;
    --bfv-naechste-schritte-intro-width: 304px;
    --bfv-text-naechste-schritte-number: 48px;
    --bfv-text-naechste-schritte-step: 17px;
    --bfv-noch-fragen-pad-block: 40px;
    --bfv-text-noch-fragen: 26px;
  }
}

@media (width >= 1280px) {
  .ds24-section--custom-code {
    --bfv-space-gutter: 80px;
    --bfv-text-h2: 42px;
    --bfv-text-body: 21px;
    --bfv-text-card-title: 22px;
    --bfv-text-card-body: 16px;
    --bfv-text-card-example: 17px;
    --bfv-cards-nav-offset: 60px;
    --bfv-text-tab-title: 18px;
    --bfv-text-tabs-title: 30px;
    --bfv-atf-pad-block: 80px;
    --bfv-atf-column-gap: 60px;
    --bfv-text-atf-headline: 60px;
    --bfv-text-atf-subhead: 42px;
    --bfv-text-atf-cta: 36px;
    --bfv-live-beispiel-col-slack: 12px;
    --bfv-live-beispiel-cell-pad: 10px;
    --bfv-highlights-stats-gap: 80px;
    --bfv-text-highlights-value: 48px;
    --bfv-text-highlights-label: 16px;
    --bfv-space-section-top: 80px;
    --bfv-blinde-fleck-a-col-gap: 80px;
    --bfv-text-blinde-fleck-a-title: 21px;
    --bfv-text-blinde-fleck-a-body: 15px;
    --bfv-der-ablauf-columns: 6;
    --bfv-der-ablauf-grid-gap: 20px;
    --bfv-zwei-wege-columns: 1fr 1fr;
    --bfv-zwei-wege-gap: 80px;
    --bfv-zwei-wege-pad-bottom: 80px;
    --bfv-bevor-du-fragst-gap: 80px;
    --bfv-text-bevor-du-fragst-question: 18px;
    --bfv-text-bevor-du-fragst-answer: 16px;
    --bfv-naechste-schritte-boxed-pad-top: 80px;
    --bfv-naechste-schritte-boxed-pad: 80px;
    --bfv-naechste-schritte-gap: 120px;
    --bfv-naechste-schritte-intro-width: 441px;
    --bfv-text-noch-fragen: 30px;
  }
}

@media (width >= 1440px) {
  .ds24-section--custom-code {
    --bfv-space-gutter: 120px;
    --bfv-live-beispiel-col-slack: 25.333px;
    --bfv-cards-card-width: 360px;
  }
}

@media (width >= 1920px) {
  .ds24-section--custom-code {
    --bfv-live-beispiel-col-slack: 65.333px;
  }
}

.ds24-section--custom-code .bfv-atf {
  padding-block: var(--bfv-atf-pad-block);
  position: relative;
}

.ds24-section--custom-code .bfv-atf__column {
  align-items: center;
  gap: var(--bfv-atf-column-gap);
  text-align: center;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ds24-section--custom-code .bfv-atf__title {
  align-items: center;
  gap: var(--bfv-atf-title-body-gap);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ds24-section--custom-code .bfv-atf__headings {
  gap: var(--bfv-atf-title-gap);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ds24-section--custom-code .bfv-atf__headline {
  font-size: var(--bfv-text-atf-headline);
  font-weight: var(--bfv-font-bold);
  letter-spacing: var(--bfv-text-h2-tracking);
  color: var(--bfv-white);
  margin: 0;
  line-height: 1;
}

.ds24-section--custom-code .bfv-atf__headline-accent {
  color: var(--bfv-yellow);
}

.ds24-section--custom-code .bfv-atf__subhead {
  font-size: var(--bfv-text-atf-subhead);
  font-weight: var(--bfv-font-bold);
  letter-spacing: var(--bfv-text-h2-tracking);
  color: var(--bfv-white);
  margin: 0;
  line-height: 1;
}

.ds24-section--custom-code .bfv-atf__body {
  max-width: var(--bfv-atf-body-max);
  font-size: var(--bfv-text-body);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-text-body-leading);
  color: var(--bfv-white-70);
  margin-block: 0;
  margin-inline: auto;
}

.ds24-section--custom-code .bfv-atf__cta {
  font-size: var(--bfv-text-atf-cta);
  font-weight: var(--bfv-font-bold);
  letter-spacing: var(--bfv-text-h2-tracking);
  color: var(--bfv-yellow);
  margin: 0;
  line-height: 1;
}

.ds24-section--custom-code .bfv-atf__note {
  font-size: var(--bfv-text-atf-note);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-text-body-leading);
  color: var(--bfv-white-60);
  margin: 0;
}

.ds24-section--custom-code .bfv-atf .bfv-video-bg {
  --bfv-video-bg-position: 50% 0%;
}

.ds24-section--custom-code .bfv-highlights-numbers {
  background-color: var(--bfv-highlights-ground);
  padding-block: calc(var(--bfv-highlights-pad-block) - 1px);
  border-top: 1px solid var(--bfv-white-07);
  border-bottom: 1px solid var(--bfv-white-07);
}

.ds24-section--custom-code .bfv-highlights-numbers__stats {
  justify-content: center;
  align-items: center;
  gap: var(--bfv-highlights-row-gap) var(--bfv-highlights-stats-gap);
  flex-wrap: wrap;
  display: flex;
}

.ds24-section--custom-code .bfv-highlights-numbers__cell {
  align-items: center;
  gap: var(--bfv-highlights-cell-gap);
  display: flex;
}

.ds24-section--custom-code .bfv-highlights-numbers__cell:last-child {
  flex-basis: 100%;
  justify-content: center;
}

@media (width >= 744px) {
  .ds24-section--custom-code .bfv-highlights-numbers__cell:last-child {
    flex-basis: auto;
  }
}

.ds24-section--custom-code .bfv-highlights-numbers__value {
  font-size: var(--bfv-text-highlights-value);
  font-weight: var(--bfv-font-bold);
  color: var(--bfv-yellow);
  line-height: 1;
}

.ds24-section--custom-code .bfv-highlights-numbers__label {
  font-size: var(--bfv-text-highlights-label);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-text-body-leading);
  color: var(--bfv-white);
  white-space: nowrap;
}

.ds24-section--custom-code .bfv-blinde-fleck-a {
  padding-block: var(--bfv-space-section-top) var(--bfv-space-section-bottom);
}

.ds24-section--custom-code .bfv-blinde-fleck-a__inner {
  gap: var(--bfv-blinde-fleck-a-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-blinde-fleck-a__eyebrow {
  --bfv-eyebrow-body-max: var(--bfv-eyebrow-body-measure);
}

.ds24-section--custom-code .bfv-blinde-fleck-a__card {
  grid-template-columns: repeat(var(--bfv-blinde-fleck-a-columns), 1fr);
  column-gap: var(--bfv-blinde-fleck-a-col-gap);
  row-gap: var(--bfv-blinde-fleck-a-row-gap);
  padding-block: var(--bfv-blinde-fleck-a-card-pad-block);
  padding-inline: var(--bfv-blinde-fleck-a-card-pad-inline);
  background-color: var(--bfv-white-07);
  border-radius: var(--bfv-radius-card);
  display: grid;
}

.ds24-section--custom-code .bfv-blinde-fleck-a__item {
  gap: var(--bfv-blinde-fleck-a-item-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-blinde-fleck-a__title {
  font-size: var(--bfv-text-blinde-fleck-a-title);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-text-h2-tracking);
  color: var(--bfv-white);
}

.ds24-section--custom-code .bfv-blinde-fleck-a__rule {
  border-top: 1px solid var(--bfv-yellow);
  height: 0;
}

.ds24-section--custom-code .bfv-blinde-fleck-a__body {
  font-size: var(--bfv-text-blinde-fleck-a-body);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
  color: var(--bfv-white-60);
}

.ds24-section--custom-code .bfv-blinde-fleck-b {
  padding-block: var(--bfv-space-section-top) var(--bfv-space-section-bottom);
  background-color: var(--bfv-blinde-fleck-b-ground);
}

.ds24-section--custom-code .bfv-blinde-fleck-b__eyebrow {
  --bfv-eyebrow-body-max: var(--bfv-eyebrow-body-measure);
}

.ds24-section--custom-code .bfv-blinde-fleck-b__tabs {
  margin-block-start: var(--bfv-space-eyebrow-content);
}

.ds24-section--custom-code .bfv-die-prinzipien {
  padding-block: var(--bfv-space-section-top) var(--bfv-die-prinzipien-pad-bottom);
}

.ds24-section--custom-code .bfv-die-prinzipien__cards {
  margin-block-start: var(--bfv-space-eyebrow-content);
}

.ds24-section--custom-code .bfv-live-beispiel {
  padding-block: var(--bfv-live-beispiel-pad-top) var(--bfv-space-section-bottom);
}

.ds24-section--custom-code .bfv-live-beispiel__eyebrow {
  --bfv-eyebrow-body-max: var(--bfv-live-beispiel-body-max);
}

.ds24-section--custom-code .bfv-live-beispiel__accent {
  color: var(--bfv-yellow);
}

.ds24-section--custom-code .bfv-live-beispiel__table {
  flex-direction: column;
  margin-block-start: var(--bfv-space-eyebrow-content);
  display: flex;
}

.ds24-section--custom-code .bfv-live-beispiel__part {
  gap: var(--bfv-live-beispiel-part-gap);
  min-width: 0;
  padding: var(--bfv-live-beispiel-part-pad-top)
    var(--bfv-live-beispiel-part-pad-inline)
    var(--bfv-live-beispiel-part-pad-bottom);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-live-beispiel__part--chart {
  background-color: var(--bfv-white-07);
}

.ds24-section--custom-code .bfv-live-beispiel__part--result {
  background-color: var(--bfv-white-10);
  justify-content: space-between;
}

.ds24-section--custom-code .bfv-live-beispiel__header {
  gap: var(--bfv-live-beispiel-header-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-live-beispiel__tags {
  gap: var(--bfv-live-beispiel-tags-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-live-beispiel__tag-row {
  align-items: center;
  gap: var(--bfv-live-beispiel-tags-gap);
  flex-wrap: wrap;
  display: flex;
}

.ds24-section--custom-code .bfv-live-beispiel__tag {
  align-items: center;
  gap: var(--bfv-live-beispiel-tag-gap);
  padding: var(--bfv-live-beispiel-tag-pad-block)
    var(--bfv-live-beispiel-tag-pad-inline);
  border: 1px solid var(--bfv-white-20);
  font-size: var(--bfv-text-live-beispiel-tag);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
  display: flex;
}

.ds24-section--custom-code .bfv-live-beispiel__tag-label {
  color: var(--bfv-white-30);
}

.ds24-section--custom-code .bfv-live-beispiel__tag-value {
  color: var(--bfv-white-70);
}

.ds24-section--custom-code .bfv-live-beispiel__chart-label {
  color: var(--bfv-blue);
  font-size: var(--bfv-text-eyebrow);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-text-eyebrow-tracking);
  line-height: 1;
}

.ds24-section--custom-code .bfv-live-beispiel__graph {
  max-width: var(--bfv-live-beispiel-graph-max);
}

.ds24-section--custom-code .bfv-live-beispiel__pill {
  align-self: flex-start;
  align-items: center;
  gap: var(--bfv-live-beispiel-pill-gap);
  padding: var(--bfv-live-beispiel-pill-pad-block)
    var(--bfv-live-beispiel-pill-pad-inline);
  border: 1px solid var(--bfv-yellow-40);
  border-radius: var(--bfv-radius-pill);
  background-color: var(--bfv-yellow-10);
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-live-beispiel-pill);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-text-eyebrow-tracking);
  line-height: 1;
  display: flex;
}

.ds24-section--custom-code .bfv-live-beispiel__pill-dot {
  inline-size: var(--bfv-live-beispiel-dot-dia);
  block-size: var(--bfv-live-beispiel-dot-dia);
  background-color: var(--bfv-yellow);
  border-radius: 50%;
  flex: none;
}

.ds24-section--custom-code .bfv-live-beispiel__result {
  align-items: flex-start;
  gap: var(--bfv-live-beispiel-result-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-live-beispiel__result-label {
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-eyebrow);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-text-eyebrow-tracking);
  line-height: 1;
}

.ds24-section--custom-code .bfv-live-beispiel__result-value {
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-live-beispiel-result);
  font-weight: var(--bfv-font-bold);
  line-height: 1;
}

.ds24-section--custom-code .bfv-live-beispiel__data-scroll {
  overflow-x: auto;
}

.ds24-section--custom-code .bfv-live-beispiel__data {
  width: 100%;
}

.ds24-section--custom-code .bfv-live-beispiel__data-row {
  border-bottom: var(--bfv-live-beispiel-row-border) solid var(--bfv-white-10);
}

.ds24-section--custom-code .bfv-live-beispiel__corner, .ds24-section--custom-code .bfv-live-beispiel__col, .ds24-section--custom-code .bfv-live-beispiel__row-label, .ds24-section--custom-code .bfv-live-beispiel__cell {
  padding: calc(var(--bfv-live-beispiel-row-pad-block) + var(--bfv-live-beispiel-cell-pad))
    var(--bfv-live-beispiel-cell-pad);
  vertical-align: middle;
}

.ds24-section--custom-code .bfv-live-beispiel__corner {
  padding: 0;
}

.ds24-section--custom-code .bfv-live-beispiel__col {
  color: var(--bfv-white-30);
  font-size: var(--bfv-text-live-beispiel-col);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-text-eyebrow-tracking);
  line-height: var(--bfv-line-tight);
  text-align: right;
}

.ds24-section--custom-code .bfv-live-beispiel__row-label, .ds24-section--custom-code .bfv-live-beispiel__cell {
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-live-beispiel-cell);
  font-weight: var(--bfv-font-medium);
  white-space: nowrap;
  line-height: 1;
}

.ds24-section--custom-code .bfv-live-beispiel__row-label {
  text-align: left;
}

.ds24-section--custom-code .bfv-live-beispiel__cell {
  text-align: right;
}

@media (width >= 744px) {
  .ds24-section--custom-code .bfv-live-beispiel__table {
    flex-direction: row;
    align-items: stretch;
  }

  .ds24-section--custom-code .bfv-live-beispiel__part {
    flex: 1 1 0;
  }
}

@media (width >= 1280px) {
  .ds24-section--custom-code .bfv-live-beispiel__data {
    table-layout: fixed;
  }

  .ds24-section--custom-code .bfv-live-beispiel__colgroup-1 {
    width: calc(var(--bfv-live-beispiel-col-1) + var(--bfv-live-beispiel-col-slack));
  }

  .ds24-section--custom-code .bfv-live-beispiel__colgroup-2 {
    width: calc(var(--bfv-live-beispiel-col-2) + var(--bfv-live-beispiel-col-slack));
  }

  .ds24-section--custom-code .bfv-live-beispiel__colgroup-3 {
    width: calc(var(--bfv-live-beispiel-col-3) + var(--bfv-live-beispiel-col-slack));
  }

  .ds24-section--custom-code .bfv-live-beispiel__colgroup-4 {
    width: var(--bfv-live-beispiel-col-4);
  }
}

.ds24-section--custom-code .bfv-der-ablauf {
  padding-block: var(--bfv-space-section-top) var(--bfv-space-section-bottom);
  position: relative;
}

.ds24-section--custom-code .bfv-der-ablauf__content {
  position: relative;
}

.ds24-section--custom-code .bfv-der-ablauf__eyebrow {
  --bfv-eyebrow-body-max: var(--bfv-eyebrow-body-measure);
}

.ds24-section--custom-code .bfv-der-ablauf__steps {
  grid-template-columns: repeat(var(--bfv-der-ablauf-columns), 1fr);
  gap: var(--bfv-der-ablauf-grid-gap);
  margin-block-start: var(--bfv-space-eyebrow-content);
  display: grid;
}

.ds24-section--custom-code .bfv-der-ablauf__step {
  gap: var(--bfv-der-ablauf-card-gap);
  min-width: 0;
  padding: var(--bfv-der-ablauf-card-pad);
  background-color: var(--bfv-white-07);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-der-ablauf__number {
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-der-ablauf-number);
  font-weight: var(--bfv-font-light);
  line-height: 1;
}

.ds24-section--custom-code .bfv-der-ablauf__step-text {
  justify-content: space-between;
  gap: var(--bfv-der-ablauf-card-gap);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ds24-section--custom-code .bfv-der-ablauf__step-head {
  gap: var(--bfv-der-ablauf-card-text-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-der-ablauf__step-title {
  color: var(--bfv-white);
  font-size: var(--bfv-text-der-ablauf-step-title);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-text-card-title-tracking);
}

.ds24-section--custom-code .bfv-der-ablauf__step-body {
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-der-ablauf-step-body);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
}

.ds24-section--custom-code .bfv-der-ablauf__step-duration {
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-der-ablauf-step-body);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
}

@media (width >= 1440px) {
  .ds24-section--custom-code .bfv-der-ablauf .bfv-video-bg {
    --bfv-video-bg-position: 50% 0%;
  }
}

.ds24-section--custom-code .bfv-zwei-wege {
  padding-block: var(--bfv-space-section-top) var(--bfv-zwei-wege-pad-bottom);
  border-top: 1px solid var(--bfv-white-07);
  border-bottom: 1px solid var(--bfv-white-07);
}

.ds24-section--custom-code .bfv-zwei-wege__grid {
  grid-template-columns: var(--bfv-zwei-wege-columns);
  gap: var(--bfv-zwei-wege-gap);
  display: grid;
}

.ds24-section--custom-code .bfv-zwei-wege__card {
  min-width: 0;
  padding: var(--bfv-zwei-wege-card-pad-top)
           var(--bfv-zwei-wege-card-pad-inline)
           var(--bfv-zwei-wege-card-pad-bottom);
  background-color: var(--bfv-white-07);
  flex-direction: column;
  gap: 40px;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__content {
  gap: var(--bfv-zwei-wege-content-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__head {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__head-title {
  flex-direction: column;
  flex: 1 1 0;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__price {
  text-align: right;
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  gap: 10px;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__label {
  color: var(--bfv-blue);
  font-size: var(--bfv-text-zwei-wege-label);
  font-weight: var(--bfv-font-medium);
  letter-spacing: var(--bfv-text-eyebrow-tracking);
  white-space: nowrap;
}

.ds24-section--custom-code .bfv-zwei-wege__card-title {
  color: var(--bfv-white);
  font-size: var(--bfv-text-zwei-wege-card-title);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-text-card-title-tracking);
}

.ds24-section--custom-code .bfv-zwei-wege__price-row {
  align-items: flex-start;
  gap: var(--bfv-zwei-wege-price-gap);
  white-space: nowrap;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__price-now {
  color: var(--bfv-white);
  font-size: var(--bfv-text-zwei-wege-price);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-text-card-title-tracking);
}

.ds24-section--custom-code .bfv-zwei-wege__price-was {
  color: var(--bfv-white-20);
  font-size: var(--bfv-text-zwei-wege-price-was);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-text-card-title-tracking);
  text-decoration: line-through;
}

.ds24-section--custom-code .bfv-zwei-wege__bullets {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__bullet {
  align-items: center;
  gap: 10px;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__bullet-icon {
  width: 20px;
  height: 20px;
  color: var(--bfv-blue);
  flex: none;
  transform: rotate(-90deg);
}

.ds24-section--custom-code .bfv-zwei-wege__bullet-text {
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-zwei-wege-bullet);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
}

.ds24-section--custom-code .bfv-zwei-wege__people {
  gap: var(--bfv-zwei-wege-people-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__divider {
  border-top: 1px solid var(--bfv-white-20);
  height: 0;
}

.ds24-section--custom-code .bfv-zwei-wege__person-list {
  justify-content: space-between;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__person {
  align-items: flex-end;
  gap: var(--bfv-zwei-wege-person-gap);
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__avatar {
  width: var(--bfv-zwei-wege-avatar-size);
  height: var(--bfv-zwei-wege-avatar-size);
  padding-top: var(--bfv-zwei-wege-initials-optical);
  font-size: var(--bfv-text-zwei-wege-initials);
  font-weight: var(--bfv-font-medium);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-text-card-title-tracking);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__avatar--blue {
  background-color: var(--bfv-zwei-wege-avatar-blue);
  color: var(--bfv-blue);
}

.ds24-section--custom-code .bfv-zwei-wege__avatar--gold {
  background-color: var(--bfv-zwei-wege-avatar-gold);
  color: var(--bfv-gold);
}

.ds24-section--custom-code .bfv-zwei-wege__person-text {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ds24-section--custom-code .bfv-zwei-wege__person-name {
  color: var(--bfv-gray-light);
  font-size: var(--bfv-text-zwei-wege-name);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-relaxed);
}

.ds24-section--custom-code .bfv-zwei-wege__person-role {
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-zwei-wege-role);
  font-weight: var(--bfv-font-light);
  line-height: var(--bfv-line-relaxed);
}

@media (width >= 1024px) {
  .ds24-section--custom-code .bfv-zwei-wege__person-list {
    justify-content: flex-start;
    gap: 40px;
  }
}

.ds24-section--custom-code .bfv-bevor-du-fragst {
  padding-block: var(--bfv-space-section-top) var(--bfv-space-section-bottom);
}

.ds24-section--custom-code .bfv-bevor-du-fragst__inner {
  gap: var(--bfv-space-eyebrow-content);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-bevor-du-fragst__eyebrow .bfv-eyebrow__title {
  font-size: var(--bfv-bevor-du-fragst-title-size);
}

.ds24-section--custom-code .bfv-bevor-du-fragst__list {
  grid-template-columns: var(--bfv-bevor-du-fragst-columns);
  gap: var(--bfv-bevor-du-fragst-gap);
  display: grid;
}

.ds24-section--custom-code .bfv-bevor-du-fragst__item {
  gap: var(--bfv-bevor-du-fragst-qa-gap);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ds24-section--custom-code .bfv-bevor-du-fragst__question {
  color: var(--bfv-yellow);
  font-size: var(--bfv-text-bevor-du-fragst-question);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-line-tight);
}

.ds24-section--custom-code .bfv-bevor-du-fragst__answer {
  color: var(--bfv-white-70);
  font-size: var(--bfv-text-bevor-du-fragst-answer);
  font-weight: var(--bfv-text-body-weight);
  line-height: var(--bfv-line-tight);
}

.ds24-section--custom-code .bfv-naechste-schritte {
  padding-block: var(--bfv-naechste-schritte-pad-top)
    var(--bfv-naechste-schritte-pad-bottom);
  position: relative;
}

.ds24-section--custom-code .bfv-naechste-schritte__content {
  padding-inline: var(--bfv-naechste-schritte-gutter);
  position: relative;
}

.ds24-section--custom-code .bfv-naechste-schritte__boxed {
  align-items: flex-start;
  gap: var(--bfv-naechste-schritte-gap);
  max-width: var(--bfv-naechste-schritte-boxed-max);
  padding: var(--bfv-naechste-schritte-boxed-pad-top)
    var(--bfv-naechste-schritte-boxed-pad)
    var(--bfv-naechste-schritte-boxed-pad);
  border-radius: var(--bfv-radius-card);
  background-color: var(--bfv-white);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.ds24-section--custom-code .bfv-naechste-schritte__eyebrow {
  width: var(--bfv-naechste-schritte-intro-width);
  flex: none;
}

.ds24-section--custom-code .bfv-naechste-schritte__eyebrow .bfv-eyebrow__label {
  color: var(--bfv-black);
}

.ds24-section--custom-code .bfv-naechste-schritte__eyebrow .bfv-eyebrow__rule {
  border-top-color: var(--bfv-black);
}

.ds24-section--custom-code .bfv-naechste-schritte__eyebrow .bfv-eyebrow__title {
  color: var(--bfv-navy);
}

.ds24-section--custom-code .bfv-naechste-schritte__eyebrow .bfv-eyebrow__body {
  color: var(--bfv-navy);
  font-size: var(--bfv-text-naechste-schritte-body);
}

.ds24-section--custom-code .bfv-naechste-schritte__steps {
  gap: var(--bfv-naechste-schritte-step-gap);
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-width: 0;
  display: flex;
}

.ds24-section--custom-code .bfv-naechste-schritte__step {
  align-items: center;
  gap: var(--bfv-naechste-schritte-step-gap);
  display: flex;
}

.ds24-section--custom-code .bfv-naechste-schritte__step + .bfv-naechste-schritte__step {
  padding-top: var(--bfv-naechste-schritte-step-gap);
  border-top: 1px solid var(--bfv-gold);
}

.ds24-section--custom-code .bfv-naechste-schritte__number {
  color: var(--bfv-gold);
  font-size: var(--bfv-text-naechste-schritte-number);
  font-weight: var(--bfv-font-light);
  flex: none;
  line-height: 1;
}

.ds24-section--custom-code .bfv-naechste-schritte__step-text {
  min-width: 0;
  color: var(--bfv-navy);
  font-size: var(--bfv-text-naechste-schritte-step);
  font-weight: var(--bfv-font-medium);
  line-height: var(--bfv-line-tight);
  letter-spacing: var(--bfv-text-h2-tracking);
  flex: 1 1 0;
}

@media (width >= 744px) {
  .ds24-section--custom-code .bfv-naechste-schritte {
    --bfv-video-bg-position: 50% 100%;
  }

  .ds24-section--custom-code .bfv-naechste-schritte__boxed {
    flex-direction: row;
    align-items: flex-end;
  }

  .ds24-section--custom-code .bfv-naechste-schritte__steps {
    width: auto;
  }
}

@media (width >= 1280px) {
  .ds24-section--custom-code .bfv-naechste-schritte {
    --bfv-video-bg-position: 50% 50%;
  }
}

.ds24-section--custom-code .bfv-noch-fragen {
  box-shadow: inset 0 1px 0 0 var(--bfv-gray-dark-30),
    inset 0 -1px 0 0 var(--bfv-gray-dark-30);
}

.ds24-section--custom-code .bfv-noch-fragen__row {
  align-items: flex-start;
  gap: var(--bfv-noch-fragen-gap);
  padding-block: var(--bfv-noch-fragen-pad-block);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .bfv-noch-fragen__title {
  width: 100%;
  color: var(--bfv-white);
  font-size: var(--bfv-text-noch-fragen);
  font-weight: var(--bfv-font-bold);
  line-height: var(--bfv-text-h2-leading);
  letter-spacing: var(--bfv-text-h2-tracking);
}

.ds24-section--custom-code .bfv-noch-fragen__title-accent {
  color: var(--bfv-yellow);
}

.ds24-section--custom-code .bfv-noch-fragen__logo {
  width: var(--bfv-logo-width);
  aspect-ratio: var(--bfv-logo-ratio);
  flex-shrink: 0;
  height: auto;
}

@media (width >= 744px) {
  .ds24-section--custom-code .bfv-noch-fragen__row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .ds24-section--custom-code .bfv-noch-fragen__title {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
}

.ds24-page--bfv .ds24-component--header .header-bar, .ds24-page--bfv .header-sidenav {
  background-color: var(--bfv-navy);
}

.ds24-page--bfv .ds24-component--header .header-navbar-left .nav-trigger {
  color: var(--ds24-color-white-60);
}

.ds24-page--bfv .ds24-component--footer {
  background-color: var(--bfv-navy);
}