:root {
  --brand-text: #3d4a5a;
  --_typography---body--body-font-size: 1rem;
  --_typography---body--body-line-height: var(--font-height--xlarge);
  --_typography---body--body-font-weight: var(--font-weight--normal);
  --_typography---body--body-letter-spacing: var(--letter-spacing--default);
  --_layout---spacing--none: 0rem;
  --font-family--heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --_typography---h1--h1-font-size: 4rem;
  --_typography---h1--h1-line-height: var(--font-height--small);
  --_typography---h1--h1-font-weight: var(--font-weight--bold);
  --_typography---h1--h1-letter-spacing: var(--letter-spacing--default);
  --_typography---h2--h2-font-size: 3rem;
  --_typography---h2--h2-line-height: var(--font-height--medium);
  --_typography---h2--h2-font-weight: var(--font-weight--bold);
  --_typography---h2--h2-letter-spacing: var(--letter-spacing--default);
  --_typography---h3--h3-font-size: 2rem;
  --_typography---h3--h3-line-height: var(--font-height--medium);
  --_typography---h3--h3-font-weight: var(--font-weight--bold);
  --_typography---h3--h3-letter-spacing: var(--letter-spacing--default);
  --_typography---h4--h4-font-size: 1.5rem;
  --_typography---h4--h4-line-height: var(--font-height--large);
  --_typography---h4--h4-font-weight: var(--font-weight--bold);
  --_typography---h4--h4-letter-spacing: var(--letter-spacing--default);
  --_typography---h5--h5-font-size: 1.25rem;
  --_typography---h5--h5-line-height: var(--font-height--xlarge);
  --_typography---h5--h5-font-weight: var(--font-weight--bold);
  --_typography---h5--h5-letter-spacing: var(--letter-spacing--default);
  --_typography---h6--h6-font-size: 1rem;
  --_typography---h6--h6-line-height: var(--font-height--xlarge);
  --_typography---h6--h6-font-weight: var(--font-weight--bold);
  --_typography---h6--h6-letter-spacing: var(--letter-spacing--default);
  --_theme---link--primary: var(--brand--blue);
  --_layout---spacing--small: 1.5rem;
  --_layout---spacing--xxtiny: .25rem;
  --_layout---spacing--xxsmall: 1rem;
  --font-weight--medium: 500;
  --_theme---border--primary: var(--neutral--neutral-light);
  --_typography---font-size--medium: 1.25rem;
  --font-height--xlarge: 1.5;
  --_layout---spacing--medium: 2rem;
  --_layout---spacing--xtiny: .5rem;
  --_layout---spacing--global-padding: 2.5rem;
  --_sizes---max-width--small: 20rem;
  --_layout---spacing--xlarge: 4rem;
  --_layout---spacing--xsmall: 1.25rem;
  --_layout---spacing--xhuge: 8rem;
  --_layout---spacing--xxhuge: 12rem;
  --_layout---spacing--huge: 6rem;
  --_layout---spacing--large: 3rem;
  --_layout---spacing--xxlarge: 5rem;
  --_layout---spacing--tiny: .75rem;
  --_sizes---border-radius--small: .25rem;
  --brand--blue: #2d62ff;
  --_sizes---icon--small: 1rem;
  --_sizes---icon--large: 2.5rem;
  --font-weight--semi-bold: 600;
  --_theme---background--primary: var(--neutral--black);
  --_theme---text--alternate: var(--neutral--white);
  --_theme---text--primary: var(--neutral--black);
  --_theme---text--secondary: var(--neutral--neutral-dark);
  --_theme---system--success-background: var(--others--green-light);
  --_theme---system--success-text: var(--others--green-dark);
  --_sizes---container--small: 48rem;
  --_sizes---icon--medium: 2rem;
  --font-weight--normal: 400;
  --_layout---section-padding--small: 3rem;
  --_typography---font-size--tiny: .75rem;
  --_sizes---max-width--xxlarge: 80rem;
  --font-weight--light: 300;
  --_sizes---max-width--xsmall: 16rem;
  --_typography---font-size--regular: 1rem;
  --font-weight--xbold: 800;
  --font-weight--bold: 700;
  --_sizes---max-width--medium: 32rem;
  --_sizes---max-width--large: 48rem;
  --_theme---background--alternate: var(--neutral--white);
  --_typography---font-size--small: .875rem;
  --_sizes---max-width--xlarge: 64rem;
  --_theme---background--secondary: var(--brand--blue);
  --_layout---section-padding--large: 8rem;
  --_typography---font-size--large: 1.5rem;
  --_sizes---container--large: 80rem;
  --_theme---system--error-background: var(--others--red-light);
  --_theme---system--error-text: var(--others--red-dark);
  --_sizes---max-width--xxsmall: 12rem;
  --_theme---border--block-quote\<deleted\|variable-a5e47467-43be-0a09-f589-3f3a7d3eee60\>: var(--neutral--neutral-light);
  --_theme---button-primary--background: var(--brand--blue);
  --_theme---button-primary--text: var(--neutral--white);
  --_theme---button-primary--background-hover: var(--brand--blue-dark);
  --_theme---button-secondary--background: var(--neutral--white);
  --_theme---button-secondary--text: var(--neutral--black);
  --_theme---button-secondary--background-hover: var(--neutral--neutral-light);
  --_layout---section-padding--medium: 5rem;
  --_sizes---container--medium: 64rem;
  --_theme---system--warning-background: var(--others--yellow-light);
  --_theme---system--warning-text: var(--others--yellow-dark);
  --neutral--neutral-light: #eee;
  --_sizes---border-radius--large: 1rem;
  --_sizes---border-radius--medium: .5rem;
  --_sizes---grid-columns--xsmall: 15rem;
  --_sizes---grid-columns--small: 20rem;
  --_sizes---grid-columns--medium: 30rem;
  --_sizes---grid-columns--large: 40rem;
  --brand-bg-soft: #f6f9fd;
  --brand-gold-light: #e7cf95;
  --brand-navy-deep: #08152b;
  --brand-navy: #0c2143;
  --brand-text-light: #6b7888;
  --brand-line: #e5e9f0;
  --brand-blue: #2d6bd6;
  --brand-gold\<deleted\|variable-98e0f4a3-52ce-8b5c-2cda-4e2f4d089c38\>: #cba45a;
  --brand-navy-soft: #14305c;
  --brand--blue-light: #d9e5ff;
  --brand--blue-dark: #0d4aff;
  --neutral--transparent: transparent;
  --brand--blue-darker: #080331;
  --neutral--black: #000;
  --neutral--white: #fff;
  --neutral--neutral: #666;
  --neutral--neutral-dark: #444;
  --others--green-light: #cef5ca;
  --others--green-dark: #114e0b;
  --others--yellow-light: #fcf8d8;
  --others--yellow-dark: #5e5515;
  --others--red-light: #f8e4e4;
  --font-family--body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --others--red-dark: #3b0b0b;
  --font-weight--thin: 100;
  --font-weight--xlight: 200;
  --font-weight--black: 900;
  --font-height--small: 1.1;
  --font-height--medium: 1.2;
  --font-height--large: 1.4;
  --letter-spacing--tighter: -.02em;
  --letter-spacing--tight: -.01em;
  --letter-spacing--default: 0em;
  --letter-spacing--wide: .01em;
  --letter-spacing--wider: .02em;
  --_theme---border--secondary: var(--brand--blue);
  --_theme---link--secondary: var(--neutral--black);
  --_sizes---focus--width: .125px;
  --_sizes---focus--offset: .125px;
  --_theme---system--focus-state: var(--brand--blue);
  --_theme---system--selection-text: var(--neutral--white);
  --_theme---system--selection-background: var(--brand--blue);
}

body {
  color: var(--brand-text);
  font-size: var(--_typography---body--body-font-size);
  line-height: var(--_typography---body--body-line-height);
  font-weight: var(--_typography---body--body-font-weight);
  letter-spacing: var(--_typography---body--body-letter-spacing);
  font-family: Open Sans, sans-serif;
}

h1 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h1--h1-font-size);
  line-height: var(--_typography---h1--h1-line-height);
  font-weight: var(--_typography---h1--h1-font-weight);
  letter-spacing: var(--_typography---h1--h1-letter-spacing);
}

h2 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h2--h2-font-size);
  line-height: var(--_typography---h2--h2-line-height);
  font-weight: var(--_typography---h2--h2-font-weight);
  letter-spacing: var(--_typography---h2--h2-letter-spacing);
}

h3 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h3--h3-font-size);
  line-height: var(--_typography---h3--h3-line-height);
  font-weight: var(--_typography---h3--h3-font-weight);
  letter-spacing: var(--_typography---h3--h3-letter-spacing);
}

h4 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-height);
  font-weight: var(--_typography---h4--h4-font-weight);
  letter-spacing: var(--_typography---h4--h4-letter-spacing);
}

h5 {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-height);
  font-weight: var(--_typography---h5--h5-font-weight);
  letter-spacing: var(--_typography---h5--h5-letter-spacing);
}

h6 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h6--h6-font-size);
  line-height: var(--_typography---h6--h6-line-height);
  font-weight: var(--_typography---h6--h6-font-weight);
  letter-spacing: var(--_typography---h6--h6-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: var(--_layout---spacing--none);
}

a {
  color: var(--_theme---link--primary);
}

ul, ol {
  margin-top: var(--_layout---spacing--none);
  margin-bottom: var(--_layout---spacing--none);
  padding-left: var(--_layout---spacing--small);
}

li {
  margin-bottom: var(--_layout---spacing--xxtiny);
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: var(--_layout---spacing--xxsmall);
  font-weight: var(--font-weight--medium);
}

blockquote {
  margin-bottom: var(--_layout---spacing--none);
  padding: var(--_layout---spacing--none) var(--_layout---spacing--small);
  border-left: .25rem solid var(--_theme---border--primary);
  font-size: var(--_typography---font-size--medium);
  line-height: var(--font-height--xlarge);
}

figure {
  margin-top: var(--_layout---spacing--medium);
  margin-bottom: var(--_layout---spacing--medium);
}

figcaption {
  margin-top: var(--_layout---spacing--xtiny);
  text-align: center;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.margin-xxlarge {
  margin: var(--_layout---spacing--xxlarge);
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: var(--_layout---spacing--small);
  margin-bottom: var(--_layout---spacing--xxsmall);
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: var(--_layout---spacing--xsmall);
  margin-bottom: var(--_layout---spacing--xxsmall);
}

.text-rich-text p, .text-rich-text ul, .text-rich-text ol {
  margin-bottom: var(--_layout---spacing--xxsmall);
}

.text-rich-text blockquote {
  margin-top: var(--_layout---spacing--small);
  margin-bottom: var(--_layout---spacing--small);
}

.text-weight-bold {
  font-weight: var(--font-weight--bold);
}

.text-align-center {
  text-align: center;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h3-4 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.heading-style-h3-4.text-weight-bold {
  font-weight: 700;
}

.section_impressum {
  color: #000;
  background-color: #fff;
  padding-top: 3rem;
}

.container-large-9 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-section-large-7 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-global-16 {
  padding-left: 5%;
  padding-right: 5%;
}

.max-width-large-3 {
  width: 100%;
  max-width: 48rem;
}

.page-wrapper-2 {
  color: #fff;
}

.main-wrapper-3 {
  color: #101924;
}

@media screen and (min-width: 1440px) {
  .heading-style-h3-4 {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1920px) {
  .max-width-large-2.align-center {
    max-width: 60rem;
  }

  .container-large-9 {
    width: 80%;
    max-width: 80rem;
  }

  .max-width-large-3.align-center {
    max-width: 60rem;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---body--body-font-size: 1rem;
    --_typography---body--body-line-height: var(--font-height--xlarge);
    --_typography---body--body-font-weight: var(--font-weight--normal);
    --_typography---body--body-letter-spacing: var(--letter-spacing--default);
    --_typography---h1--h1-font-size: 4rem;
    --_typography---h1--h1-line-height: var(--font-height--small);
    --_typography---h1--h1-font-weight: var(--font-weight--bold);
    --_typography---h1--h1-letter-spacing: var(--letter-spacing--default);
    --_typography---h2--h2-font-size: 3rem;
    --_typography---h2--h2-line-height: var(--font-height--medium);
    --_typography---h2--h2-font-weight: var(--font-weight--bold);
    --_typography---h2--h2-letter-spacing: var(--letter-spacing--default);
    --_typography---h3--h3-font-size: 2rem;
    --_typography---h3--h3-line-height: var(--font-height--medium);
    --_typography---h3--h3-font-weight: var(--font-weight--bold);
    --_typography---h3--h3-letter-spacing: var(--letter-spacing--default);
    --_typography---h4--h4-font-size: 1.5rem;
    --_typography---h4--h4-line-height: var(--font-height--large);
    --_typography---h4--h4-font-weight: var(--font-weight--bold);
    --_typography---h4--h4-letter-spacing: var(--letter-spacing--default);
    --_typography---h5--h5-font-size: 1.25rem;
    --_typography---h5--h5-line-height: var(--font-height--xlarge);
    --_typography---h5--h5-font-weight: var(--font-weight--bold);
    --_typography---h5--h5-letter-spacing: var(--letter-spacing--default);
    --_typography---h6--h6-font-size: 1rem;
    --_typography---h6--h6-line-height: var(--font-height--xlarge);
    --_typography---h6--h6-font-weight: var(--font-weight--bold);
    --_typography---h6--h6-letter-spacing: var(--letter-spacing--default);
    --_typography---font-size--medium: 1.25rem;
    --_typography---font-size--tiny: .75rem;
    --_typography---font-size--regular: 1rem;
    --_typography---font-size--small: .875rem;
    --_typography---font-size--large: 1.5rem;
    --_layout---spacing--none: 0rem;
    --_layout---spacing--small: 1.5rem;
    --_layout---spacing--xxtiny: .25rem;
    --_layout---spacing--xxsmall: 1rem;
    --_layout---spacing--medium: 1.5rem;
    --_layout---spacing--xtiny: .5rem;
    --_layout---spacing--global-padding: 2.5rem;
    --_layout---spacing--xlarge: 3rem;
    --_layout---spacing--xsmall: 1.25rem;
    --_layout---spacing--xhuge: 6rem;
    --_layout---spacing--xxhuge: 8rem;
    --_layout---spacing--huge: 5rem;
    --_layout---spacing--large: 2.5rem;
    --_layout---spacing--xxlarge: 4rem;
    --_layout---spacing--tiny: .75rem;
    --_layout---section-padding--small: 3rem;
    --_layout---section-padding--large: 6rem;
    --_layout---section-padding--medium: 4rem;
  }

  .hide-tablet {
    display: none !important;
  }

  .fs-styleguide_2-col {
    grid-template-columns: 1fr;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .fs-styleguide_4-col, .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .fs-styleguide_section {
    grid-column-gap: var(--_layout---spacing--large);
    grid-template-columns: 1fr;
  }

  .section_hero {
    padding-top: 3rem;
  }

  .hero_grid {
    grid-template-columns: 1fr;
  }

  .fs-styleguide_class-collection {
    grid-template-columns: 1fr 1fr;
  }

  .navbar_menu {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
  }

  .hero_layout {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .hero_title {
    font-size: 2.4rem;
  }

  .hero_card {
    display: none;
  }

  .services_grid, .process_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .about_grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .about_img {
    height: 18rem;
  }

  .contact_grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .padding-section-large-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h3-4 {
    font-size: 2.25rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-large-7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---body--body-font-size: 1rem;
    --_typography---body--body-line-height: var(--font-height--xlarge);
    --_typography---body--body-font-weight: var(--font-weight--normal);
    --_typography---body--body-letter-spacing: var(--letter-spacing--default);
    --_typography---h1--h1-font-size: 2.5rem;
    --_typography---h1--h1-line-height: var(--font-height--small);
    --_typography---h1--h1-font-weight: var(--font-weight--bold);
    --_typography---h1--h1-letter-spacing: var(--letter-spacing--default);
    --_typography---h2--h2-font-size: 2rem;
    --_typography---h2--h2-line-height: var(--font-height--medium);
    --_typography---h2--h2-font-weight: var(--font-weight--bold);
    --_typography---h2--h2-letter-spacing: var(--letter-spacing--default);
    --_typography---h3--h3-font-size: 1.5rem;
    --_typography---h3--h3-line-height: var(--font-height--medium);
    --_typography---h3--h3-font-weight: var(--font-weight--bold);
    --_typography---h3--h3-letter-spacing: var(--letter-spacing--default);
    --_typography---h4--h4-font-size: 1.25rem;
    --_typography---h4--h4-line-height: var(--font-height--large);
    --_typography---h4--h4-font-weight: var(--font-weight--bold);
    --_typography---h4--h4-letter-spacing: var(--letter-spacing--default);
    --_typography---h5--h5-font-size: 1rem;
    --_typography---h5--h5-line-height: var(--font-height--xlarge);
    --_typography---h5--h5-font-weight: var(--font-weight--bold);
    --_typography---h5--h5-letter-spacing: var(--letter-spacing--default);
    --_typography---h6--h6-font-size: .875rem;
    --_typography---h6--h6-line-height: var(--font-height--xlarge);
    --_typography---h6--h6-font-weight: var(--font-weight--bold);
    --_typography---h6--h6-letter-spacing: var(--letter-spacing--default);
    --_typography---font-size--medium: 1.25rem;
    --_typography---font-size--tiny: .75rem;
    --_typography---font-size--regular: 1rem;
    --_typography---font-size--small: .875rem;
    --_typography---font-size--large: 1.25rem;
    --_layout---spacing--none: 0rem;
    --_layout---spacing--small: 1.5rem;
    --_layout---spacing--xxtiny: .25rem;
    --_layout---spacing--xxsmall: 1rem;
    --_layout---spacing--medium: 1.25rem;
    --_layout---spacing--xtiny: .5rem;
    --_layout---spacing--global-padding: 1.25rem;
    --_layout---spacing--xlarge: 2rem;
    --_layout---spacing--xsmall: 1.25rem;
    --_layout---spacing--xhuge: 5rem;
    --_layout---spacing--xxhuge: 6rem;
    --_layout---spacing--huge: 4rem;
    --_layout---spacing--large: 1.5rem;
    --_layout---spacing--xxlarge: 3rem;
    --_layout---spacing--tiny: .75rem;
    --_layout---section-padding--small: 3rem;
    --_layout---section-padding--large: 5rem;
    --_layout---section-padding--medium: 3rem;
  }

  .hide-mobile-landscape {
    display: none !important;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .navbar_link {
    display: none;
  }

  .hero_meta {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .section_heading {
    font-size: 1.9rem;
  }

  .pain_grid, .services_grid, .process_grid, .compare_grid, .results_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .padding-section-large-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h3-4 {
    font-size: 2rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-large-7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 479px) {
  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-portrait {
    display: none !important;
  }

  .grid-autofit, .grid-autofit-css, .grid-autofill-css {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

  .padding-section-large-6 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-large-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}