@font-face {
  font-family: Geist;
  src: url('/assets/wf/6ae3ce4d78e93ef79b3eedc9-geist-400-latin-ext.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geist;
  src: url('/assets/wf/6ae3ce4daf0bec77c61b6433-geist-500-latin-ext.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geist Mono;
  src: url('/assets/wf/6ae3ce4d7601b1118c2fbef8-geist-mono-400-latin-ext.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geist Mono;
  src: url('/assets/wf/6ae3ce4d21a62ffc80d774ef-geist-mono-500-latin-ext.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Instrument Serif;
  src: url('/assets/wf/6ae3ce4dccd7bf02fe9e854c-instrument-serif-400-latin-ext.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colors---background: #0b0912;
  --_tokens---font-sans: Geist, sans-serif;
  --_colors---text-white: #edf0f5;
  --_colors---text-paragraph: #a39eb8;
  --_colors---white: #fff;
  --_colors---text-black: #1a1a1a;
  --_colors---purple-soft: #a18fff;
  --_colors---purple: #8f7dff;
  --_tokens---gutter-desktop: 3rem;
  --_tokens---gutter-tablet: 2rem;
  --_tokens---gutter-mobile: 1.25rem;
  --_tokens---section-space-desktop: 8.625rem;
  --_tokens---section-space-tablet: 7.5rem;
  --_tokens---section-space-mobile: 5.5rem;
  --_tokens---font-serif: "Instrument Serif", sans-serif;
  --_tokens---font-mono: "Geist Mono", sans-serif;
  --_tokens---space-2xl: 4rem;
  --_tokens---space-xl: 3rem;
  --_tokens---space-l: 2rem;
  --_tokens---radius-xs: .25rem;
  --_colors---hairline-strong: #ffffff24;
  --_colors---violet-light: #b8abff;
  --_colors---hairline: #ffffff1a;
  --_tokens---radius-s: .5rem;
  --_colors---glass: #ffffff0f;
  --_tokens---radius-pill: 62.5rem;
  --_colors---glass-weak: #ffffff0a;
  --_colors---text-muted-strong: #c9c4db;
  --_colors---error: #ff8fa3;
  --_tokens---space-3xs: .25rem;
  --_tokens---space-2xs: .5rem;
  --_tokens---space-xs: .75rem;
  --_tokens---space-s: 1rem;
  --_tokens---space-m: 1.5rem;
  --_tokens---space-3xl: 6rem;
  --_tokens---radius-m: .75rem;
  --_tokens---radius-l: 1rem;
  --_tokens---radius-xl: 1.25rem;
  --_tokens---container-max: 84rem;
  --_tokens---header-height: 5rem;
  --_tokens---header-height-mobile: 4rem;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('/assets/wf/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.page-wrapper {
  background-color: var(--_colors---background);
  width: 100%;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  font-weight: 400;
  line-height: 1.5;
}

.main-wrapper {
  overflow: clip;
}

.hero_bottom-fade {
  width: 120em;
  height: 12.25em;
  position: absolute;
  top: 67.75em;
  left: 0;
}

.hero_eyebrow {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.hero_divider {
  background-color: #ffffff1a;
  width: 112em;
  height: .0833333em;
  position: absolute;
  top: 72.3333em;
  left: 4em;
}

.hero_header {
  width: 120em;
  height: 6.66667em;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}

.hero_trust-line {
  place-content: stretch space-between;
  align-items: center;
  width: 109.333em;
  height: 1.66667em;
  display: flex;
  position: absolute;
  top: 74.6667em;
  left: 5.33333em;
  overflow: clip;
}

.hero_p-4 {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1.08333em;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.hero_img-2 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.hero_links {
  grid-column-gap: 2.4em;
  grid-row-gap: 2.4em;
  color: var(--_colors---white);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  align-content: stretch;
  align-items: flex-start;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
  position: absolute;
  top: 50%;
  left: calc(50% - .0333333em);
  overflow: clip;
  transform: translateX(-50%)translateY(-50%);
}

.hero_pixel {
  background-color: var(--_colors---white);
  width: .333333em;
  height: .333333em;
  position: absolute;
  top: 0;
  left: 0;
}

.hero_card-1 {
  grid-column-gap: .833333em;
  grid-row-gap: .833333em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.hero_01-hero {
  background-color: var(--_colors---background);
  width: 120em;
  height: 80em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.hero_img-hero-sisyphus {
  width: 120em;
  height: 80em;
  position: absolute;
  top: 0;
  left: 0;
}

.hero_img-3 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.hero_pixel-2 {
  background-color: var(--_colors---white);
  width: .333333em;
  height: .333333em;
  position: absolute;
  top: .333333em;
  left: .333333em;
}

.hero_lens-vertion-logo {
  width: 50em;
  height: 32.2917em;
  position: absolute;
  top: 18.3333em;
  left: 64.4167em;
}

.padding-global {
  padding-left: 3em;
  padding-right: 3em;
}

.hero_button-secondary-large {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #ffffff1a;
  border-radius: .333333em;
  flex-shrink: 0;
  place-content: stretch center;
  align-self: stretch;
  align-items: center;
  padding: .666667em .666667em .666667em 2em;
  display: flex;
  position: relative;
}

.hero_div-2 {
  position: absolute;
  inset: -83.33%;
}

.hero_p-2 {
  color: var(--_colors---white);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
}

.hero_dot {
  flex-shrink: 0;
  width: .5em;
  height: .5em;
  position: relative;
}

.wrapper_hero {
  position: relative;
}

.hero_lens-world-inside-the-lens-ordered {
  width: 120em;
  height: 80em;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}

.hero_img {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero_logo-2 {
  flex-shrink: 0;
  width: 2.91667em;
  height: 1.925em;
  position: relative;
}

.section_hero {
  background-color: var(--_colors---background);
  position: relative;
}

.hero_button-secondary-small {
  border: 1px solid #ffffff38;
  border-radius: .666667em;
  align-content: stretch;
  align-items: center;
  padding: 1em 1.66667em;
  display: flex;
  position: absolute;
  top: 50%;
  right: 4em;
  transform: translateY(-50%);
}

.hero_p-3 {
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 2.33333em;
  font-style: normal;
  line-height: 1.1;
  position: relative;
}

.padding-vertical {
  padding-top: 8.625em;
  padding-bottom: 8.625em;
  position: relative;
}

.padding-vertical.is-hero {
  padding-top: 11.25em;
  padding-bottom: 5em;
}

.padding-vertical.is-none {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-vertical.is-gf-hero {
  padding-top: 12.5em;
  padding-bottom: 5em;
}

.padding-vertical.is-rechtliches-hero {
  padding-top: 13em;
  padding-bottom: 4.5em;
}

.padding-vertical.is-home-services {
  padding-bottom: 7.4375em;
}

.padding-vertical.is-rechtliches-body {
  padding-top: 3.9375em;
  padding-bottom: 10em;
}

.padding-vertical.is-ref-hero {
  padding-top: 11em;
  padding-bottom: 7.5em;
}

.padding-vertical.is-faq {
  padding-top: 3.5em;
  padding-bottom: 8.625em;
}

.padding-vertical.is-ls-hero {
  padding-top: 9.5em;
  padding-bottom: 5em;
}

.padding-vertical.is-res-hero {
  padding-top: 14.375em;
  padding-bottom: 8.125em;
}

.padding-vertical.is-ovhero {
  max-width: none;
  padding-top: 11.5em;
  padding-bottom: 7.5em;
}

.padding-vertical.is-home-about {
  padding-bottom: 5.25em;
}

.padding-vertical.is-ref-facts, .padding-vertical.is-branche {
  padding-top: 8.625em;
  padding-bottom: 0;
}

.padding-vertical.is-ls-ql {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-vertical.is-ls {
  padding-top: 7.5em;
  padding-bottom: 0;
}

.padding-vertical.is-ovlcards {
  position: relative;
}

.padding-vertical.is-home-hero {
  z-index: 2;
  pointer-events: none;
  padding-top: 11.25em;
  padding-bottom: 2.75em;
  position: relative;
}

.padding-vertical.is-ref-cases {
  padding-top: 8.625em;
  padding-bottom: 0;
}

.padding-vertical.is-res-bento {
  padding-top: 7.5em;
  padding-bottom: 3em;
}

.padding-vertical.is-konfigurator-done {
  padding-top: 9.875em;
  padding-bottom: 7.5em;
}

.padding-vertical.is-ovdecide {
  position: relative;
}

.padding-vertical.is-ref-work {
  padding-top: 8.625em;
  padding-bottom: 0;
}

.padding-vertical.is-ref-cta {
  padding-top: 8.625em;
  padding-bottom: 8.625em;
}

.padding-vertical.is-res-latest {
  padding-top: 6em;
  padding-bottom: 4em;
}

.padding-vertical.is-res-steps {
  padding-top: 6.5em;
  padding-bottom: 4.75em;
}

.padding-vertical.is-res-cta {
  padding-top: 4em;
  padding-bottom: 8.625em;
}

.padding-vertical.is-home-pain {
  z-index: 1;
  padding-top: 11.1875em;
  padding-bottom: 9.0625em;
  position: relative;
}

.padding-vertical.is-ovsteps {
  position: relative;
}

.padding-vertical.is-ovmcta {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.padding-vertical.is-home-solution {
  z-index: 1;
  position: relative;
}

.padding-vertical.is-ovend {
  padding-bottom: 10em;
}

.padding-vertical.is-bw-regeln, .padding-vertical.is-bw-prozess {
  padding-top: 6em;
  padding-bottom: 3em;
}

.padding-vertical.is-home-tech {
  padding-bottom: 7.75em;
}

.padding-vertical.is-bw-prinzipien, .padding-vertical.is-bw-stimmen, .padding-vertical.is-bw-feedback, .padding-vertical.is-bw-google {
  padding-top: 6em;
  padding-bottom: 3em;
}

.padding-vertical.is-gf-cta {
  padding-top: 6em;
  padding-bottom: 9em;
}

.padding-vertical.is-konfigurator {
  padding-top: 9.875em;
  padding-bottom: 5em;
}

.padding-vertical.is-res-hero-list {
  padding-top: 12.75em;
  padding-bottom: 5em;
}

.padding-vertical.is-res-listing {
  padding-top: 3em;
  padding-bottom: 6em;
}

.padding-vertical.is-notfound {
  padding-top: 8.75em;
  padding-bottom: 7.5em;
}

.padding-vertical.is-glossar-list {
  padding-top: 5em;
  padding-bottom: 3em;
}

.padding-vertical.is-home-projects {
  padding-bottom: 11.125em;
}

.padding-vertical.is-ovbtiles {
  position: relative;
}

.padding-vertical.is-kt-hero {
  padding-top: 12.5em;
  padding-bottom: 7.75em;
}

.padding-vertical.is-home-faq {
  padding-bottom: 7.625em;
}

.padding-vertical.is-ovbanner {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.padding-vertical.is-ovcontact {
  padding-bottom: 0;
}

.padding-vertical.is-kt-wege {
  padding-top: 6em;
  padding-bottom: 6em;
}

.padding-vertical.is-kt-termin {
  padding-top: 8.625em;
  padding-bottom: 6em;
}

.padding-vertical.is-home-cta {
  z-index: 1;
  padding-bottom: 15.375em;
  position: relative;
}

.padding-vertical.is-term-hero {
  padding-top: 10.5em;
  padding-bottom: 5em;
}

.padding-vertical.is-term-body {
  padding-top: 2em;
  padding-bottom: 6em;
}

.padding-vertical.is-term-pn {
  padding-top: 2em;
  padding-bottom: 2em;
}

.padding-vertical.is-kt-form, .padding-vertical.is-kt-data, .padding-vertical.is-kt-flow, .padding-vertical.is-kt-faq {
  padding-top: 8.625em;
  padding-bottom: 6em;
}

.padding-vertical.is-ovuhero {
  padding-top: 11.875em;
  padding-bottom: 8.125em;
}

.padding-vertical.is-ovperson, .padding-vertical.is-ovvalues {
  padding-bottom: 6em;
}

.padding-vertical.is-ls-final {
  padding-top: 7.5em;
  padding-bottom: 10em;
}

.padding-vertical.is-ovusteps, .padding-vertical.is-ovgroup, .padding-vertical.is-ovplace {
  padding-bottom: 6em;
}

.padding-vertical.is-res-art-hero {
  padding-top: 11.25em;
  padding-bottom: 5em;
}

.padding-vertical.is-res-art {
  padding-top: 3em;
  padding-bottom: 6em;
}

.padding-vertical.is-res-related {
  padding-top: 4em;
  padding-bottom: 4em;
}

.padding-vertical.is-case-hero {
  padding-top: 11em;
  padding-bottom: 6em;
}

.padding-vertical.is-case-detail, .padding-vertical.is-case-more {
  padding-top: 8.625em;
  padding-bottom: 0;
}

.hero_ambient-glow {
  width: 75em;
  height: 75em;
  position: absolute;
  top: -21.6667em;
  left: 63.3333em;
}

.hero_p-5 {
  width: 29.4444em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  flex-shrink: 0;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.hero_button-primary-large {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--_colors---text-white);
  border-radius: .333333em;
  flex-shrink: 0;
  place-content: stretch center;
  align-items: center;
  padding: .666667em .666667em .666667em 2em;
  display: flex;
  position: relative;
}

.hero_p-6 {
  color: var(--_colors---text-black);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
}

.hero_h1 {
  width: 7.8em;
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  white-space: pre-wrap;
  flex-shrink: 0;
  font-size: 8.33333em;
  font-style: normal;
  line-height: 1;
  position: relative;
}

.hero_icon-check {
  flex-shrink: 0;
  width: 1.16667em;
  height: 1.16667em;
  position: relative;
}

.hero_marke {
  width: 2.91667em;
  height: 1.925em;
  position: absolute;
  top: 0;
  left: 0;
}

.hero_img-hero-inside-lens-ordered-world {
  width: 119.4em;
  height: 79.6em;
  position: absolute;
  top: .134167em;
  left: .246667em;
}

.hero_logo {
  grid-column-gap: .666667em;
  grid-row-gap: .666667em;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 4em;
  transform: translateY(-50%);
}

.hero_arrow {
  width: .666667em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.hero_scroll {
  grid-column-gap: .666667em;
  grid-row-gap: .666667em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.hero_icon {
  background-color: var(--_colors---purple-soft);
  flex-shrink: 0;
  width: 3em;
  height: 3em;
  position: relative;
  overflow: clip;
}

.hero_text {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.hero_overlay-left {
  background-image: linear-gradient(to right, #0b0912f2 0%, #0b0912bf 38%, #0b091200 62%);
  width: 120em;
  height: 80em;
  position: absolute;
  top: 0;
  left: 0;
}

.hero_download-4-1 {
  display: contents;
  position: absolute;
  top: 0;
  left: 0;
}

.hero_pixel-3 {
  background-color: var(--_colors---white);
  width: .333333em;
  height: .333333em;
  position: absolute;
  top: .666667em;
  left: 0;
}

.hero_actions {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: clip;
}

.hero_overlay-bottom {
  background-image: linear-gradient(#0b09128c 0%, #0b091200 18% 72%, #0b0912 100%);
  width: 120em;
  height: 80em;
  position: absolute;
  top: 0;
  left: 0;
}

.hero_p {
  flex-shrink: 0;
  position: relative;
}

.hero_br {
  min-width: 0;
}

.hero_arrow-2 {
  width: .333333em;
  height: .333333em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.hero_content-2 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: clip;
}

.container-large {
  width: 100%;
  max-width: 84em;
  margin-left: auto;
  margin-right: auto;
}

.hero_content {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 15em;
  left: 5.33333em;
}

.hero_div {
  position: absolute;
  inset: -24.44%;
}

.pain_tag-3 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  white-space: nowrap;
  background-color: #120f1ad1;
  border: 1px solid #edf0f524;
  border-radius: .5em;
  align-content: stretch;
  align-items: center;
  padding: .416667em .666667em;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: .25em;
  left: 2.75em;
  overflow: clip;
}

.pain_div-3 {
  position: absolute;
  inset: -.0416667em 0;
}

.pain_02-wissen {
  width: 8.66667em;
  height: 28em;
  position: absolute;
  top: 58.3333em;
  left: 43.5833em;
}

.pain_hairline {
  flex-shrink: 0;
  width: 100%;
  height: .833333em;
  position: relative;
}

.pain_text {
  flex-shrink: 0;
  width: 100%;
  height: 22.5em;
  position: relative;
}

.pain_start-node-card-4 {
  background-color: #edf0f5cc;
  width: .5em;
  height: .5em;
  position: absolute;
  top: 17.5em;
  left: 17.9167em;
}

.pain_leader-line {
  width: 25.5em;
  height: 16.75em;
  position: absolute;
  top: 1.25em;
  left: .25em;
}

.pain_leader-line-4 {
  width: 16.9167em;
  height: 16.5em;
  position: absolute;
  top: 1.25em;
  left: 1.25em;
}

.pain_p-5 {
  color: #edf0f5d9;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-shrink: 0;
  font-size: .916667em;
  line-height: 1.4;
  position: relative;
}

.pain_div-9 {
  position: absolute;
  inset: -1.31% -9.72%;
}

.pain_target-dot-3 {
  width: .416667em;
  height: .416667em;
  position: absolute;
  top: 1.04167em;
  left: 1.04167em;
}

.pain_04-excel-listen {
  width: 18.4167em;
  height: 18em;
  position: absolute;
  top: 68.3333em;
  left: 83.3333em;
}

.pain_icon {
  flex-shrink: 0;
  width: 8.66667em;
  height: 8.66667em;
  position: relative;
}

.pain_p-8 {
  min-width: 100%;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  flex-shrink: 0;
  width: min-content;
  font-size: 2.33333em;
  font-style: normal;
  line-height: 1.1;
  position: relative;
}

.pain_crosshair {
  width: .833333em;
  height: .833333em;
  position: absolute;
  top: 0;
  left: 0;
}

.pain_target-ring-2 {
  width: 1.33333em;
  height: 1.33333em;
  position: absolute;
  top: 2.5em;
  left: 6.75em;
}

.pain_div-5 {
  position: absolute;
  inset: -1.74% -1.14%;
}

.pain_div-7 {
  position: absolute;
  inset: -180%;
}

.pain_target-dot-2 {
  width: .416667em;
  height: .416667em;
  position: absolute;
  top: 2.95833em;
  left: 7.20833em;
}

.pain_halo-3 {
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  top: 0;
  left: 0;
}

.pain_target-dot {
  width: .416667em;
  height: .416667em;
  position: absolute;
  top: 1.04167em;
  left: 25.5417em;
}

.pain_03-anfragen {
  width: 10.3333em;
  height: 23.8333em;
  position: absolute;
  top: 62.5em;
  left: 69.5833em;
}

.pain_p-4 {
  color: var(--_colors---purple);
  letter-spacing: .08em;
  flex-shrink: 0;
  font-size: 1em;
  line-height: 1.3;
  position: relative;
}

.pain_target-ring-3 {
  width: 1.33333em;
  height: 1.33333em;
  position: absolute;
  top: .583333em;
  left: .583333em;
}

.pain_p-3 {
  width: 18em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  white-space: pre-wrap;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: 1.16667em;
  left: 56.6667em;
}

.pain_div {
  position: absolute;
  inset: -29.03% -21.95%;
}

.pain_img {
  width: 99.93%;
  max-width: none;
  height: 116.74%;
  position: absolute;
  top: -16.72%;
  left: .05%;
}

.pain_start-node-card {
  background-color: #edf0f5cc;
  width: .5em;
  height: .5em;
  position: absolute;
  top: 17.75em;
  left: 0;
}

.pain_div-6 {
  position: absolute;
  inset: -20%;
}

.pain_cards-2 {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  align-content: stretch;
  align-items: center;
  width: 112em;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.wrapper_pain {
  position: relative;
}

.pain_01-copy-paste {
  width: 27em;
  height: 18.25em;
  position: absolute;
  top: 68.0833em;
  left: 18.25em;
}

.pain_02-pain-points {
  background-color: var(--_colors---background);
  width: 120em;
  height: 128.333em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.pain_div-2 {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.pain_p {
  margin-bottom: 0;
  line-height: 1;
}

.pain_tag-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  white-space: nowrap;
  background-color: #120f1ad1;
  border: 1px solid #edf0f524;
  border-radius: .5em;
  align-content: stretch;
  align-items: center;
  padding: .416667em .666667em;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}

.pain_label-row {
  flex-shrink: 0;
  place-content: stretch space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.pain_img-sisyphus-resting {
  width: 132.75em;
  height: 60.5em;
  position: absolute;
  top: 33.25em;
  left: -5em;
}

.pain_cards {
  width: 112em;
  height: 30em;
  position: absolute;
  top: 86.25em;
  left: 4em;
}

.pain_hairline-top {
  width: 110.833em;
  height: 0;
  position: absolute;
  top: .416667em;
  left: .416667em;
}

.pain_tag {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  white-space: nowrap;
  background-color: #120f1ad1;
  border: 1px solid #edf0f524;
  border-radius: .5em;
  align-content: stretch;
  align-items: center;
  padding: .416667em .666667em;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: .416667em;
  left: 14.9167em;
  overflow: clip;
}

.pain_p-6 {
  min-width: 100%;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  white-space: pre-wrap;
  flex-shrink: 0;
  width: min-content;
  font-size: 2.33333em;
  font-style: normal;
  line-height: 1.1;
  position: relative;
}

.pain_p-7 {
  min-width: 100%;
  color: var(--_colors---text-paragraph);
  flex-shrink: 0;
  width: min-content;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.pain_div-4 {
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  white-space: nowrap;
  font-size: 7.5em;
  font-style: normal;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.pain_content {
  grid-column-gap: 5.33333em;
  grid-row-gap: 5.33333em;
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  width: 112em;
  display: flex;
  position: absolute;
  top: 14.9167em;
  left: 4em;
}

.pain_target-ring {
  width: 1.33333em;
  height: 1.33333em;
  position: absolute;
  top: .583333em;
  left: 25.0833em;
}

.pain_p-2 {
  line-height: 1;
}

.pain_leader-line-2 {
  width: 4.83333em;
  height: 24.5833em;
  position: absolute;
  top: 3.16667em;
  left: 2.58333em;
}

.pain_div-10 {
  position: absolute;
  inset: -1.77% -1.72%;
}

.pain_glow {
  width: 68.3333em;
  height: 51.6667em;
  position: absolute;
  top: 49.75em;
  left: 53.3333em;
}

.pain_halo {
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  top: 0;
  left: 24.5em;
}

.pain_card-pain {
  background-color: #ffffff0f;
  border-radius: .666667em;
  flex-direction: column;
  flex: 1 0 0;
  place-content: stretch space-between;
  align-items: center;
  min-width: .0833333em;
  height: 30em;
  padding: 2.66667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.pain_leader-line-3 {
  width: 3em;
  height: 22.3333em;
  position: absolute;
  top: 1.25em;
  left: 1.25em;
}

.pain_start-node-card-3 {
  background-color: #edf0f5cc;
  width: .5em;
  height: .5em;
  position: absolute;
  top: 23.3333em;
  left: 4em;
}

.pain_eyebrow {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.pain_halo-2 {
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  top: 1.91667em;
  left: 6.16667em;
}

.pain_fade-bottom {
  background-image: linear-gradient(#0b091200 0%, #0b0912d9 55%, #0b0912 100%);
  width: 120em;
  height: 12.5833em;
  position: absolute;
  top: 83.4167em;
  left: 0;
}

.pain_start-node-card-2 {
  background-color: #edf0f5cc;
  width: .5em;
  height: .5em;
  position: absolute;
  top: 27.5em;
  left: 2.33333em;
}

.pain_crosshair-2 {
  width: .833333em;
  height: .833333em;
  position: absolute;
  top: 0;
  right: 0;
}

.section_pain {
  background-color: var(--_colors---background);
  position: relative;
}

.pain_div-8 {
  position: absolute;
  inset: -1.19% -6.03%;
}

.services_statue-hephaistos-hand-with-hammer-4 {
  height: 39.9772em;
  position: absolute;
  top: .0225em;
  left: 0;
  right: 0;
}

.solution_p {
  width: 18em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: 1.16667em;
  left: 56.6667em;
}

.services_fade-4 {
  width: 27em;
  height: 44.8938em;
  position: absolute;
  top: 0;
  left: 0;
}

.services_img-2 {
  width: 82.82%;
  max-width: none;
  height: 149.8%;
  position: absolute;
  top: -31.43%;
  left: 8.59%;
}

.section_services {
  background-color: var(--_colors---background);
  position: relative;
}

.services_statue-hephaistos-hand-with-hammer {
  height: 44.8105em;
  position: absolute;
  top: .0225em;
  left: 0;
  right: 0;
}

.services_04-services {
  background-color: var(--_colors---background);
  width: 120em;
  height: 109.167em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.services_button-secondary-large {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #ffffff1a;
  border-radius: .333333em;
  place-content: stretch center;
  align-items: center;
  height: 4.33333em;
  padding: .666667em .666667em .666667em 2em;
  display: flex;
  position: absolute;
  bottom: 9.91667em;
  left: 50%;
  transform: translateX(-50%);
}

.solution_text-2 {
  flex-shrink: 0;
  width: 100%;
  height: 15em;
  position: relative;
}

.services_fade-2 {
  background-image: linear-gradient(#14112433 10.081%, #141124 65.417%);
  width: 27em;
  height: 44.8105em;
  position: absolute;
  top: .0225em;
  left: 0;
}

.services_fade {
  width: 27em;
  height: 44.8938em;
  position: absolute;
  top: .0225em;
  left: 0;
}

.services_ambient-glow {
  width: 110.808em;
  height: 52.3821em;
  position: absolute;
  top: 33.4517em;
  left: 4.59583em;
}

.services_statue-hephaistos-hand-with-hammer-3 {
  height: 39.8584em;
  position: absolute;
  top: .0225em;
  left: 0;
  right: 0;
}

.services_p-2 {
  width: 100%;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  white-space: pre-wrap;
  flex-shrink: 0;
  font-size: 2.33333em;
  font-style: normal;
  line-height: 1.1;
  position: relative;
}

.services_img-4 {
  width: 80.65%;
  max-width: none;
  height: 81.71%;
  position: absolute;
  top: -6.26%;
  left: 9.67%;
}

.services_img {
  pointer-events: none;
  object-position: bottom;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0;
}

.services_glass {
  background-color: #ffffff05;
  border-radius: .666667em;
  position: absolute;
  inset: 0;
}

.services_content {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.services_lens-view-statue-seen-through-the-glass-refra-2 {
  border-radius: .666667em;
  position: absolute;
  inset: .0833333em 0 -.0833333em;
  overflow: clip;
}

.solution_text {
  grid-column-gap: 5.33333em;
  grid-row-gap: 5.33333em;
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  width: 112em;
  display: flex;
  position: absolute;
  top: 11.5em;
  left: 4em;
}

.services_tag {
  background-color: #ffffff05;
  border: 1px solid #ffffff0a;
  border-radius: 83.25em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  padding: .416667em 1em;
  display: flex;
  position: relative;
  overflow: clip;
}

.services_img-3 {
  width: 78.33%;
  max-width: none;
  height: 79.59%;
  position: absolute;
  top: 0;
  left: 10.83%;
}

.services_card {
  flex-shrink: 0;
  width: 27em;
  height: 44.9167em;
  position: relative;
  overflow: clip;
}

.services_cards {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 44.6667em;
  left: 4em;
}

.services_fade-6 {
  background-image: linear-gradient(#14112433 0%, #141124 80%);
  width: 27em;
  height: 44.8938em;
  position: absolute;
  top: .0225em;
  left: 0;
}

.services_p-5 {
  width: 100%;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  flex-shrink: 0;
  font-size: 2.33333em;
  font-style: normal;
  line-height: 1.1;
  position: relative;
}

.services_fade-5 {
  background-image: linear-gradient(#14112433 0%, #141124 84.235%);
  width: 27em;
  height: 44.8938em;
  position: absolute;
  top: .0225em;
  left: 0;
}

.services_p-3 {
  width: 100%;
  color: var(--_colors---text-paragraph);
  flex-shrink: 0;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.services_tags {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.services_service-01-custom-web-apps-company-apps-2 {
  border-radius: .666667em;
  flex-direction: column;
  flex-shrink: 0;
  place-content: stretch space-between;
  align-items: flex-start;
  width: 27em;
  height: 44.9167em;
  padding: 2.66667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.wrapper_services {
  position: relative;
}

.services_p {
  color: #edf0f5d9;
  letter-spacing: .08em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
}

.services_service-01-custom-web-apps-company-apps {
  border-radius: .666667em;
  flex-direction: column;
  place-content: stretch space-between;
  align-items: flex-start;
  width: 27em;
  height: 44.9167em;
  padding: 2.66667em;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.services_lens-view-statue-seen-through-the-glass-refra {
  border-radius: .666667em;
  position: absolute;
  inset: .0833333em 0 0;
  overflow: clip;
}

.services_fade-3 {
  background-image: linear-gradient(#14112433 50%, #141124 100%);
  width: 27em;
  height: 44.8105em;
  position: absolute;
  top: .0225em;
  left: 0;
}

.services_statue-hephaistos-hand-with-hammer-2 {
  height: 22.3908em;
  position: absolute;
  top: .065em;
  left: 0;
  right: 0;
}

.services_p-4 {
  color: #edf0f5d9;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
}

.solution_p-5 {
  margin-bottom: 0;
  line-height: 1.25em;
}

.solution_glass-logo {
  width: 21.6667em;
  height: 13.9931em;
  position: absolute;
  top: 0;
  left: 4em;
}

.solution_bar-2 {
  background-color: #edf0f540;
  border-radius: .166667em;
  width: 3.66667em;
  height: .333333em;
  position: absolute;
  top: 4.75em;
  left: 1.75em;
}

.solution_p-7 {
  color: #edf0f599;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .666667em;
  font-weight: 400;
  line-height: 1.375em;
  position: absolute;
  top: 17.5em;
  left: 14em;
}

.solution_bar-3 {
  background-color: #edf0f540;
  border-radius: .166667em;
  width: 2.5em;
  height: .333333em;
  position: absolute;
  top: 6.75em;
  left: 1.75em;
}

.solution_chip-pers-nlich {
  background-color: #edf0f50d;
  border: 1px solid #edf0f51f;
  border-radius: .5em;
  align-content: stretch;
  align-items: center;
  padding: .333333em .583333em;
  display: flex;
  position: absolute;
  top: 7.25em;
  left: 11.8333em;
  overflow: clip;
}

.solution_scene {
  width: 125.13em;
  height: 73.3333em;
  position: absolute;
  top: 4.41667em;
  left: 11.5833em;
}

.solution_connector-chat {
  width: 2.83333em;
  height: 4.5em;
  position: absolute;
  top: 8.33333em;
  left: 17.5em;
}

.solution_rows {
  width: .833333em;
  height: .833333em;
  position: absolute;
  top: .916667em;
  left: .916667em;
  overflow: clip;
}

.solution_p-9 {
  color: #edf0f5d9;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .666667em;
  font-weight: 400;
  line-height: 1.375em;
  position: absolute;
  top: 3.75em;
  left: 1.125em;
}

.solution_connector-doc {
  width: 3.16667em;
  height: 4.83333em;
  position: absolute;
  top: 8.33333em;
  left: 4.75em;
}

.solution_status-panel {
  background-image: linear-gradient(#1b1924f5 0%, #1b192480 100%);
  border: 1px solid #edf0f529;
  border-radius: 1em;
  width: 17.8333em;
  height: 10.3333em;
  position: absolute;
  top: 7.08333em;
  left: 4.25em;
  overflow: clip;
}

.solution_card-step-graphic {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  background-color: #ffffff0a;
  border-radius: .666667em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-self: stretch;
  align-items: flex-start;
  min-width: .0833333em;
  padding-bottom: .666667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.solution_div-5 {
  position: absolute;
  inset: -63.55% -22.03%;
}

.solution_pulse-2 {
  width: .416667em;
  height: .416667em;
  position: absolute;
  top: 10.625em;
  left: 18.7917em;
}

.solution_span-2 {
  color: var(--_colors---text-paragraph);
  font-size: 4.33333em;
  line-height: 1;
}

.solution_div-3 {
  position: absolute;
  inset: -45.31% -20%;
}

.section_solution {
  background-color: var(--_colors---background);
  position: relative;
}

.solution_tile-chat {
  border: 1px solid #edf0f51f;
  border-radius: .75em;
  width: 2.66667em;
  height: 2.66667em;
  position: absolute;
  top: 11.5em;
  left: 20.3333em;
  overflow: clip;
  box-shadow: 0 .333333em .833333em 0 #00000059;
}

.solution_div-10 {
  min-width: 100%;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  flex-shrink: 0;
  width: min-content;
  font-size: 2.33333em;
  font-style: normal;
  line-height: 0;
  position: relative;
}

.solution_div {
  justify-content: center;
  align-items: center;
  width: 43.0509em;
  height: 42.7382em;
  display: flex;
  position: absolute;
  top: 18.0642em;
  left: 82.0783em;
}

.solution_img {
  width: 99.93%;
  max-width: none;
  height: 100.06%;
  position: absolute;
  top: 0;
  left: .04%;
}

.solution_p-14 {
  color: #edf0f5d9;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .666667em;
  font-weight: 400;
  line-height: 1.375em;
  position: absolute;
  top: 1.625em;
  left: 4.625em;
}

.solution_plan-panel {
  background-color: #1b1924eb;
  border: 1px solid #edf0f51f;
  border-radius: .833333em;
  width: 8.33333em;
  height: 9em;
  position: absolute;
  top: 3.83333em;
  left: 15.8333em;
  overflow: clip;
  box-shadow: 0 .5em 1.33333em 0 #00000059;
}

.solution_skeleton-row {
  background-color: #edf0f50d;
  border-radius: .333333em;
  width: 15.8333em;
  height: .666667em;
  position: absolute;
  top: 9.58333em;
  left: .916667em;
}

.solution_div-9 {
  position: absolute;
  inset: -10.14% -10.9% -26.88%;
}

.solution_span-3 {
  font-size: 4.33333em;
  line-height: 1;
}

.solution_ambient-glow {
  width: 63.4167em;
  height: 28em;
  position: absolute;
  top: 19.75em;
  left: 45.0833em;
}

.solution_connector-sheet {
  width: 3.16667em;
  height: 0;
  position: absolute;
  top: 8.33333em;
  left: 4.75em;
}

.solution_connector-mail-2 {
  width: 2.83333em;
  height: 4.5em;
  position: absolute;
  top: 3.83333em;
  left: 6em;
}

.solution_shadow-left-ground-edge-2 {
  width: 45.6667em;
  height: 15.8333em;
  position: absolute;
  top: 16.9167em;
  right: 7.37917em;
}

.solution_tile-mail {
  border: 1px solid #edf0f51f;
  border-radius: .75em;
  width: 2.66667em;
  height: 2.66667em;
  position: absolute;
  top: 2.16667em;
  left: 2.08333em;
  overflow: clip;
  box-shadow: 0 .333333em .833333em 0 #00000059;
}

.solution_connector-doc-2 {
  width: 2.83333em;
  height: 4.5em;
  position: absolute;
  top: 3.83333em;
  left: 17.5em;
}

.solution_icon-bolt {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 1.16667em;
  left: 1.08333em;
}

.solution_p-2 {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .916667em;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.solution_tick-3 {
  background-image: linear-gradient(#fff9 0%, #ffffff14 100%);
  width: .0833333em;
  height: 2.33333em;
  position: absolute;
  top: .333333em;
  left: 58em;
}

.solution_p-16 {
  color: #edf0f5d9;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.22222em;
  position: relative;
}

.solution_icon-check {
  width: 1.33333em;
  height: 1.33333em;
  position: absolute;
  top: .25em;
  left: .25em;
}

.solution_connector-users {
  width: 2.83333em;
  height: 4.5em;
  position: absolute;
  top: 8.33333em;
  left: 6em;
}

.solution_connector-mail {
  width: 3.16667em;
  height: 4.83333em;
  position: absolute;
  top: 3.5em;
  left: 4.75em;
}

.solution_div-26 {
  position: absolute;
  inset: -100%;
}

.solution_tile-mail-2 {
  border: 1px solid #edf0f51f;
  border-radius: .75em;
  width: 2.66667em;
  height: 2.66667em;
  position: absolute;
  top: 2.5em;
  left: 3.33333em;
  overflow: clip;
  box-shadow: 0 .333333em .833333em 0 #00000059;
}

.solution_bar-1 {
  background-color: var(--_colors---purple);
  border-radius: .166667em;
  width: 5.16667em;
  height: .333333em;
  position: absolute;
  top: 2.75em;
  left: 1.75em;
  box-shadow: 0 0 .5em 0 #8f7dffcc;
}

.solution_div-2 {
  flex: none;
  transform: rotate(-140deg);
}

.solution_icon-mail {
  width: 1.16667em;
  height: 1.16667em;
  position: absolute;
  top: .666667em;
  left: .666667em;
}

.solution_steps {
  width: 83.6667em;
  height: 42.6667em;
  position: absolute;
  top: 5.98583em;
  left: 32.3333em;
}

.solution_shadow-left-ground-edge {
  width: 29.5833em;
  height: 21.0833em;
  position: absolute;
  top: 52.25em;
  left: 11.5em;
}

.solution_fade-ground {
  background-image: linear-gradient(#0b091200 0%, #0b0912 49.067% 100%);
  width: 112.583em;
  height: 17.5em;
  position: absolute;
  top: 49.0833em;
  left: 0;
}

.solution_p-18 {
  color: #a39eb899;
  white-space: nowrap;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.33333em;
  position: absolute;
  top: 4.33333em;
  left: 1.22222em;
}

.solution_p-21 {
  color: #a39eb899;
  white-space: nowrap;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.33333em;
  position: absolute;
  top: 10.1111em;
  left: 1.22222em;
}

.solution_icon-doc {
  width: .916667em;
  height: .916667em;
  position: absolute;
  top: 0;
  left: 0;
}

.solution_dot {
  flex-shrink: 0;
  width: .416667em;
  height: .416667em;
  position: relative;
}

.solution_chip-l-uft {
  grid-column-gap: .416667em;
  grid-row-gap: .416667em;
  background-color: #9ed9ff1a;
  border: 1px solid #9ed9ff59;
  border-radius: .5em;
  align-content: stretch;
  align-items: center;
  padding: .333333em .583333em;
  display: flex;
  position: absolute;
  top: 2.91667em;
  left: 12.75em;
  overflow: clip;
}

.solution_p-10 {
  color: #a39eb899;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .666667em;
  font-weight: 400;
  line-height: 1.375em;
  position: absolute;
  top: 6.75em;
  left: 1.125em;
}

.solution_div-11 {
  color: #0000;
  letter-spacing: .12em;
  white-space: nowrap;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%20230%20150'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20preserveAspectRatio%3D'none'%3E%3Crect%20x%3D'0'%20y%3D'0'%20height%3D'100%25'%20width%3D'100%25'%20fill%3D'url(%2523grad)'%20opacity%3D'1'%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D'grad'%20gradientUnits%3D'userSpaceOnUse'%20cx%3D'0'%20cy%3D'0'%20r%3D'10'%20gradientTransform%3D'matrix(11.5%200%200%207.5%20115%2075)'%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0.13)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0.06)'%20offset%3D'0.55'%2F%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0)'%20offset%3D'1'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  font-size: .666667em;
  font-weight: 400;
  line-height: 0;
  position: absolute;
  top: 3.5em;
  left: 4.375em;
}

.solution_steps-block {
  width: 120em;
  height: 48.6528em;
  position: absolute;
  top: 55.5142em;
  left: 0;
}

.solution_p-22 {
  color: var(--_colors---text-white);
  letter-spacing: -.0866667em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1em;
  font-style: normal;
  line-height: 0;
  position: relative;
}

.solution_workflow-node {
  background-image: linear-gradient(#2b2642 0%, #1a1726 100%);
  border: 1px solid #8f7dff8c;
  border-radius: .833333em;
  width: 8.66667em;
  height: 4em;
  position: absolute;
  top: 6.33333em;
  left: 8.83333em;
  overflow: clip;
  box-shadow: 0 0 1.66667em 0 #8f7dff80;
}

.solution_gate-line {
  width: 0;
  height: 1.5em;
  position: absolute;
  top: 2.91667em;
  left: 13.1667em;
}

.solution_div-17 {
  pointer-events: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 .0833333em 0 0 #ffffff1f;
}

.solution_div-7 {
  position: absolute;
  inset: -74.38% -56.25%;
}

.solution_div-6 {
  position: absolute;
  inset: -44.26% -26.61%;
}

.solution_div-18 {
  position: absolute;
  inset: -.0416667em -2.08%;
}

.solution_arrowhead-2 {
  width: .5em;
  height: .5em;
  position: relative;
}

.solution_p-15 {
  color: #9ed9ff80;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .666667em;
  font-weight: 400;
  line-height: 1.375em;
  position: absolute;
  top: 3.125em;
  left: 4.625em;
}

.solution_arrowhead {
  width: .5em;
  height: .5em;
  position: absolute;
  top: 8.08333em;
  left: 8.33333em;
}

.solution_div-14 {
  position: absolute;
  inset: -.86% -1.32%;
}

.solution_div-15 {
  position: absolute;
  inset: -.0416667em -1.32%;
}

.solution_p-12 {
  line-height: 1.1;
}

.solution_pulse {
  width: .416667em;
  height: .416667em;
  position: absolute;
  top: 5.79167em;
  left: 7.125em;
}

.solution_tile-sheet {
  border: 1px solid #edf0f51f;
  border-radius: .75em;
  width: 2.66667em;
  height: 2.66667em;
  position: absolute;
  top: 7em;
  left: 2.08333em;
  overflow: clip;
  box-shadow: 0 .333333em .833333em 0 #00000059;
}

.solution_tile-users {
  border: 1px solid #edf0f51f;
  border-radius: .75em;
  width: 2.66667em;
  height: 2.66667em;
  position: absolute;
  top: 11.5em;
  left: 3.33333em;
  overflow: clip;
  box-shadow: 0 .333333em .833333em 0 #00000059;
}

.solution_p-19 {
  color: #9ed9ffe0;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.22222em;
  position: relative;
}

.solution_div-4 {
  position: absolute;
  inset: -20.06% -14.29%;
}

.solution_p-4 {
  width: 100%;
  color: var(--_colors---text-paragraph);
  flex-shrink: 0;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.solution_tile-doc {
  border: 1px solid #edf0f51f;
  border-radius: .75em;
  width: 2.66667em;
  height: 2.66667em;
  position: absolute;
  top: 11.8333em;
  left: 2.08333em;
  overflow: clip;
  box-shadow: 0 .333333em .833333em 0 #00000059;
}

.solution_boulder-rolled-on-along-the-line {
  width: 31.7155em;
  height: 29.1783em;
  position: relative;
}

.solution_tile-search {
  border: 1px solid #edf0f559;
  border-radius: 1.08333em;
  width: 4.33333em;
  height: 4.33333em;
  position: absolute;
  top: 6.16667em;
  left: 8.58333em;
  overflow: clip;
  box-shadow: 0 0 1.5em 0 #8f7dff8c;
}

.solution_scan-ring {
  width: 6.33333em;
  height: 6.33333em;
  position: absolute;
  top: 5.16667em;
  left: 7.58333em;
}

.solution_div-22 {
  justify-content: center;
  align-items: center;
  width: .5em;
  height: .5em;
  display: flex;
  position: absolute;
  top: 8.08333em;
  left: 17.5em;
}

.solution_banner {
  grid-column-gap: 3.33333em;
  grid-row-gap: 3.33333em;
  flex-direction: column;
  align-content: stretch;
  align-items: center;
  width: 112em;
  display: flex;
  position: absolute;
  top: 114.833em;
  left: 4em;
}

.solution_tick-2 {
  background-image: linear-gradient(#fff9 0%, #ffffff14 100%);
  width: .0833333em;
  height: 2.33333em;
  position: absolute;
  top: .333333em;
  left: 30.3333em;
}

.solution_p-17 {
  color: #edf0f5d9;
  white-space: nowrap;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.33333em;
  position: absolute;
  top: 1.22222em;
  left: 3em;
}

.solution_p-6 {
  line-height: 1.25em;
}

.solution_glow {
  width: 26.6667em;
  height: 20.1667em;
  position: absolute;
  top: 53.0833em;
  left: 1.25em;
}

.solution_icon {
  flex-shrink: 0;
  width: .833333em;
  height: .833333em;
  position: relative;
  overflow: clip;
}

.solution_p-11 {
  color: #a39eb899;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .666667em;
  font-weight: 400;
  line-height: 1.375em;
  position: absolute;
  top: 9.75em;
  left: 1.125em;
}

.solution_head {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.solution_div-25 {
  position: absolute;
  inset: -2.78% -.0416667em;
}

.solution_div-13 {
  pointer-events: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 .0833333em 0 0 #ffffff14;
}

.solution_03-solution {
  background-color: var(--_colors---background);
  width: 120em;
  height: 138.333em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.solution_chip-laufend {
  background-color: #edf0f50d;
  border: 1px solid #edf0f51f;
  border-radius: .5em;
  align-content: stretch;
  align-items: center;
  padding: .333333em .583333em;
  display: flex;
  position: absolute;
  top: 5.08333em;
  left: 12.5833em;
  overflow: clip;
}

.solution_div-16 {
  pointer-events: none;
  background-image: linear-gradient(#262433 0%, #171620 100%);
  border-radius: 1.08333em;
  position: absolute;
  inset: 0;
}

.solution_tile-doc-2 {
  border: 1px solid #edf0f51f;
  border-radius: .75em;
  width: 2.66667em;
  height: 2.66667em;
  position: absolute;
  top: 2.5em;
  left: 20.3333em;
  overflow: clip;
  box-shadow: 0 .333333em .833333em 0 #00000059;
}

.solution_node-2 {
  background-color: var(--_colors---white);
  width: .666667em;
  height: .666667em;
  box-shadow: 0em 0em 1.16667em .166667em var(--_colors---purple);
  position: absolute;
  top: 0;
  left: 30.0417em;
}

.solution_div-24 {
  color: #0000;
  letter-spacing: .12em;
  white-space: nowrap;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%20230%20140'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20preserveAspectRatio%3D'none'%3E%3Crect%20x%3D'0'%20y%3D'0'%20height%3D'100%25'%20width%3D'100%25'%20fill%3D'url(%2523grad)'%20opacity%3D'1'%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D'grad'%20gradientUnits%3D'userSpaceOnUse'%20cx%3D'0'%20cy%3D'0'%20r%3D'10'%20gradientTransform%3D'matrix(11.5%200%200%207%20115%2070)'%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0.13)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0.06)'%20offset%3D'0.55'%2F%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0)'%20offset%3D'1'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  font-size: .666667em;
  font-weight: 400;
  line-height: 0;
  position: absolute;
  top: 5em;
  left: 5em;
}

.solution_node-1 {
  background-color: var(--_colors---white);
  width: .666667em;
  height: .666667em;
  box-shadow: 0em 0em 1.16667em .166667em var(--_colors---purple);
  position: absolute;
  top: 0;
  left: 2.375em;
}

.solution_div-19 {
  color: #0000;
  letter-spacing: .12em;
  white-space: nowrap;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%20207%20150'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20preserveAspectRatio%3D'none'%3E%3Crect%20x%3D'0'%20y%3D'0'%20height%3D'100%25'%20width%3D'100%25'%20fill%3D'url(%2523grad)'%20opacity%3D'1'%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D'grad'%20gradientUnits%3D'userSpaceOnUse'%20cx%3D'0'%20cy%3D'0'%20r%3D'10'%20gradientTransform%3D'matrix(10.35%200%200%207.5%20103.5%2075)'%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0.13)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0.06)'%20offset%3D'0.55'%2F%3E%3Cstop%20stop-color%3D'rgba(237%2C240%2C245%2C0)'%20offset%3D'1'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  font-size: .666667em;
  font-weight: 400;
  line-height: 0;
  position: absolute;
  top: 3.75em;
  left: 7em;
}

.solution_check {
  background-color: #292440;
  border: 1px solid #8f7dffb3;
  border-radius: 1em;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 4.41667em;
  left: 12.1667em;
  overflow: clip;
  box-shadow: 0 0 1em 0 #8f7dff99;
}

.solution_p-3 {
  margin-bottom: 0;
  line-height: 1.1;
}

.solution_div-21 {
  position: absolute;
  inset: -13.48% -18.63% -13.48% -8.33%;
}

.solution_connector-out {
  width: 2em;
  height: 0;
  position: absolute;
  top: 8.33333em;
  left: 14.0833em;
}

.solution_p-8 {
  color: #edf0f599;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .666667em;
  font-weight: 400;
  line-height: 1.375em;
  position: absolute;
  top: 1em;
  left: 1.125em;
}

.solution_tick-1 {
  background-image: linear-gradient(#fff9 0%, #ffffff14 100%);
  width: .0833333em;
  height: 2.33333em;
  position: absolute;
  top: .333333em;
  left: 2.66667em;
}

.solution_step-line {
  width: 120em;
  height: 3.33333em;
  position: absolute;
  top: 4.6525em;
  left: 0;
}

.solution_div-12 {
  pointer-events: none;
  background-image: linear-gradient(#262433 0%, #171620 100%);
  border-radius: .75em;
  position: absolute;
  inset: 0;
}

.solution_bar {
  background-color: #edf0f50f;
  border-radius: .166667em;
  width: 5.83333em;
  height: .333333em;
  position: absolute;
  top: 2.75em;
  left: 1.75em;
}

.solution_p-20 {
  color: #a39eb899;
  white-space: nowrap;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.33333em;
  position: absolute;
  top: 7.22222em;
  left: 1.22222em;
}

.solution_span {
  color: #a18fffcc;
  font-size: 4.33333em;
  line-height: 1;
}

.solution_content {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  padding: 2.66667em 2.66667em .666667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.solution_div-20 {
  position: absolute;
  inset: -.93% -1.47%;
}

.solution_graphic {
  flex-shrink: 0;
  width: 100%;
  height: 16.6667em;
  position: relative;
  overflow: clip;
}

.solution_img-sisyphus-standing {
  width: 115.417em;
  height: 67.5833em;
  position: absolute;
  top: -1em;
  left: 9.75em;
}

.solution_chip-monitoring {
  grid-column-gap: .416667em;
  grid-row-gap: .416667em;
  background-color: #edf0f50d;
  border: 1px solid #edf0f51f;
  border-radius: .5em;
  align-content: stretch;
  align-items: center;
  padding: .333333em .583333em;
  display: flex;
  position: absolute;
  top: 1.16667em;
  left: 10em;
  overflow: clip;
}

.solution_shadow-left-ground-edge-3 {
  width: 28.4167em;
  height: 17.0833em;
  position: absolute;
  top: 41.6667em;
  right: 7.37917em;
}

.solution_p-13 {
  width: 100%;
  color: var(--_colors---text-paragraph);
  white-space: pre-wrap;
  flex-shrink: 0;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.solution_icon-search {
  width: 1.83333em;
  height: 1.83333em;
  position: absolute;
  top: 1.16667em;
  left: 1.16667em;
}

.wrapper_solution {
  position: relative;
}

.solution_node-3 {
  background-color: var(--_colors---white);
  width: .666667em;
  height: .666667em;
  box-shadow: 0em 0em 1.16667em .166667em var(--_colors---purple);
  position: absolute;
  top: 0;
  left: 57.7083em;
}

.solution_div-23 {
  flex: none;
  transform: rotate(180deg);
}

.solution_div-8 {
  position: absolute;
  inset: -32.5% -.28% -32.5% 0;
}

.solution_step-columns {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  align-content: stretch;
  align-items: flex-start;
  width: 83.6667em;
  display: flex;
  position: absolute;
  top: 2.66667em;
  left: 0;
}

.tech_logo-37 {
  width: 2.56667em;
  height: 2.0635em;
  position: absolute;
  top: .251667em;
  left: 0;
}

.tech_logo-68 {
  flex-shrink: 0;
  width: 3.16142em;
  height: 3.11667em;
  position: relative;
}

.tech_logo-60 {
  width: 2.56667em;
  height: 2.04125em;
  position: absolute;
  top: .2625em;
  left: 0;
}

.tech_p-3 {
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1.66667em;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.tech_logo-12 {
  width: 1.697em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .318333em;
}

.tech_hairline-bottom {
  width: 112em;
  height: .833333em;
  position: absolute;
  top: 24.5833em;
  left: 4em;
}

.tech_ambient-glow {
  width: 91.6667em;
  height: 36.6667em;
  position: absolute;
  top: 39.8333em;
  left: 14.1667em;
}

.tech_logo-22 {
  flex-shrink: 0;
  width: 14.3089em;
  height: 1.83333em;
  position: relative;
}

.tech_div-4 {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 -.166667em 2em 0 #9ed9ff1a, inset 0 .0833333em 1.08333em 0 #fff3;
}

.tech_row-1 {
  grid-column-gap: 5.86667em;
  grid-row-gap: 5.86667em;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  top: 2.6em;
  left: -90.9417em;
}

.tech_div {
  position: absolute;
  inset: -45.45% -18.18%;
}

.tech_logo-47 {
  width: 2.30675em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .13em;
}

.tech_logo-2 {
  width: 2.33333em;
  height: 2.19817em;
  position: absolute;
  top: .0675em;
  left: 0;
}

.tech_logo-10 {
  width: 2.33333em;
  height: 1.22892em;
  position: absolute;
  top: .5525em;
  left: 0;
}

.tech_logo-23 {
  width: 2.33333em;
  height: 2.3315em;
  position: absolute;
  top: .0008333em;
  left: 0;
}

.tech_logos {
  width: 120em;
  height: 25em;
  position: absolute;
  top: 52.6667em;
  left: 0;
}

.tech_06-tech-stack {
  background-color: var(--_colors---background);
  width: 120em;
  height: 88em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.tech_aws {
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  height: 3.66667em;
  display: flex;
  position: relative;
}

.tech_logo-64 {
  width: 2.56667em;
  height: 1.79608em;
  position: absolute;
  top: .385em;
  left: 0;
}

.tech_aws-2 {
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  height: 4.03333em;
  display: flex;
  position: relative;
}

.tech_logo-63 {
  width: 1.92517em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .320833em;
}

.tech_logo-36 {
  width: 2.56667em;
  height: 2.418em;
  position: absolute;
  top: .0741667em;
  left: 0;
}

.tech_logo-65 {
  width: 2.45075em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .0583333em;
}

.tech_logo-17 {
  width: 1.87992em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .226667em;
}

.tech_logo-27 {
  width: 2.2525em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .0408333em;
}

.tech_logo-19 {
  width: 2.33333em;
  height: 2.07858em;
  position: absolute;
  top: .1275em;
  left: 0;
}

.tech_logo-13 {
  width: 2.097em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .118333em;
}

.tech_logo-21 {
  width: 2.33333em;
  height: 2.17017em;
  position: absolute;
  top: .0816667em;
  left: 0;
}

.tech_logo-57 {
  width: 2.56667em;
  height: 2.56467em;
  position: absolute;
  top: .0008333em;
  left: 0;
}

.tech_edge-fade-left {
  background-image: linear-gradient(to right, #0b0912 0%, #0b091200 100%);
  width: 18.3333em;
  height: 25em;
  position: absolute;
  top: 0;
  left: 0;
}

.tech_row-2 {
  grid-column-gap: 5.86667em;
  grid-row-gap: 5.86667em;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  top: 11.0333em;
  left: -48.8667em;
}

.tech_glass {
  pointer-events: none;
  border: 1px solid #ffffffe6;
  border-radius: 16.5em;
  width: 53.3333em;
  height: 17.6667em;
  position: absolute;
  top: 0;
  left: 0;
}

.section_tech {
  background-color: var(--_colors---background);
  position: relative;
}

.tech_logo-56 {
  flex-shrink: 0;
  width: 15.7398em;
  height: 2.01667em;
  position: relative;
}

.tech_logo-4 {
  width: 2.33333em;
  height: 1.67408em;
  position: absolute;
  top: .33em;
  left: 0;
}

.tech_text {
  flex-shrink: 0;
  width: 100%;
  height: 23em;
  position: relative;
}

.tech_l2-21-power-bi-c {
  display: contents;
  position: absolute;
  inset: 0;
}

.tech_logo-25 {
  width: 2.32167em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .0058333em;
}

.tech_row-1-no-color {
  grid-column-gap: 5.33333em;
  grid-row-gap: 5.33333em;
  opacity: .42;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  top: 6.83333em;
  left: -46.9167em;
}

.tech_p {
  width: 8.6337em;
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  font-size: 7.5em;
  font-style: normal;
  line-height: 1;
  position: absolute;
  top: 0;
  left: .0222222em;
}

.tech_logo-41 {
  width: 2.56667em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: 0;
}

.tech_logo-35 {
  flex-shrink: 0;
  width: 4.59983em;
  height: 2.75em;
  position: relative;
}

.tech_logo-9 {
  width: 2.33333em;
  height: 1.54975em;
  position: absolute;
  top: .391667em;
  left: 0;
}

.tech_logo-67 {
  flex-shrink: 0;
  width: 4.81483em;
  height: 2.38333em;
  position: relative;
}

.tech_logo-14 {
  width: 2.02025em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .156667em;
}

.tech_logo-8 {
  width: 2.33333em;
  height: 1.66642em;
  position: absolute;
  top: .333333em;
  left: 0;
}

.tech_lens {
  background-image: linear-gradient(90deg, #8f7dff0d 0% 100%), linear-gradient(90deg, #0b0912 0% 100%);
  border-radius: 13.1667em;
  width: 53.3333em;
  height: 17.6667em;
  position: absolute;
  top: 3.66667em;
  left: 50%;
  overflow: clip;
  transform: translateX(-50%);
  box-shadow: 0 2em 4.16667em 0 #00000059;
}

.tech_logo-5 {
  width: 2.33142em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .0008333em;
}

.tech_logo-7 {
  width: 2.33333em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: 0;
}

.tech_logo-24 {
  width: 2.23767em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .0475em;
}

.tech_logo-51 {
  width: 2.06792em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .249167em;
}

.tech_azure {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  height: 3.66667em;
  display: flex;
  position: relative;
}

.tech_logo-54 {
  width: 2.56667em;
  height: 2.55808em;
  position: absolute;
  top: .0041667em;
  left: 0;
}

.tech_logo-61 {
  width: 2.47775em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .0441667em;
}

.tech_azure-2 {
  grid-column-gap: 1.1em;
  grid-row-gap: 1.1em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  height: 4.03333em;
  display: flex;
  position: relative;
}

.tech_p-2 {
  width: 18em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: 1.16667em;
  left: 56.7778em;
}

.tech_logo-45 {
  width: 2.56667em;
  height: 1.81808em;
  position: absolute;
  top: .374167em;
  left: 0;
}

.tech_hairline-top {
  width: 112em;
  height: .833333em;
  position: absolute;
  top: -.416667em;
  left: 4em;
}

.tech_part {
  position: absolute;
  inset: 0;
}

.tech_logo-43 {
  width: 2.56667em;
  height: 1.70467em;
  position: absolute;
  top: .430833em;
  left: 0;
}

.tech_logo-29 {
  width: 1.75017em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .291667em;
}

.tech_logo-33 {
  flex-shrink: 0;
  width: 4.37708em;
  height: 2.16667em;
  position: relative;
}

.tech_logo-49 {
  width: 2.28658em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .14em;
}

.tech_logo {
  flex-shrink: 0;
  width: 4.18167em;
  height: 2.5em;
  position: relative;
}

.tech_logo-28 {
  width: 2.27517em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .0291667em;
}

.tech_logo-44 {
  width: 2.56667em;
  height: 1.35175em;
  position: absolute;
  top: .6075em;
  left: 0;
}

.tech_logo-59 {
  width: 2.55383em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .0066667em;
}

.tech_logo-16 {
  width: 2.33333em;
  height: 2.32058em;
  position: absolute;
  top: .0066667em;
  left: 0;
}

.wrapper_tech {
  position: relative;
}

.tech_logo-52 {
  width: 2.27575em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .145833em;
}

.tech_lens-glow {
  width: 65.0871em;
  height: 23.3333em;
  position: absolute;
  top: .833333em;
  left: 27.4133em;
}

.tech_logo-48 {
  width: 2.22233em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .1725em;
}

.tech_div-3 {
  background-image: linear-gradient(159.373deg, #ffffff05 7.0922%, #ffffff01 39.007%, #d9ebff03 78.014%);
  border-radius: 16.5em;
  position: absolute;
  inset: 0;
}

.tech_edge-fade-right {
  background-image: linear-gradient(to left, #0b0912 0%, #0b091200 100%);
  width: 18.3333em;
  height: 25em;
  position: absolute;
  top: 0;
  left: 101.667em;
}

.tech_logo-6 {
  width: 2.30183em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .0158333em;
}

.tech_logo-3 {
  width: 2.33333em;
  height: 1.87592em;
  position: absolute;
  top: .228333em;
  left: 0;
}

.tech_logo-66 {
  flex-shrink: 0;
  width: 10.5303em;
  height: 2.38333em;
  position: relative;
}

.tech_logo-20 {
  width: 2.33333em;
  height: 2.32558em;
  position: absolute;
  top: .0041667em;
  left: 0;
}

.tech_logo-50 {
  width: 2.56667em;
  height: 2.55258em;
  position: absolute;
  top: .0066667em;
  left: 0;
}

.tech_logo-15 {
  width: 2.07867em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .1275em;
}

.tech_logo-42 {
  width: 2.56667em;
  height: 1.833em;
  position: absolute;
  top: .366667em;
  left: 0;
}

.tech_logo-26 {
  width: 2.33333em;
  height: 1.85567em;
  position: absolute;
  top: .239167em;
  left: 0;
}

.tech_logo-11 {
  width: 2.33333em;
  height: 1.65275em;
  position: absolute;
  top: .34em;
  left: 0;
}

.tech_div-2 {
  position: absolute;
  inset: -25% -8.96%;
}

.tech_logo-39 {
  width: 2.5645em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .0008333em;
}

.tech_logo-40 {
  width: 2.532em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .0175em;
}

.tech_row-2-no-color {
  grid-column-gap: 5.33333em;
  grid-row-gap: 5.33333em;
  opacity: .42;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  top: 14.5em;
  left: -8.66667em;
}

.tech_logo-18 {
  width: 2.06892em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .1325em;
}

.tech_logo-46 {
  width: 1.86675em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .35em;
}

.tech_logo-31 {
  width: 2.22792em;
  height: 2.33333em;
  position: absolute;
  top: 0;
  left: .0525em;
}

.tech_logo-38 {
  width: 2.56667em;
  height: 1.8415em;
  position: absolute;
  top: .3625em;
  left: 0;
}

.tech_part-2 {
  position: absolute;
  inset: 0 0 -.44%;
}

.tech_logo-62 {
  width: 2.50267em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .0316667em;
}

.tech_logo-34 {
  flex-shrink: 0;
  width: 2.87408em;
  height: 2.83333em;
  position: relative;
}

.tech_icon {
  flex-shrink: 0;
  width: 2.33333em;
  height: 2.33333em;
  position: relative;
}

.tech_logo-55 {
  width: 2.56667em;
  height: 2.38717em;
  position: absolute;
  top: .09em;
  left: 0;
}

.tech_p-4 {
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1.83333em;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.tech_icon-2 {
  flex-shrink: 0;
  width: 2.56667em;
  height: 2.56667em;
  position: relative;
}

.tech_logo-53 {
  width: 2.56667em;
  height: 2.2865em;
  position: absolute;
  top: .14em;
  left: 0;
}

.tech_logo-32 {
  flex-shrink: 0;
  width: 9.573em;
  height: 2.16667em;
  position: relative;
}

.tech_logo-58 {
  width: 2.46142em;
  height: 2.56667em;
  position: absolute;
  top: 0;
  left: .0525em;
}

.tech_logo-30 {
  width: 2.33333em;
  height: 1.63275em;
  position: absolute;
  top: .35em;
  left: 0;
}

.section_projects {
  background-color: var(--_colors---background);
  position: relative;
}

.projects_ambient-glow {
  width: 100em;
  height: 46.6667em;
  position: absolute;
  top: 53.3333em;
  left: 10em;
}

.projects_fade {
  height: 10em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.projects_stages {
  flex-direction: column;
  flex: 1 0 0;
  place-content: stretch space-between;
  align-items: center;
  width: 100%;
  min-height: .0833333em;
  display: flex;
  position: relative;
}

.wrapper_projects {
  position: relative;
}

.projects_case-02-anfragen-angebote-b2b-dienstleister {
  background-image: linear-gradient(90deg, #ffffff12 0%, #ffffff06 100%), linear-gradient(90deg, #0b0912 0% 100%);
  border-radius: .666667em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 36em;
  height: 60em;
  display: flex;
  position: relative;
  overflow: clip;
}

.projects_p-3 {
  flex-shrink: 0;
  width: min-content;
  min-width: 100%;
  font-size: 1.33333em;
  line-height: 1.5;
  position: relative;
}

.projects_07-projects {
  background-color: var(--_colors---background);
  width: 120em;
  height: 120em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.projects_rail-2 {
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-self: stretch;
  align-items: center;
  width: .666667em;
  padding-top: .333333em;
  display: flex;
  position: relative;
}

.projects_img {
  width: 83.33%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 8.33%;
}

.projects_glass-pane-refracts-the-marble {
  pointer-events: none;
  border: 1px solid #ffffff52;
  border-radius: .666667em;
  position: absolute;
  inset: 1em;
}

.projects_node-2 {
  background-color: var(--_colors---text-white);
  flex-shrink: 0;
  width: .666667em;
  height: .666667em;
  position: relative;
}

.projects_content-2 {
  grid-column-gap: 2.33333em;
  grid-row-gap: 2.33333em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  min-height: .0833333em;
  padding: 2.16667em 2.66667em 2.33333em;
  display: flex;
  position: relative;
}

.projects_case-cards {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 45.1667em;
  left: 4em;
}

.projects_stages-2 {
  flex-direction: column;
  flex: 1 0 0;
  place-content: stretch space-between;
  align-items: flex-start;
  width: 100%;
  min-height: .0833333em;
  display: flex;
  position: relative;
}

.projects_node {
  flex-shrink: 0;
  width: .666667em;
  height: .666667em;
  position: relative;
}

.projects_p {
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  white-space: pre;
  font-size: 7.5em;
  font-style: normal;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.projects_marble-detail-2 {
  width: 36em;
  height: 20em;
  position: absolute;
  top: 0;
  left: 0;
}

.projects_lens-view-magnified-marble {
  background-color: var(--_colors---background);
  border-radius: .666667em;
  width: 34em;
  height: 18em;
  position: absolute;
  top: 1em;
  left: 1em;
  overflow: clip;
}

.projects_tag {
  border: 1px solid #ffffff0a;
  border-radius: 83.25em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  padding: .416667em 1em;
  display: flex;
  position: relative;
  overflow: clip;
}

.projects_stages-problem-l-sung-ergebnis {
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.projects_stage-problem {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.projects_case-01-wissenssuche-maschinenbau-mittelstand {
  background-image: linear-gradient(90deg, #ffffff12 0%, #ffffff06 100%), linear-gradient(90deg, #0b0912 0% 100%);
  border-radius: .666667em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  width: 36em;
  height: 60em;
  display: flex;
  position: relative;
  overflow: clip;
}

.projects_div-2 {
  background-image: linear-gradient(152.103deg, #ffffff02 0%, #ffffff01 35.714%, #ccd9ff02 71.429%);
  border-radius: .666667em;
  position: absolute;
  inset: 0;
}

.projects_glow-line-2 {
  background-image: linear-gradient(#ffffffe6 0%, #8f7dfff2 100%);
  flex: 1 0 0;
  width: .125em;
  min-height: .0833333em;
  position: relative;
  box-shadow: 0 0 .666667em 0 #8f7dffcc;
}

.projects_copy {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  min-width: .0833333em;
  color: var(--_colors---text-paragraph);
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-items: flex-start;
  padding-bottom: 2em;
  font-weight: 400;
  display: flex;
  position: relative;
}

.projects_marble-detail-1-25 {
  width: 45em;
  height: 25em;
  position: absolute;
  top: -3.5em;
  left: -5.5em;
}

.projects_div-3 {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 .0833333em 0 0 #ffffff1f;
}

.projects_node-3 {
  background-color: var(--_colors---purple);
  width: .666667em;
  height: .666667em;
  box-shadow: 0em 0em 1.5em .25em var(--_colors---purple);
  flex-shrink: 0;
  position: relative;
}

.projects_media {
  flex-shrink: 0;
  width: 100%;
  height: 20em;
  position: relative;
  overflow: clip;
}

.projects_p-2 {
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .916667em;
  line-height: 1.4;
  position: relative;
}

.projects_p-5 {
  color: #b8abff;
  flex-shrink: 0;
  width: min-content;
  min-width: 100%;
  font-size: 1.33333em;
  line-height: 1.5;
  position: relative;
}

.projects_div {
  position: absolute;
  inset: -35.71% -16.67%;
}

.projects_rail {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-self: stretch;
  align-items: center;
  width: .666667em;
  padding-top: .333333em;
  display: flex;
  position: relative;
}

.projects_button-projekt-ansehen {
  background-color: #ffffff1a;
  border-radius: .333333em;
  flex-shrink: 0;
  place-content: stretch space-between;
  align-items: center;
  width: 100%;
  height: 4.33333em;
  padding: .666667em .666667em .666667em 2em;
  display: flex;
  position: relative;
}

.projects_copy-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-items: flex-start;
  min-width: .0833333em;
  font-weight: 400;
  display: flex;
  position: relative;
}

.projects_glow-line {
  background-image: linear-gradient(#a39eb88c 0%, #ffffffd9 100%);
  flex: 1 0 0;
  width: .125em;
  min-height: .0833333em;
  position: relative;
  box-shadow: 0 0 .5em 0 #8f7dff59;
}

.projects_p-4 {
  color: var(--_colors---purple);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .916667em;
  line-height: 1.4;
  position: relative;
}

.projects_tags {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 30.6667em;
  display: flex;
  position: absolute;
  top: 15em;
  left: 2.66667em;
}

.projects_content {
  grid-column-gap: 2.33333em;
  grid-row-gap: 2.33333em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-items: center;
  width: 100%;
  min-height: .0833333em;
  padding: 2.16667em 2.66667em 2.33333em;
  display: flex;
  position: relative;
}

.projects_marble-detail {
  width: 36em;
  height: 20em;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}

.faq_div-3 {
  position: absolute;
  inset: -27.44% -22.27% -19.53% -21.36%;
}

.section_faq {
  background-color: var(--_colors---background);
  position: relative;
}

.wrapper_faq {
  position: relative;
}

.faq_div-4 {
  pointer-events: none;
  background-image: linear-gradient(to right, #ffffff12 0%, #ffffff08 100%);
  border-radius: .666667em;
  position: absolute;
  inset: 0;
}

.faq_image {
  width: 36.6667em;
  height: 43.3333em;
  position: absolute;
  top: 27.6667em;
  left: -.666667em;
}

.faq_ambient-glow {
  width: 35.9336em;
  height: 35.9336em;
  position: absolute;
  top: 57em;
  left: 3.7em;
}

.faq_div-2 {
  min-width: 100%;
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  flex-shrink: 0;
  width: min-content;
  font-size: 7.5em;
  font-style: normal;
  position: relative;
}

.faq_q2 {
  border: 1px solid #ffffff2e;
  border-radius: .666667em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  padding: 2em;
  display: flex;
  position: relative;
}

.faq_img-contemplative-figure {
  opacity: .72;
  width: 36.6667em;
  height: 43.3333em;
  position: absolute;
  top: 0;
  left: 0;
}

.faq_span-2 {
  color: var(--_colors---purple-soft);
  font-size: 1.5em;
  line-height: 1.444;
  text-decoration-line: underline;
  text-decoration-style: solid;
}

.faq_answer {
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  padding-top: 1.33333em;
  padding-left: 3.66667em;
  padding-right: 4.33333em;
  display: flex;
  position: relative;
  overflow: clip;
}

.faq_lens {
  width: 26.1959em;
  height: 25.6006em;
  position: absolute;
  top: 19.3992em;
  left: 16.6667em;
}

.faq_questions-accordion-one-open-at-a-time {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  width: 55.3333em;
  display: flex;
  position: absolute;
  top: 21.8333em;
  left: 60.6667em;
}

.faq_plus-horizontal-2 {
  background-color: var(--_colors---text-white);
  width: 1em;
  height: .0833333em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.faq_left-content {
  width: 55.5em;
  height: 75em;
  position: absolute;
  top: 21em;
  left: 4em;
}

.faq_plus-horizontal {
  background-color: var(--_colors---white);
  width: 1em;
  height: .0833333em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.faq_div-7 {
  pointer-events: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 .0833333em 0 0 #ffffff12;
}

.faq_icon-2 {
  background-color: #ffffff0a;
  border-radius: .333333em;
  flex-shrink: 0;
  width: 2.66667em;
  height: 2.66667em;
  position: relative;
}

.faq_p-2 {
  width: 2em;
  height: 1.33333em;
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
}

.faq_icon {
  background-color: var(--_colors---purple);
  border-radius: .333333em;
  flex-shrink: 0;
  width: 2.66667em;
  height: 2.66667em;
  position: relative;
}

.faq_p-4 {
  width: 100%;
  color: var(--_colors---text-paragraph);
  flex-shrink: 0;
  font-size: 1.33333em;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.faq_08-faq {
  background-color: var(--_colors---background);
  width: 120em;
  height: 106.167em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.faq_p-3 {
  min-width: .0357143em;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  flex: 1 0 0;
  font-size: 2.33333em;
  font-style: normal;
  line-height: 1.1;
  position: relative;
}

.faq_q1-open {
  border: 1px solid #ffffff52;
  border-radius: .666667em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  padding: 2em;
  display: flex;
  position: relative;
  overflow: clip;
  box-shadow: 0 1.33333em 4em 0 #6b57ff1a;
}

.faq_div-5 {
  pointer-events: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 .0833333em 0 0 #ffffff2e;
}

.faq_div {
  position: absolute;
  inset: -49.97%;
}

.faq_span-3 {
  color: var(--_colors---purple-soft);
  font-size: 1.5em;
  line-height: 1.444;
}

.faq_plus-vertical {
  background-color: var(--_colors---text-white);
  width: .0833333em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.faq_question-row {
  grid-column-gap: 1.66667em;
  grid-row-gap: 1.66667em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.faq_img {
  width: 147.02%;
  max-width: none;
  height: 186.72%;
  position: absolute;
  top: -55.98%;
  left: -23.91%;
}

.faq_top-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  width: 112em;
  display: flex;
  position: absolute;
  top: 11.5em;
  left: 4em;
}

.faq_p {
  width: 30em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.015em;
  white-space: pre-wrap;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: 400;
  position: relative;
}

.faq_text {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  width: 55.3333em;
  line-height: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.faq_edge-light-runs-along-the-edge-on-open {
  width: 59.3333em;
  height: .0833333em;
  box-shadow: 0em 0em .25em 0em var(--_colors---purple);
  background-image: linear-gradient(90.6789deg, #fff0 0%, #fffffff2 35%, #8f7dffcc 69.999%, #8f7dff00 99.999%);
  position: absolute;
  top: -.0891667em;
  left: -.0833333em;
}

.faq_div-6 {
  pointer-events: none;
  background-image: linear-gradient(to right, #ffffff0d 0%, #ffffff03 100%);
  border-radius: .666667em;
  position: absolute;
  inset: 0;
}

.faq_span {
  font-size: 1.5em;
  line-height: 1.444;
}

.about_div-5 {
  position: absolute;
  inset: -10.12% -10.9% -26.69%;
}

.about_img {
  pointer-events: none;
  object-position: bottom;
  border-radius: .666667em;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0;
}

.about_05-about {
  background-color: var(--_colors---background);
  width: 120em;
  height: 106.917em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.about_glow {
  width: 63.3333em;
  height: 63.3333em;
  position: absolute;
  top: 13.5833em;
  left: 16.2908em;
}

.about_light-side-light-from-the-left-shadow-side-ri {
  background-image: linear-gradient(to right, #0b091200 0% 42%, #0b09129e 100%);
  position: absolute;
  inset: -.0833333em -.0833333em calc(2.34% - .0791667em);
}

.about_light-blue-low-left {
  position: absolute;
  inset: 58.99% 43.45% 13.36% 11.9%;
}

.about_p-5 {
  min-width: 100%;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  flex-shrink: 0;
  width: min-content;
  font-size: 3.66667em;
  font-style: normal;
  line-height: 1;
  position: relative;
}

.about_cards {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  align-content: stretch;
  align-items: flex-start;
  width: 112.083em;
  display: flex;
  position: absolute;
  top: 79.5833em;
  left: 3.91667em;
}

.about_light-background-glow-behind-the-head-violet {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%20665%20627'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20preserveAspectRatio%3D'none'%3E%3Crect%20x%3D'0'%20y%3D'0'%20height%3D'100%25'%20width%3D'100%25'%20fill%3D'url(%2523grad)'%20opacity%3D'1'%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D'grad'%20gradientUnits%3D'userSpaceOnUse'%20cx%3D'0'%20cy%3D'0'%20r%3D'10'%20gradientTransform%3D'matrix(4.6755%20-64.457%2064.965%204.7124%20-8.3892%20701.93)'%3E%3Cstop%20stop-color%3D'rgba(133%2C117%2C255%2C0.62)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(115%2C140%2C255%2C0.26)'%20offset%3D'0.45'%2F%3E%3Cstop%20stop-color%3D'rgba(115%2C140%2C255%2C0)'%20offset%3D'1'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  position: absolute;
  inset: -.0833333em -.0833333em calc(2.34% - .0791667em);
}

.about_div-2 {
  width: 24.2778em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 0;
  position: absolute;
  bottom: 35.8889em;
  left: 2.66667em;
  transform: translateY(100%);
}

.about_grade-violet-tone-like-the-statues {
  opacity: .14;
  background-color: #8f7dff66;
  position: absolute;
  inset: -.0833333em;
}

.about_p-7 {
  width: 7.37778em;
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  white-space: pre-wrap;
  font-size: 7.5em;
  font-style: normal;
  line-height: 1;
  position: absolute;
  top: 2.8em;
  left: .533333em;
}

.about_lens-vertion-logo-the-hero-lens-one-last-time {
  width: 18.1242em;
  height: 11.7052em;
  position: absolute;
  bottom: 35.1092em;
  right: 6.58333em;
}

.about_card-text {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.about_p-4 {
  width: 100%;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  flex-shrink: 0;
  font-size: 1.83333em;
  font-style: normal;
  line-height: 1.2;
  position: relative;
}

.about_p {
  margin-bottom: .888889em;
  line-height: 1.4;
}

.about_text {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  width: 55.4167em;
  padding: 2.66667em;
  display: flex;
  position: absolute;
  bottom: -.0833333em;
  left: -.0833333em;
}

.about_light-violet-top-right {
  position: absolute;
  inset: 9.22% 10.71% 63.13% 53.57%;
}

.about_glass-body {
  position: absolute;
  inset: 0 0 -.15%;
}

.about_p-3 {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
}

.about_p-6 {
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
}

.about_div-4 {
  position: absolute;
  inset: -50% -20%;
}

.about_card-2 {
  grid-column-gap: 6.66667em;
  grid-row-gap: 6.66667em;
  background-color: #ffffff0a;
  border-radius: .666667em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-items: flex-start;
  min-width: .0833333em;
  padding: 2.66667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.wrapper_about {
  position: relative;
}

.about_div {
  position: absolute;
  inset: -43.42%;
}

.section_about {
  background-color: var(--_colors---background);
  position: relative;
}

.about_card-1 {
  grid-column-gap: 6.66667em;
  grid-row-gap: 6.66667em;
  background-color: #ffffff0a;
  border-radius: .666667em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-self: stretch;
  align-items: flex-start;
  min-width: .0833333em;
  padding: 2.66667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.about_reflection {
  position: absolute;
  inset: 0 0 -.15%;
}

.about_p-2 {
  line-height: 1.4;
}

.about_image {
  border: 1px solid #edf0f50f;
  border-radius: .666667em;
  width: 55.4167em;
  height: 53.5em;
  position: absolute;
  top: 21em;
  left: calc(50% + 28.375em);
  overflow: clip;
  transform: translateX(-50%);
}

.about_fade-desk-dissolves-into-dark {
  background-image: linear-gradient(#0c0a1400 0% 46%, #0c0a14f7 88.039%, #0c0a14 100%);
  position: absolute;
  inset: -.0833333em;
}

.about_top-content {
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  width: 112em;
  display: flex;
  position: absolute;
  top: 11.5em;
  left: 4em;
}

.about_div-3 {
  position: absolute;
  inset: -50% -25%;
}

.about_icon {
  width: 8.66667em;
  height: 8.66667em;
  position: absolute;
  top: 2em;
  left: 25.1392em;
}

.cta_input {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .333333em;
  flex-shrink: 0;
  width: 100%;
  height: 4em;
  position: relative;
}

.cta_p-31 {
  color: #edf0f5d9;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-shrink: 0;
  width: 100%;
  font-size: .916667em;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.cta_slots {
  grid-column-gap: .666667em;
  grid-row-gap: .666667em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.cta_span-2 {
  color: var(--_colors---purple-soft);
  font-size: 1.16667em;
  line-height: 1.5;
  text-decoration-line: underline;
  text-decoration-style: solid;
}

.cta_booking-text {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  white-space: nowrap;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cta_div {
  position: absolute;
  inset: -61.45% -47.2%;
}

.cta_p-28 {
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 3.66667em;
  font-style: normal;
  line-height: 1;
  position: relative;
}

.cta_overlay-right-edge {
  background-image: linear-gradient(to right, #0b091200 0%, #0b0912 100%);
  width: 22.404em;
  height: 98.3333em;
  position: absolute;
  top: 0;
  left: 97.5958em;
}

.cta_p-5 {
  flex-shrink: 0;
  width: 3.27273em;
  position: relative;
}

.cta_p-8 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .964286em;
}

.cta_p-25 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: .666667em;
  left: 9.26667em;
}

.wrapper_cta {
  position: relative;
}

.cta_p-13 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .785714em;
}

.cta_div-3 {
  background-image: linear-gradient(139.229deg, #ffffff04 0%, #ffffff02 35.714%, #ccd9ff03 71.429%);
  border-radius: 1em;
  position: absolute;
  inset: 0;
}

.cta_p-15 {
  color: #edf0f552;
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .75em;
}

.cta_date-info {
  grid-column-gap: .666667em;
  grid-row-gap: .666667em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.cta_empty {
  border-radius: .333333em;
  flex-shrink: 0;
  width: 3em;
  height: 3em;
  position: relative;
}

.cta_days {
  grid-column-gap: .666667em;
  grid-row-gap: .666667em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  padding-bottom: 1.83333em;
  padding-left: .333333em;
  padding-right: .333333em;
  display: flex;
  position: relative;
}

.cta_lens-vertion-logo-the-hero-lens-one-last-time {
  width: 31.2278em;
  height: 20.168em;
  position: absolute;
  top: 22.6667em;
  left: 85.6667em;
}

.cta_p-3 {
  color: var(--_colors---text-paragraph);
  flex-shrink: 0;
  font-size: 1.33333em;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.cta_week-1 {
  grid-column-gap: .666667em;
  grid-row-gap: .666667em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cta_day-12-selected {
  background-color: var(--_colors---purple-soft);
  filter: drop-shadow(0 0 .583333em #8f7dff99);
  border-radius: .333333em;
  flex-shrink: 0;
  width: 3em;
  height: 3em;
  position: relative;
}

.cta_box {
  background-color: #ffffff0a;
  border: 1px solid #ffffff47;
  border-radius: .333333em;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: .0833333em;
  left: 0;
}

.cta_divider {
  background-color: #ffffff14;
  flex-shrink: 0;
  align-self: stretch;
  width: .0833333em;
  position: relative;
}

.cta_field-row {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.cta_calendar {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .666667em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 60em;
  padding: 2em;
  display: flex;
  position: relative;
  overflow: clip;
}

.cta_contact-form {
  grid-column-gap: 2.66667em;
  grid-row-gap: 2.66667em;
  filter: drop-shadow(0 2.5em 3.75em #6b57ff29);
  border-radius: 1em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 45.8333em;
  height: 55.8333em;
  padding: 2.66667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.cta_input-3 {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .333333em;
  flex-shrink: 0;
  width: 100%;
  height: 9.33333em;
  position: relative;
}

.cta_input-2 {
  background-color: #ffffff0f;
  border: 1px solid #ffffff8c;
  border-radius: .333333em;
  flex-shrink: 0;
  width: 100%;
  height: 4em;
  position: relative;
  overflow: clip;
  box-shadow: 0 0 1.16667em 0 #8f7dff47;
}

.cta_p-18 {
  color: #edf0f552;
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .642857em;
}

.cta_checkbox-datenschutz {
  flex-shrink: 0;
  width: 37.3333em;
  height: 3.33333em;
  position: relative;
}

.cta_overlay-left-text-legibility {
  background-image: linear-gradient(to right, #0b0912eb 0%, #0b09128c 38%, #0b091200 60%);
  width: 120em;
  height: 98.3333em;
  position: absolute;
  top: 0;
  left: 0;
}

.cta_overlay-top {
  background-image: linear-gradient(#0b0912 0%, #0b091200 100%);
  width: 120em;
  height: 26.6667em;
  position: absolute;
  top: 0;
  left: 0;
}

.cta_p-10 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .75em;
}

.cta_weekdays {
  grid-column-gap: .727273em;
  grid-row-gap: .727273em;
  color: var(--_colors---text-paragraph);
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  padding: 1.45455em .363636em .363636em;
  font-size: .916667em;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.cta_p-14 {
  color: #edf0f552;
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .785714em;
}

.cta_week-6 {
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cta_day-3-free {
  background-color: #ffffff0f;
  border-radius: .333333em;
  flex-shrink: 0;
  width: 3em;
  height: 3em;
  position: relative;
}

.cta_p-6 {
  color: #edf0f552;
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: 1.07143em;
}

.cta_booking {
  grid-column-gap: 2.66667em;
  grid-row-gap: 2.66667em;
  filter: drop-shadow(0 2.5em 3.75em #6b57ff29);
  border-radius: 1em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 64.75em;
  padding: 2.66667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.cta_p-24 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: .666667em;
  left: 9.1em;
}

.cta_p-12 {
  color: var(--_colors---white);
  white-space: nowrap;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: .6em;
  left: .7em;
}

.cta_div-4 {
  background-image: linear-gradient(129.382deg, #ffffff03 0%, #ffffff01 35.714%, #ccd9ff02 71.429%);
  border-radius: 1em;
  position: absolute;
  inset: 0;
}

.cta_p-19 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .678571em;
}

.cta_p-27 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: .666667em;
  left: 9.3em;
}

.cta_text-2 {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cta_field-e-mail-focus {
  grid-column-gap: .583333em;
  grid-row-gap: .583333em;
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.cta_overlay-bottom-into-panels {
  background-image: linear-gradient(#0b091200 0%, #0b0912bf 55%, #0b0912 100%);
  width: 120em;
  height: 27.3383em;
  position: absolute;
  top: 51.8342em;
  left: 0;
}

.cta_month {
  flex-direction: column;
  flex-shrink: 0;
  align-content: stretch;
  align-items: flex-start;
  width: 25.6667em;
  display: flex;
  position: relative;
}

.cta_field-name {
  grid-column-gap: .583333em;
  grid-row-gap: .583333em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-items: flex-start;
  min-width: .0833333em;
  display: flex;
  position: relative;
}

.cta_image-sisyphus {
  width: 147.5em;
  height: 98.3333em;
  position: absolute;
  top: 0;
  left: -27.5em;
}

.cta_p-4 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
}

.cta_lens-glow {
  width: 63.3611em;
  height: 57.7838em;
  position: absolute;
  top: 23.2992em;
  left: 66.6667em;
}

.cta_p-22 {
  width: 100%;
  color: var(--_colors---text-white);
  flex-shrink: 0;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
}

.cta_p-33 {
  width: 34.8333em;
  color: var(--_colors---text-paragraph);
  font-size: 1em;
  font-weight: 400;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 2.5em;
}

.cta_focus-light-edge {
  width: 37.3333em;
  height: .0833333em;
  box-shadow: 0em 0em .666667em 0em var(--_colors---purple);
  background-image: linear-gradient(90deg, #fff0 0%, #fffffff2 45%, #8f7dffcc 80%, #8f7dff00 100%);
  position: absolute;
  top: -.134167em;
  left: -.0833333em;
}

.cta_09-cta {
  background-color: var(--_colors---background);
  width: 120em;
  height: 143em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.cta_caretleft {
  width: 1.33333em;
  height: 1.33333em;
  position: absolute;
  top: .416667em;
  left: .416667em;
}

.cta_p-17 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .642857em;
}

.cta_button-projekt-ansehen {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #ffffff1a;
  border-radius: .333333em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  height: 4.33333em;
  padding: .666667em .666667em .666667em 2em;
  display: flex;
  position: relative;
}

.cta_p-23 {
  width: 100%;
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-shrink: 0;
  font-size: 1.08333em;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.cta_slot-13-00-selected {
  background-color: #a18fff2e;
  border: 1px solid #a18fffe6;
  border-radius: .333333em;
  flex-shrink: 0;
  width: 100%;
  height: 3.5em;
  position: relative;
  box-shadow: 0 0 1.33333em 0 #8f7dff59;
}

.cta_p-20 {
  color: #edf0f552;
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .714286em;
}

.cta_p-30 {
  width: 100%;
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-shrink: 0;
  font-size: .916667em;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.cta_p-9 {
  color: #edf0f552;
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: 1em;
}

.cta_div-2 {
  position: absolute;
  inset: -30.08% -27.43%;
}

.cta_slot-09-00 {
  background-color: #ffffff0a;
  border: 1px solid #ffffff24;
  border-radius: .333333em;
  flex-shrink: 0;
  width: 100%;
  height: 3.5em;
  position: relative;
}

.cta_p-29 {
  width: 26.875em;
  color: var(--_colors---text-paragraph);
  flex-shrink: 0;
  font-size: 1.33333em;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.cta_p-26 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: .666667em;
  left: 9.23333em;
}

.cta_caret {
  background-color: var(--_colors---purple-soft);
  width: .125em;
  height: 1.5em;
  position: absolute;
  top: 50%;
  left: 11.1667em;
  transform: translateY(-50%);
}

.cta_p-32 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.33333em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: calc(50% - .75em);
  left: .9375em;
}

.cta_p-7 {
  color: #edf0f552;
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .964286em;
}

.cta_times {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-items: flex-start;
  min-width: .0833333em;
  display: flex;
  position: relative;
}

.cta_img {
  width: 64.95%;
  max-width: none;
  height: 64.93%;
  position: absolute;
  top: 15.49%;
  left: 35.82%;
}

.cta_p {
  width: 26.1111em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: 16.7778em;
  left: 0;
}

.section_cta {
  background-color: var(--_colors---background);
  position: relative;
}

.cta_p-16 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .821429em;
}

.cta_glass {
  pointer-events: none;
  border: 1px solid #ffffff3d;
  border-radius: 1em;
  position: absolute;
  inset: 0;
}

.cta_nav {
  grid-column-gap: .333333em;
  grid-row-gap: .333333em;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.cta_p-11 {
  color: var(--_colors---text-white);
  white-space: nowrap;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: .642857em;
  left: .892857em;
}

.cta_contacts {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  align-content: stretch;
  align-items: flex-start;
  width: 112em;
  display: flex;
  position: absolute;
  top: 66.6667em;
  left: 4em;
}

.cta_p-21 {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .916667em;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.cta_imagr {
  width: 120em;
  height: 98.3333em;
  position: absolute;
  top: 0;
  left: 0;
}

.cta_prev {
  background-color: #ffffff0a;
  border: 1px solid #ffffff24;
  border-radius: .5em;
  flex-shrink: 0;
  width: 2.33333em;
  height: 2.33333em;
  position: relative;
}

.cta_p-2 {
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  flex-shrink: 0;
  font-size: 3.66667em;
  font-style: normal;
  line-height: 1;
  position: relative;
}

.cta_text {
  width: 64.6667em;
  height: 33.5em;
  position: absolute;
  top: 21em;
  left: 4em;
}

.cta_span {
  font-size: 1.16667em;
  line-height: 1.5;
}

.cta_ambient-glow-lens {
  width: 38.8457em;
  height: 29.8337em;
  position: absolute;
  top: 14.3175em;
  left: 74.4392em;
}

.footer_p-3 {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .916667em;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: 32.3636em;
  left: 4.36364em;
}

.footer_ambient-glow {
  width: 127.1em;
  height: 26.7773em;
  position: absolute;
  top: 48.2225em;
  left: -3.41083em;
}

.footer_p-4 {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  white-space: nowrap;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  position: absolute;
  top: 29.5833em;
  left: 111.417em;
}

.footer_links-2 {
  grid-column-gap: .625em;
  grid-row-gap: .625em;
  width: 6.25em;
  color: var(--_colors---text-white);
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  font-size: 1.33333em;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  position: absolute;
  top: 9.5em;
  left: 70em;
}

.footer_10-footer {
  background-color: var(--_colors---background);
  width: 120em;
  height: 65em;
  margin-left: -4em;
  position: relative;
  overflow: clip;
}

.footer_links {
  grid-column-gap: .625em;
  grid-row-gap: .625em;
  width: 13.3125em;
  color: var(--_colors---text-white);
  flex-direction: column;
  align-content: stretch;
  align-items: flex-start;
  font-size: 1.33333em;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  position: absolute;
  top: 9.5em;
  left: 47.5em;
}

.footer_div-3 {
  position: absolute;
  inset: -.24% 0;
}

.footer_div-2 {
  position: absolute;
  inset: -17.18% -21.75% -16.84% -25.28%;
}

.footer_hairline {
  width: 112em;
  height: .833333em;
  position: absolute;
  top: 8em;
  left: 4em;
}

.wrapper_footer {
  position: relative;
}

.footer_lettering-vertion-glass-full-width {
  width: 112em;
  height: 35.3025em;
  position: absolute;
  top: 41.6633em;
  left: 4em;
}

.footer_p {
  width: 11.8182em;
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  font-size: 3.66667em;
  font-style: normal;
  line-height: 1;
  position: absolute;
  top: 4.72727em;
  left: 1.09091em;
}

.footer_p-2 {
  flex-shrink: 0;
  width: 100%;
  position: relative;
}

.footer_div {
  position: absolute;
  inset: -62.24% -13.11%;
}

.footer_divider {
  background-color: #ffffff14;
  width: 112em;
  height: .0833333em;
  position: absolute;
  top: 28em;
  left: 4em;
}

.footer_logo-vertion {
  grid-column-gap: .666667em;
  grid-row-gap: .666667em;
  align-content: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  top: calc(50% - 18.75em);
  left: 4em;
  transform: translateY(-50%);
}

.footer_refraction-backdrop {
  width: 112em;
  height: 48.5em;
  position: absolute;
  top: 35.8333em;
  left: 4em;
}

.section_footer {
  background-color: var(--_colors---background);
  position: relative;
}

.rsp-hero-29 {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 1.08333em;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.rsp-pain-26, .rsp-cta-41 {
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  white-space: nowrap;
  font-size: 7.5em;
  font-style: normal;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.rsp-solution-62, .rsp-solution-132, .rsp-solution-209 {
  grid-column-gap: 1.33333em;
  grid-row-gap: 1.33333em;
  background-color: #ffffff0a;
  border-radius: .666667em;
  flex-direction: column;
  flex: 1 0 0;
  align-content: stretch;
  align-self: stretch;
  align-items: flex-start;
  min-width: .0833333em;
  padding-bottom: .666667em;
  display: flex;
  position: relative;
  overflow: clip;
}

.rsp-solution-127 {
  background-color: #edf0f540;
  border-radius: .166667em;
  width: 3.66667em;
  height: .333333em;
  position: absolute;
  top: 4.75em;
  left: 1.75em;
}

.rsp-solution-130 {
  background-color: #edf0f540;
  border-radius: .166667em;
  width: 2.5em;
  height: .333333em;
  position: absolute;
  top: 6.75em;
  left: 1.75em;
}

.rsp-about-30 {
  width: 100%;
  color: var(--_colors---text-paragraph);
  white-space: pre-wrap;
  flex-shrink: 0;
  font-size: 1.16667em;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}

.rsp-about-32, .rsp-about-39 {
  width: 8.66667em;
  height: 8.66667em;
  position: absolute;
  top: 2em;
  left: 25.1392em;
}

.rsp-projects-39 {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 .0833333em 0 0 #ffffff1f;
}

.rsp-projects-40, .rsp-projects-136 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 30.6667em;
  display: flex;
  position: absolute;
  top: 15em;
  left: 2.66667em;
}

.art-hero-50, .art-hero-52 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-hero-5, .art-hero-28 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.art-pain-41, .art-pain-57, .art-pain-73, .art-pain-89, .art-pain-107 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-pain-3, .art-pain-14, .art-pain-35, .art-pain-39, .art-pain-44, .art-pain-51, .art-pain-55, .art-pain-60, .art-pain-67, .art-pain-71, .art-pain-76, .art-pain-83, .art-pain-87, .art-pain-92 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.art-solution-5 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-solution-11, .art-solution-24, .art-solution-53, .art-solution-31, .art-solution-205, .art-solution-208, .art-solution-253, .art-solution-14, .art-solution-17, .art-solution-20 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.art-services-28, .art-services-68, .art-services-87 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-services-9 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.art-services-53, .art-about-71 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-about-3, .art-about-63, .art-about-66, .art-about-69, .art-about-10, .art-tech-3, .art-tech-10 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.art-tech-28, .art-tech-233, .art-tech-235 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-tech-238 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.art-tech-247, .art-tech-325, .art-tech-366 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.responsive_menu-toggle {
  display: none;
}

.responsive_menu-line {
  background-color: #edf0f5;
  border-radius: 1px;
  width: 1.45833em;
  height: .125em;
}

.responsive_hero-fade {
  display: none;
}

.art-tech-398, .art-tech-416 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-projects-3, .art-projects-10, .art-faq-39 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.art-cta-23 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-cta-10, .art-cta-15, .art-cta-18, .art-cta-21, .art-cta-29, .art-cta-48, .art-footer-3, .art-footer-6 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.art-footer-8 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.art-footer-29 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.responsive_cta-fade, .responsive_services-pagination {
  display: none;
}

.responsive_services-pagination-1, .responsive_services-pagination-2, .responsive_services-pagination-3, .responsive_services-pagination-4, .responsive_services-pagination-5, .responsive_services-pagination-6 {
  min-width: 0;
}

.responsive_projects-pagination {
  display: none;
}

.responsive_projects-pagination-1, .responsive_projects-pagination-2, .responsive_projects-pagination-3, .responsive_projects-pagination-4, .responsive_projects-pagination-5 {
  min-width: 0;
}

.responsive_pain-pagination {
  display: none;
}

.responsive_pain-pagination-1, .responsive_pain-pagination-2, .responsive_pain-pagination-3, .responsive_pain-pagination-4, .responsive_pain-pagination-5, .responsive_pain-pagination-6 {
  min-width: 0;
}

.responsive_point-1 {
  display: none;
}

.responsive_point-1-1 {
  min-width: 0;
}

.responsive_point-2 {
  display: none;
}

.responsive_point-2-1 {
  min-width: 0;
}

.responsive_point-3 {
  display: none;
}

.responsive_point-3-1 {
  min-width: 0;
}

.responsive_point-4 {
  display: none;
}

.responsive_point-4-1 {
  min-width: 0;
}

.responsive_details {
  display: contents;
}

.responsive_timeline-0 {
  display: none;
}

.responsive_timeline-0-1 {
  min-width: 0;
}

.responsive_timeline-1, .responsive_timeline-2, .responsive_timeline-mobile-0, .responsive_timeline-mobile-1, .responsive_timeline-mobile-2, .responsive_timeline-mobile-3, .responsive_card-number, .responsive_hotspots {
  display: none;
}

.responsive_hotspot-1 {
  width: 14.85em;
  height: 10.0375em;
  position: absolute;
  top: 50.5292em;
  left: -9.04583em;
}

.responsive_hotspot-1-image {
  background-image: url('/images/mobile-hotspot-01.svg');
  background-size: 100% 100%;
  position: absolute;
  inset: -6.16% -4.17% 0 0;
}

.responsive_hotspot-2 {
  width: 4.76667em;
  height: 15.4em;
  position: absolute;
  top: 45.1667em;
  left: 4.8875em;
}

.responsive_hotspot-2-image {
  background-image: url('/images/mobile-hotspot-02.svg');
  background-size: 100% 100%;
  position: absolute;
  inset: 0 -12.98% 0 0;
}

.responsive_hotspot-3 {
  width: 5.68333em;
  height: 13.1083em;
  position: absolute;
  top: 47.4583em;
  left: 19.1875em;
}

.responsive_hotspot-3-image {
  background-image: url('/images/mobile-hotspot-03.svg');
  background-size: 100% 100%;
  position: absolute;
  inset: -4.72% 0 0 -10.89%;
}

.responsive_hotspot-4 {
  width: 10.1292em;
  height: 9.9em;
  position: absolute;
  top: 50.6667em;
  left: 26.75em;
}

.responsive_hotspot-4-image {
  background-image: url('/images/mobile-hotspot-04.svg');
  background-size: 100% 100%;
  position: absolute;
  inset: -6.25% 0 0 -6.11%;
}

.v-container {
  width: 100%;
  max-width: 90rem;
  padding-right: var(--_tokens---gutter-desktop);
  padding-left: var(--_tokens---gutter-desktop);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.v-container.v-branche-quote-wrap {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.v-section {
  padding-top: var(--_tokens---section-space-desktop);
  padding-bottom: var(--_tokens---section-space-desktop);
  position: relative;
}

.v-section.v-branche-quote-section {
  text-align: center;
  background-image: radial-gradient(at 50% 40%, #8f7dff1f, #8f7dff00);
}

.v-h1 {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  font-size: 6.25rem;
  font-weight: 400;
  line-height: 1;
}

.v-h1.v-branche-h1 {
  max-width: 56rem;
}

.v-h2 {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  font-size: 5.625rem;
  font-weight: 400;
  line-height: 1;
}

.v-h2.v-leistung-h2 {
  font-size: 4.5rem;
}

.v-title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.v-title.v-rechtliches-404-h1 {
  font-size: 3.5rem;
  line-height: 1.05;
}

.v-title.v-leistung-h2 {
  letter-spacing: -.015em;
  font-size: 3.25rem;
  line-height: 1.05;
}

.v-title.v-konfigurator-panel-title {
  font-size: 3.25rem;
}

.v-title.is-cta {
  letter-spacing: -.015em;
  font-size: 3.25rem;
  line-height: 1.05;
}

.v-title.v-branche-aside-title {
  font-size: 3.25rem;
  line-height: 1.05;
}

.v-title.v-gf-aside-title {
  font-size: 2.625rem;
  line-height: 1.05;
}

.v-title.v-branche-ratgeber-title {
  font-size: 3.25rem;
  line-height: 1.05;
}

.v-h3 {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-lead {
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-paragraph);
  letter-spacing: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.v-lead.v-branche-hero-lead {
  max-width: 40rem;
}

.v-body {
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-paragraph);
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.v-small {
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-paragraph);
  letter-spacing: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.v-small.v-branche-micro {
  grid-column-gap: .5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  align-items: center;
  padding-left: 1.5rem;
  display: flex;
}

.v-small.v-branche-note {
  border-left: 2px solid #8f7dff80;
  max-width: 24rem;
  padding-left: 1rem;
}

.v-small.v-branche-case-result {
  grid-column-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.v-eyebrow {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.2;
  display: inline-flex;
}

.v-index {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.2;
}

.v-mono {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.3;
}

.v-mono.v-branche-ql-label {
  border-right: 1px solid #ffffff1a;
  flex: none;
  margin-right: .5rem;
  padding-right: 1rem;
}

.v-mono.v-branche-rg-more {
  color: #edf0f5;
}

.v-section-head {
  margin-bottom: var(--_tokens---space-2xl);
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.v-section-head-meta {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v-hairline {
  background-image: radial-gradient(circle, #ffffff38 .5px, #0000 .75px);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  width: 100%;
  height: 1px;
  position: relative;
}

.v-section-head-main {
  grid-column-gap: 3rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: end;
  display: grid;
}

.v-btn-primary {
  grid-column-gap: .75rem;
  border-radius: var(--_tokens---radius-xs);
  background-color: var(--_colors---text-white);
  min-height: 3.25rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-black);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .5rem .5rem 1.5rem;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .24s cubic-bezier(.22, 1, .36, 1), border-color .24s cubic-bezier(.22, 1, .36, 1), color .24s cubic-bezier(.22, 1, .36, 1), transform .24s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.v-btn-primary:hover {
  background-color: var(--_colors---white);
}

.v-btn-primary._w-button {
  grid-column-gap: .75rem;
  border-radius: var(--_tokens---radius-xs);
  background-color: var(--_colors---text-white);
  min-height: 3.25rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-black);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .5rem .5rem 1.5rem;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .24s cubic-bezier(.22, 1, .36, 1), border-color .24s cubic-bezier(.22, 1, .36, 1), color .24s cubic-bezier(.22, 1, .36, 1), transform .24s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.v-btn-primary._w-button:hover {
  background-color: var(--_colors---white);
}

.v-btn-secondary {
  grid-column-gap: .75rem;
  border: 1px solid var(--_colors---hairline-strong);
  border-radius: var(--_tokens---radius-xs);
  min-height: 3.25rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---white);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ffffff1a;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .5rem .5rem 1.5rem;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .24s cubic-bezier(.22, 1, .36, 1), border-color .24s cubic-bezier(.22, 1, .36, 1), color .24s cubic-bezier(.22, 1, .36, 1), transform .24s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.v-btn-secondary:hover {
  background-color: #ffffff24;
  border-color: #8f7dff80;
}

.v-btn-icon {
  background-color: var(--_colors---purple-soft);
  border-radius: 2px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  position: relative;
}

.v-link-arrow {
  grid-column-gap: .5rem;
  min-height: 2.75rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition-property: color;
  transition-duration: .2s;
  display: inline-flex;
}

.v-link-arrow:hover {
  color: var(--_colors---violet-light);
}

.v-link-arrow.v-branche-head-link {
  justify-self: end;
}

.v-glass-card {
  grid-row-gap: 1rem;
  border: 1px solid var(--_colors---hairline);
  border-radius: var(--_tokens---radius-s);
  background-color: var(--_colors---glass);
  flex-direction: column;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-glass-card:hover {
  border-color: #ffffff24;
}

.v-glass-card.v-kt-card {
  transition: transform .26s ease-in-out, border-color .26s ease-in-out;
}

.v-glass-card.v-kt-card:hover {
  border-color: #ffffff38;
  transform: translate(0, -4px);
}

.v-chip {
  grid-column-gap: .5rem;
  border: 1px solid var(--_colors---hairline);
  border-radius: var(--_tokens---radius-pill);
  background-color: var(--_colors---glass-weak);
  min-height: 2rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  padding: .375rem .875rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition-property: background-color, border-color, color;
  transition-duration: .2s;
  display: inline-flex;
}

.v-chip:hover {
  color: var(--_colors---text-white);
  border-color: #ffffff38;
}

.v-chip.is-active {
  color: var(--_colors---text-white);
  background-color: #8f7dff29;
  border: 1px solid #8f7dff80;
}

.v-grid-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.v-grid-3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.v-grid-4 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.v-stack {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.v-cluster {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.v-cluster.v-branche-chips {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.v-richtext {
  max-width: 46rem;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-muted-strong);
  letter-spacing: 0;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.65;
}

.v-richtext.v-branche-lt-body {
  max-width: 46rem;
}

.v-quicklinks {
  grid-row-gap: .25rem;
  flex-direction: column;
  max-height: calc(100vh - 8.5rem);
  display: flex;
  position: sticky;
  top: 7rem;
  overflow-y: auto;
}

.v-quicklinks-link {
  grid-column-gap: .75rem;
  border-radius: var(--_tokens---radius-s);
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-paragraph);
  letter-spacing: 0;
  border-left: 2px solid #0000;
  align-items: center;
  padding: .625rem .875rem;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.35;
  text-decoration: none;
  transition-property: color, background-color, border-color;
  transition-duration: .2s;
  display: flex;
}

.v-quicklinks-link:hover {
  color: var(--_colors---text-white);
}

.v-quicklinks-link.is-active {
  border-left-color: var(--_colors---purple);
  color: var(--_colors---text-white);
  background-color: #8f7dff14;
  font-weight: 500;
}

.v-faq-item {
  border-bottom: 1px solid var(--_colors---hairline);
  background-color: #0000;
  transition-property: background-color;
  transition-duration: .24s;
  position: relative;
}

.v-faq-q {
  grid-column-gap: 1.5rem;
  width: 100%;
  min-height: 2.75rem;
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  text-align: left;
  letter-spacing: -.01em;
  cursor: pointer;
  background-color: #0000;
  border: 0 solid #0000;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 0;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.15;
  display: flex;
}

.v-faq-a {
  max-width: 44rem;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-paragraph);
  letter-spacing: 0;
  padding: 0 3rem 1.5rem 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.v-input {
  border: 1px solid var(--_colors---hairline-strong);
  border-radius: var(--_tokens---radius-xs);
  background-color: var(--_colors---glass-weak);
  width: 100%;
  min-height: 3rem;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  letter-spacing: 0;
  margin-bottom: 0;
  padding: .8125rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: .2s;
  display: block;
}

.v-input:hover {
  border-color: #ffffff38;
}

.v-input:focus {
  border-color: var(--_colors---purple);
  background-color: #ffffff0f;
  outline-style: none;
  box-shadow: 0 0 0 3px #8f7dff40;
}

.v-input::placeholder {
  color: #a39eb8b3;
}

.v-input.is-error {
  border: 1px solid var(--_colors---error);
}

.v-input._w-input {
  border: 1px solid var(--_colors---hairline-strong);
  border-radius: var(--_tokens---radius-xs);
  background-color: var(--_colors---glass-weak);
  width: 100%;
  min-height: 3rem;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  letter-spacing: 0;
  margin-bottom: 0;
  padding: .8125rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: .2s;
  display: block;
}

.v-input._w-input:hover {
  border-color: #ffffff38;
}

.v-input._w-input:focus {
  border-color: var(--_colors---purple);
  background-color: #ffffff0f;
  outline-style: none;
  box-shadow: 0 0 0 3px #8f7dff40;
}

.v-input._w-input::placeholder {
  color: #a39eb8b3;
}

.v-input._w-select {
  border: 1px solid var(--_colors---hairline-strong);
  border-radius: var(--_tokens---radius-xs);
  background-color: var(--_colors---glass-weak);
  width: 100%;
  min-height: 3rem;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  letter-spacing: 0;
  margin-bottom: 0;
  padding: .8125rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: .2s;
  display: block;
}

.v-input._w-select:hover {
  border-color: #ffffff38;
}

.v-input._w-select:focus {
  border-color: var(--_colors---purple);
  background-color: #ffffff0f;
  outline-style: none;
  box-shadow: 0 0 0 3px #8f7dff40;
}

.v-input._w-select::placeholder {
  color: #a39eb8b3;
}

.v-textarea {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---hairline-strong);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---hairline-strong);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---hairline-strong);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---hairline-strong);
  border-top-left-radius: var(--_tokens---radius-xs);
  border-top-right-radius: var(--_tokens---radius-xs);
  border-bottom-left-radius: var(--_tokens---radius-xs);
  border-bottom-right-radius: var(--_tokens---radius-xs);
  background-color: var(--_colors---glass-weak);
  width: 100%;
  min-height: 9rem;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  letter-spacing: 0;
  resize: vertical;
  margin-bottom: 0;
  padding: .8125rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: .2s;
  display: block;
}

.v-textarea:focus {
  border-color: var(--_colors---purple);
  background-color: #ffffff0f;
  outline-style: none;
  box-shadow: 0 0 0 3px #8f7dff40;
}

.v-textarea::placeholder {
  color: #a39eb8b3;
}

.v-textarea.is-error {
  border: 1px solid var(--_colors---error);
}

.v-textarea._w-input {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---hairline-strong);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---hairline-strong);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---hairline-strong);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---hairline-strong);
  border-top-left-radius: var(--_tokens---radius-xs);
  border-top-right-radius: var(--_tokens---radius-xs);
  border-bottom-left-radius: var(--_tokens---radius-xs);
  border-bottom-right-radius: var(--_tokens---radius-xs);
  background-color: var(--_colors---glass-weak);
  width: 100%;
  min-height: 9rem;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  letter-spacing: 0;
  resize: vertical;
  margin-bottom: 0;
  padding: .8125rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: .2s;
  display: block;
}

.v-textarea._w-input:focus {
  border-color: var(--_colors---purple);
  background-color: #ffffff0f;
  outline-style: none;
  box-shadow: 0 0 0 3px #8f7dff40;
}

.v-textarea._w-input::placeholder {
  color: #a39eb8b3;
}

.v-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.3;
  display: block;
}

.v-checkbox {
  grid-column-gap: .75rem;
  min-height: 2.75rem;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-paragraph);
  letter-spacing: 0;
  cursor: pointer;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.v-glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff38, #8f7dff00);
  border-radius: 50%;
  width: 32.5rem;
  height: 16.25rem;
  position: absolute;
}

.vn-header {
  z-index: 100;
  color: #edf0f5;
  border-bottom: 1px solid #0000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.vn-bar {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  max-width: 90rem;
  height: 5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.vn-logo {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #edf0f5;
  align-items: center;
  min-height: 2.75rem;
  text-decoration: none;
  display: flex;
}

.vn-logo-mark {
  width: 2.1875rem;
  height: auto;
  display: block;
}

.vn-logo-text {
  letter-spacing: -.01em;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  line-height: 1.1;
}

.vn-nav {
  display: flex;
}

.vn-list {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.vn-item {
  margin: 0;
  padding: 0;
  position: static;
}

.vn-link {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: #edf0f5c7;
  letter-spacing: .03em;
  text-transform: uppercase;
  align-items: center;
  padding-top: 1.0625rem;
  padding-bottom: 1.09375rem;
  font-family: Geist Mono, sans-serif;
  font-size: .8125rem;
  line-height: 1.3;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.vn-link:hover {
  color: #edf0f5;
}

.vn-link-label {
  display: block;
}

.vn-chev {
  background-color: currentColor;
  flex: none;
  width: 1rem;
  height: 1rem;
  display: block;
}

.vn-actions {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.vn-cta {
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffffff0a;
  border: 1px solid #ffffff38;
  border-radius: .5rem;
  align-items: center;
  min-height: 2.8125rem;
  padding: .75rem .875rem;
  font-family: Geist Mono, sans-serif;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: flex;
}

.vn-cta:hover {
  background-color: #ffffff1a;
  border-color: #8f7dff99;
}

.vn-burger {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  background-color: #ffffff0f;
  border: 1px solid #ffffff24;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: none;
}

.vn-burger-line {
  background-color: #edf0f5;
  border-radius: 1px;
  width: 1.125rem;
  height: 1.5px;
  display: block;
}

.vn-panel {
  opacity: 0;
  visibility: hidden;
  background-color: #14111ff5;
  background-image: radial-gradient(60% 80% at 85% 0, #8f7dff29, #8f7dff00);
  border: 1px solid #ffffff1f;
  border-radius: 1.25rem;
  padding: 1.75rem;
  position: absolute;
  top: 5.75rem;
  left: 3rem;
  right: 3rem;
  box-shadow: 0 30px 80px #8f7dff29, 0 20px 40px #00000073;
}

.vn-panel.is-narrow {
  width: 55rem;
  left: auto;
}

.vn-mm-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.vn-mm-count {
  color: #8f7dff;
  letter-spacing: .06em;
}

.vn-mm-hair {
  background-color: #ffffff1a;
  height: 1px;
  margin-top: .75rem;
  margin-bottom: 1.25rem;
}

.vn-mm-body {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 23.75rem;
  align-items: start;
  display: grid;
}

.vn-mm-body.is-narrow {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 16.25rem;
}

.vn-mm-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .25rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
}

.vn-mm-grid.is-single {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
}

.vn-mm-li {
  margin: 0;
  padding: 0;
}

.vn-mm-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #edf0f5;
  border: 1px solid #0000;
  border-radius: .75rem;
  align-items: flex-start;
  padding: 1rem;
  text-decoration: none;
  display: flex;
}

.vn-mm-item:hover {
  background-color: #ffffff0f;
  border-color: #ffffff1f;
}

.vn-mm-num {
  color: #a39eb8;
  letter-spacing: .06em;
  padding-top: .1875rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1;
  transition: color .2s;
}

.vn-mm-text {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.vn-mm-title {
  color: #edf0f5;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}

.vn-mm-desc {
  color: #a39eb8;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.45;
}

.vn-mm-arrow {
  flex: none;
  width: 1rem;
  height: 1rem;
  margin-top: .125rem;
  display: block;
}

.vn-mm-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: linear-gradient(160deg, #8f7dff38, #ffffff08 70%);
  border: 1px solid #ffffff24;
  border-radius: 1rem;
  flex-direction: column;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vn-mm-card-img {
  background-color: #120f1c;
  border-radius: .5rem;
  height: 6.75rem;
  display: none;
  overflow: hidden;
}

.vn-mm-card-label {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.2;
}

.vn-mm-card-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.875rem;
  line-height: 1.1;
}

.vn-mm-card-text {
  color: #a39eb8;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.vn-mm-card-meta {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
}

.vn-mm-card-btn {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #0b0912;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #edf0f5;
  border-radius: .625rem;
  justify-content: space-between;
  align-items: center;
  min-height: 2.8125rem;
  padding: .875rem 1rem .875rem 1.125rem;
  font-family: Geist Mono, sans-serif;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.vn-mm-card-btn:hover {
  background-color: #fff;
}

.vn-ico {
  flex: none;
  width: 1rem;
  height: 1rem;
  display: block;
}

.vn-mobile {
  z-index: 1;
  opacity: 0;
  overscroll-behavior: contain;
  visibility: hidden;
  background-color: #0b0912f0;
  padding-top: 5rem;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.vn-m-inner {
  flex-direction: column;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 2rem 3rem;
  display: flex;
}

.vn-m-row {
  border-bottom: 1px solid #ffffff1a;
}

.vn-m-row-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  min-height: 5.625rem;
  display: flex;
}

.vn-m-num {
  color: #a39eb8;
  letter-spacing: .06em;
  width: 1.25rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.vn-m-link {
  color: #edf0f5;
  letter-spacing: -.015em;
  flex: 1;
  align-items: center;
  min-height: 2.75rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 3.25rem;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
}

.vn-m-chev {
  color: #edf0f5;
  background-color: #ffffff0f;
  border: 1px solid #ffffff24;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
}

.vn-m-go {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
}

.vn-m-sublist {
  margin: 0;
  padding: 0 0 1.25rem 2.25rem;
  list-style-type: none;
}

.vn-m-sub {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #edf0f5;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  min-height: 2.75rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.vn-m-sub.is-all {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom-style: none;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.vn-m-foot {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 3rem;
  display: flex;
}

.vn-m-cta {
  width: auto;
}

.vn-m-project {
  color: #b8abff;
}

.vn-m-contact {
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.vn-m-contact-link {
  color: #edf0f5;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
}

.vf-footer {
  color: #edf0f5;
  background-color: #0b0912;
  background-image: linear-gradient(#0b091200 55%, #8f7dff14 100%);
  position: relative;
  overflow: hidden;
}

.vf-inner {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding: 6.25rem 3rem 0;
}

.vf-top {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: 3.5rem;
  padding-bottom: 3rem;
  display: grid;
}

.vf-brandblock {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 37.5rem;
  display: flex;
}

.vf-claim {
  color: #edf0f5;
  letter-spacing: -.015em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.75rem;
  line-height: 1.08;
}

.vf-text {
  color: #a39eb8;
  margin: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.vf-contact {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-direction: column;
  align-items: flex-start;
  min-width: 16rem;
  font-style: normal;
  display: flex;
}

.vf-col-title {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.2;
  display: block;
}

.vf-contact-big {
  color: #edf0f5;
  font-family: Geist, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  text-decoration: none;
}

.vf-addr {
  color: #a39eb8;
  margin-top: .75rem;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.6;
}

.vf-cols {
  grid-column-gap: 2rem;
  grid-row-gap: 2.5rem;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1.6fr 1fr 1fr 1fr;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  display: grid;
}

.vf-col {
  flex-direction: column;
  display: flex;
}

.vf-list {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.vf-link {
  color: #edf0f5;
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.4;
  text-decoration: none;
  display: inline-block;
}

.vf-link:hover {
  color: #b8abff;
}

.vf-group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.vf-brands {
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.vf-brand {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #edf0f5;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  text-decoration: none;
  display: inline-flex;
}

.vf-brand:hover {
  color: #b8abff;
}

.vf-bottom {
  grid-column-gap: 2rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.75rem;
  padding-bottom: 3rem;
  display: flex;
}

.vf-meta {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.4;
  text-decoration: none;
  display: inline-flex;
}

.vf-meta.vf-legal-link {
  min-height: 2.75rem;
}

.vf-linkedin {
  display: none;
}

.vf-legal {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.vf-legal-link:hover {
  color: #edf0f5;
}

.vf-lettering {
  pointer-events: none;
  background-image: radial-gradient(40% 55% at 8% 75%, #7c5cff38, #0000 70%), radial-gradient(36% 50% at 50% 80%, #466eff29, #0000 70%), radial-gradient(36% 58% at 90% 72%, #a18fff29, #0000 70%);
  width: 100%;
  max-width: 90rem;
  margin: 1.5rem auto max(-9rem, -10vw);
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
}

.vf-lettering-img {
  opacity: 1;
  width: 100%;
  height: auto;
  display: block;
}

.vc-root {
  z-index: 200;
  position: relative;
}

.vc-banner {
  z-index: 210;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: #edf0f5;
  background-color: #120f1cf5;
  border: 1px solid #ffffff1f;
  border-radius: 1rem;
  flex-direction: column;
  width: min(30rem, 100% - 3rem);
  padding: 1.5rem;
  position: fixed;
  bottom: 1.5rem;
  left: auto;
  right: 1.5rem;
  box-shadow: 0 24px 64px #00000073;
}

.vc-banner-copy {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  display: flex;
}

.vc-title {
  color: #edf0f5;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  line-height: 1.1;
}

.vc-text {
  color: #a39eb8;
  margin: 0;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.vc-links {
  grid-column-gap: 1.25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  display: flex;
}

.vc-link {
  color: #b8abff;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-underline-offset: 3px;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  text-decoration: underline;
  display: inline-flex;
}

.vc-link:hover {
  color: #edf0f5;
}

.vc-actions {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.vc-btn {
  color: #edf0f5;
  text-align: center;
  cursor: pointer;
  background-color: #ffffff0a;
  border: 1px solid #ffffff38;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  min-height: 2.75rem;
  padding: .625rem .75rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color .2s, border-color .2s;
  display: inline-flex;
}

.vc-btn:hover {
  background-color: #ffffff1a;
  border-color: #fff6;
}

.vc-dialog {
  z-index: 220;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  position: fixed;
  inset: 0;
}

.vc-scrim {
  background-color: #06050a9e;
  position: absolute;
  inset: 0;
}

.vc-modal {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: #edf0f5;
  background-color: #120f1c;
  border: 1px solid #ffffff1f;
  border-radius: 1.25rem;
  flex-direction: column;
  width: 100%;
  max-width: 38rem;
  max-height: calc(100vh - 3rem);
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: auto;
  box-shadow: 0 32px 96px #0000008c;
}

.vc-modal-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.vc-close {
  color: #edf0f5;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #ffffff29;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.25rem;
  line-height: 1;
  display: inline-flex;
}

.vc-close:hover {
  background-color: #ffffff14;
}

.vc-cats {
  border-top: 1px solid #ffffff14;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.vc-cat {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #ffffff14;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.vc-cat-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.vc-cat-title {
  color: #edf0f5;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.vc-cat-ctrl {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.vc-cat-status {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.vc-cat-text {
  color: #a39eb8;
  margin: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.vc-ph {
  display: inline-block;
}

.vc-switch {
  cursor: pointer;
  padding: 0;
}

.v-cta {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  background-color: #ffffff08;
  background-image: radial-gradient(120% 140% at 0 0, #8f7dff38 0%, #8f7dff00 60%);
  border: 1px solid #ffffff1f;
  border-radius: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  padding: 4rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.v-cta-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 44rem;
  display: flex;
}

.v-cta-actions {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  display: flex;
}

.v-cta-note {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  grid-column: 1 / -1;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-cta-link {
  color: #edf0f5;
  text-decoration: none;
}

.v-cta-link:hover {
  color: #b8abff;
}

.v-faq-h {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

.v-faq-panel-inner {
  overflow: hidden;
}

.v-faq-ph {
  display: block;
}

.v-faq-num {
  flex-shrink: 0;
}

.v-faq-q-text {
  text-align: left;
}

.v-faq-icon {
  display: block;
}

.v-faq-panel {
  position: relative;
}

.v-main {
  min-height: 40vh;
  display: block;
  position: relative;
}

.v-ref-hero {
  padding-top: 11rem;
  padding-bottom: 6rem;
  position: relative;
  overflow: hidden;
}

.v-ref-hero-glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff38, #8f7dff00);
  border-radius: 50%;
  width: 48rem;
  height: 40rem;
  position: absolute;
  top: 8rem;
  right: -6rem;
}

.v-ref-hero-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  align-items: center;
  display: grid;
}

.v-ref-hero-copy {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 46rem;
  display: flex;
}

.v-ref-hero-lead {
  max-width: 32rem;
}

.v-ref-hero-media {
  justify-self: end;
  width: 100%;
  max-width: 35rem;
  position: relative;
}

.v-ref-hero-img {
  aspect-ratio: 560 / 600;
  width: 100%;
  height: auto;
  display: block;
}

.v-ref-facts {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #ffffff14;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 4rem;
  display: grid;
  overflow: hidden;
}

.v-ref-fact {
  background-color: #110e19;
  flex-direction: column;
  align-items: flex-start;
  min-height: 14.5rem;
  padding: 2rem;
  transition-property: background-color;
  transition-duration: .25s;
  display: flex;
}

.v-ref-fact:hover {
  background-color: #17131f;
}

.v-ref-fact-idx {
  grid-column-gap: .625rem;
  color: #a39eb8;
  letter-spacing: .08em;
  align-items: center;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.2;
  display: inline-flex;
}

.v-ref-dot {
  background-color: #8f7dff;
  border-radius: 1px;
  width: .375rem;
  height: .375rem;
  display: inline-block;
  box-shadow: 0 0 10px #8f7dffb3;
}

.v-ref-fact-num {
  grid-column-gap: .5rem;
  color: #edf0f5;
  letter-spacing: -.02em;
  align-items: baseline;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.v-ref-fact-unit {
  color: #b8abff;
  font-size: 2rem;
  line-height: 1;
}

.v-ref-fact-label {
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.3;
}

.v-ref-fact-sub {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.v-rechtliches-hero {
  padding-top: 8rem;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.v-rechtliches-hero-inner {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}

.v-rechtliches-hero-head {
  flex-direction: column;
  row-gap: 2.25rem;
  display: flex;
}

.v-rechtliches-title {
  margin-top: 3.5rem;
  margin-bottom: 0;
}

.v-rechtliches-facts {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1.75rem;
  margin-top: 1.75rem;
  display: flex;
}

.v-rechtliches-fact {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
  line-height: 1.3;
  text-decoration: none;
}

.v-rechtliches-draft-badge {
  font-family: var(--_tokens---font-mono);
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #8f7dff24;
  border: 1px solid #b8abff73;
  border-radius: .25rem;
  align-items: center;
  padding: .375rem .75rem;
  font-size: .75rem;
  line-height: 1.2;
  display: inline-flex;
}

.v-rechtliches-glow {
  width: 56rem;
  height: 32rem;
  top: -18rem;
  right: -10rem;
}

.v-rechtliches-body {
  padding-top: 1.5rem;
  padding-bottom: 8rem;
  position: relative;
}

.v-rechtliches-layout {
  grid-template-rows: auto;
  grid-template-columns: 20rem minmax(0, 46rem);
  align-items: start;
  gap: 2.5rem 6rem;
  display: grid;
}

.v-rechtliches-toc {
  z-index: 5;
  background-color: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  row-gap: .875rem;
  max-height: calc(100vh - 8.5rem);
  padding: 1rem;
  display: flex;
  position: sticky;
  top: 7rem;
}

.v-rechtliches-toc-head {
  justify-content: space-between;
  align-items: center;
  padding-left: .25rem;
  padding-right: .25rem;
  display: flex;
}

.v-rechtliches-toc-label {
  font-family: var(--_tokens---font-mono);
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
  line-height: 1.2;
}

.v-rechtliches-toc-count {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875rem;
  line-height: 1.2;
}

.v-rechtliches-progress {
  background-color: #ffffff14;
  border-radius: 2px;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.v-rechtliches-progress-bar {
  background-color: #8f7dff;
  width: 100%;
  height: 100%;
}

.v-rechtliches-progress-row {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-top: -.375rem;
  padding-left: .25rem;
  padding-right: .25rem;
  font-size: .6875rem;
  line-height: 1.2;
  display: flex;
}

.v-rechtliches-toc-foot {
  border-top: 1px dashed #ffffff24;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  padding-top: .875rem;
  padding-left: .25rem;
  padding-right: .25rem;
  display: flex;
}

.v-rechtliches-toplink {
  font-family: var(--_tokens---font-mono);
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
  line-height: 1.2;
  text-decoration: none;
}

.v-rechtliches-mail {
  font-family: var(--_tokens---font-sans);
  color: #b8abff;
  font-size: .8125rem;
  line-height: 1.3;
  text-decoration: none;
}

.v-rechtliches-article {
  flex-direction: column;
  row-gap: 4.5rem;
  min-width: 0;
  display: flex;
}

.v-rechtliches-chapter {
  flex-direction: column;
  row-gap: 1.25rem;
  display: flex;
}

.v-rechtliches-kicker {
  font-family: var(--_tokens---font-mono);
  color: #8f7dff;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.2;
}

.v-rechtliches-h2 {
  font-family: var(--_tokens---font-serif);
  color: #edf0f5;
  letter-spacing: -.015em;
  margin-top: -.5rem;
  margin-bottom: .25rem;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.08;
}

.v-rechtliches-card {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  row-gap: .75rem;
  padding: 1.5rem 1.75rem;
  display: flex;
}

.v-rechtliches-card-label {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875rem;
  line-height: 1.2;
}

.v-rechtliches-address {
  font-family: var(--_tokens---font-sans);
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.65;
}

.v-rechtliches-contact {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  display: grid;
}

.v-rechtliches-contact-item {
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  align-content: center;
  align-items: center;
  gap: .25rem 1rem;
  min-width: 0;
  padding: 1rem;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: grid;
}

.v-rechtliches-contact-item:hover {
  background-color: #ffffff12;
  border-color: #8f7dff80;
}

.v-rechtliches-contact-value {
  font-family: var(--_tokens---font-sans);
  color: #edf0f5;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 1.125rem;
  line-height: 1.3;
}

.v-rechtliches-note {
  font-family: var(--_tokens---font-sans);
  color: #c9c4db;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.v-rechtliches-todo {
  font-family: var(--_tokens---font-mono);
  color: #b8abff;
  letter-spacing: 0;
  background-color: #8f7dff1a;
  border: 1px dashed #b8abff80;
  border-radius: .25rem;
  padding: .1em .4em;
  font-size: .8125em;
  line-height: 1.6;
}

.v-rechtliches-end {
  flex-direction: column;
  row-gap: 1.25rem;
  display: flex;
}

.v-rechtliches-end-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem 1rem;
  display: flex;
}

.v-rechtliches-totop {
  z-index: 30;
  opacity: 0;
  width: 3rem;
  height: 3rem;
  font-family: var(--_tokens---font-mono);
  color: #edf0f5;
  background-color: #141120e0;
  border: 1px solid #ffffff29;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  transition: opacity .24s, transform .24s, border-color .2s;
  display: none;
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
}

.v-gf-hero {
  padding-top: 12.5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.v-gf-glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #8f7dff3d 0%, #8f7dff14 40%, #0b091200 68%);
  border-radius: 50%;
  width: 56rem;
  height: 56rem;
  position: absolute;
  top: -28rem;
  right: -13rem;
}

.v-gf-hero-fig {
  z-index: 0;
  pointer-events: none;
  width: 27.5rem;
  position: absolute;
  top: 9.375rem;
  right: 6.25rem;
}

.v-gf-hero-img {
  width: 100%;
  height: auto;
  display: block;
}

.v-gf-lens {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-image: radial-gradient(circle at 60% 25%, #ffffff1a, #ffffff05 45%, #0b091240 100%);
  border: 1px solid #b8abff73;
  border-radius: 50%;
  width: 65%;
  padding-top: 65%;
  position: absolute;
  top: 45%;
  left: 43%;
  box-shadow: inset 0 0 40px #8f7dff2e, 0 0 60px #8f7dff1f;
}

.v-gf-hero-copy {
  z-index: 1;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 56rem;
  display: flex;
  position: relative;
}

.v-gf-hero-h1 {
  max-width: 52rem;
}

.v-ref-filter {
  grid-row-gap: 1rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  margin-top: 3rem;
  padding: 1.5rem;
  display: flex;
}

.v-ref-filter-group {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 7rem minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.v-ref-filter-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding-top: .8rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.2;
}

.v-ref-chips {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.v-ref-chip {
  color: #edf0f5;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 62.5rem;
  align-items: center;
  min-height: 2.75rem;
  padding: .5rem 1rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.2;
  transition: background-color .22s, border-color .22s, box-shadow .22s;
  display: inline-flex;
}

.v-ref-chip:hover {
  border-color: #ffffff3d;
}

.v-ref-chip.is-active {
  color: #fff;
  background-color: #6e5be0;
  border-color: #8f7dff;
  box-shadow: 0 0 24px #8f7dff73;
}

.v-ref-filter-bar {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #ffffff14;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  display: flex;
}

.v-ref-filter-meta {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.v-ref-count {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-ref-reset {
  color: #b8abff;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  min-height: 2.75rem;
  padding: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  text-decoration: underline;
}

.v-ref-view {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 62.5rem;
  padding: .25rem;
  display: inline-flex;
}

.v-ref-view-btn {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-radius: 62.5rem;
  min-height: 2.75rem;
  padding: .5rem 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  transition: background-color .24s, color .24s;
}

.v-ref-view-btn.is-active {
  color: #edf0f5;
  background-color: #ffffff1a;
}

.v-ref-list-wrap {
  margin-top: 2rem;
}

.v-ref-empty {
  grid-row-gap: 1rem;
  text-align: center;
  border: 1px dashed #ffffff29;
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  padding: 4rem 2rem;
  display: flex;
}

.v-ref-empty-text {
  color: #a39eb8;
  max-width: 35rem;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.v-ref-empty-actions {
  justify-content: center;
}

.v-uebersicht-hero {
  flex-direction: column;
  min-height: 48rem;
  margin-top: -5rem;
  padding-top: 11.5rem;
  padding-bottom: 7.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-hero-art {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.v-uebersicht-hero-img {
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.v-uebersicht-hero-content {
  z-index: 1;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 53.75rem;
  display: flex;
  position: relative;
}

.v-uebersicht-crumbs {
  display: block;
}

.v-uebersicht-crumbs-list {
  grid-column-gap: .625rem;
  grid-row-gap: .25rem;
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.4;
  list-style-type: none;
  display: flex;
}

.v-uebersicht-crumb {
  align-items: center;
  display: flex;
}

.v-uebersicht-crumb-sep {
  color: #ffffff52;
  align-items: center;
  display: flex;
}

.v-uebersicht-crumb-link {
  color: #a39eb8;
  align-items: center;
  min-height: 2.75rem;
  margin-top: -.875rem;
  margin-bottom: -.875rem;
  text-decoration: none;
  transition-property: color;
  transition-duration: .24s;
  display: inline-flex;
}

.v-uebersicht-crumb-link:hover, .v-uebersicht-crumb-current {
  color: #edf0f5;
}

.v-uebersicht-hero-intro {
  color: #a39eb8;
  max-width: 36.25rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.55;
}

.v-uebersicht-hero-actions {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.v-uebersicht-trust {
  grid-column-gap: 1.75rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-uebersicht-trust-item {
  grid-column-gap: .625rem;
  color: #c9c4db;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.4;
  display: flex;
}

.v-uebersicht-ql {
  z-index: 20;
  background-color: #0b0912d1;
  border-top: 1px solid #ffffff14;
  border-bottom: 1px solid #ffffff14;
  position: sticky;
  top: 5rem;
}

.v-uebersicht-ql-inner {
  grid-column-gap: 2.5rem;
  align-items: stretch;
  display: flex;
  overflow: auto hidden;
}

.v-uebersicht-ql-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex: none;
  align-items: center;
  margin-right: .5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: flex;
}

.v-uebersicht-ql-link {
  grid-column-gap: .625rem;
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  flex: none;
  align-items: center;
  min-height: 4rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.2;
  text-decoration: none;
  transition-property: color;
  transition-duration: .24s;
  display: flex;
  position: relative;
}

.v-uebersicht-ql-link:hover {
  color: #edf0f5;
}

.v-uebersicht-ql-num, .v-uebersicht-ql-text {
  color: inherit;
}

.v-uebersicht-lgrid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.v-uebersicht-litem {
  display: flex;
}

.v-uebersicht-lcard {
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  width: 100%;
  min-height: 37.5rem;
  text-decoration: none;
  transition: transform .26s ease-in-out, border-color .26s ease-in-out, box-shadow .26s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-lcard-media {
  height: 21rem;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-lcard-img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transition: transform .26s ease-in-out;
  display: block;
}

.v-uebersicht-lcard-num {
  z-index: 2;
  color: #a39eb8;
  letter-spacing: .08em;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  position: absolute;
  top: 2.25rem;
  left: 2.25rem;
}

.v-uebersicht-lcard-body {
  z-index: 1;
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  margin-top: -1.6875rem;
  padding-bottom: 1.75rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  display: flex;
  position: relative;
}

.v-uebersicht-lcard-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-uebersicht-lcard-text {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.55;
  transition-property: color;
  transition-duration: .26s;
}

.v-uebersicht-tags {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-uebersicht-tag {
  color: #c9c4db;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 62.5rem;
  align-items: center;
  min-height: 1.75rem;
  padding-left: .8125rem;
  padding-right: .8125rem;
  font-family: Geist, sans-serif;
  font-size: .75rem;
  line-height: 1.2;
  display: flex;
}

.v-uebersicht-lcard-more {
  grid-column-gap: .5rem;
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  min-height: 2.75rem;
  margin-top: auto;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  display: flex;
}

.v-konfigurator-probe {
  display: block;
}

.v-konfigurator-probe-card {
  padding: 1rem;
}

.v-gf-tabbar {
  z-index: 20;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: sticky;
  top: 5.75rem;
}

.v-gf-tabs {
  scrollbar-width: none;
  flex-wrap: nowrap;
  column-gap: .5rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  display: flex;
  overflow-x: auto;
}

.v-gf-tab {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #120f1cc7;
  border: 1px solid #ffffff1f;
  border-radius: 62.5rem;
  flex: none;
  align-items: center;
  min-height: 2.75rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1;
  text-decoration: none;
  transition: background-color .22s, border-color .22s, color .22s, box-shadow .22s;
  display: inline-flex;
}

.v-gf-faq {
  padding-top: 4rem;
  padding-bottom: 8.625rem;
  position: relative;
}

.v-gf-faq-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 25rem;
  align-items: start;
  display: grid;
}

.v-gf-faq-main {
  grid-row-gap: 6rem;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.v-gf-faq-group {
  scroll-margin-top: 10rem;
}

.v-gf-faq-list {
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.v-gf-faq-aside {
  position: sticky;
  top: 10rem;
}

.v-gf-ask {
  grid-row-gap: 1.5rem;
  background-image: radial-gradient(120% 60% at 70% 0, #8f7dff3d, #8f7dff00 60%), linear-gradient(#ffffff0d, #ffffff05);
  border: 1px solid #ffffff1f;
  border-radius: 1rem;
  flex-direction: column;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-gf-ask-person {
  grid-column-gap: .875rem;
  align-items: center;
  display: flex;
}

.v-gf-ask-avatar {
  object-fit: cover;
  border: 1px solid #b8abff66;
  border-radius: 50%;
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
}

.v-gf-ask-who {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.v-gf-ask-name {
  color: #edf0f5;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.375rem;
  line-height: 1.1;
}

.v-gf-ask-role {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .625rem;
  line-height: 1.3;
}

.v-gf-ask-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.05;
}

.v-gf-facts {
  grid-row-gap: .25rem;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.v-gf-fact {
  grid-column-gap: .625rem;
  color: #edf0f5;
  align-items: center;
  font-size: .875rem;
  line-height: 1.4;
  display: flex;
}

.v-gf-fact-dot {
  background-color: #8f7dff;
  border-radius: 50%;
  flex: none;
  width: .375rem;
  height: .375rem;
  box-shadow: 0 0 8px #8f7dffcc;
}

.v-gf-fact-link {
  color: #edf0f5;
  text-underline-offset: 3px;
  align-items: center;
  min-height: 2.75rem;
  -webkit-text-decoration: underline #b8abff80;
  text-decoration: underline #b8abff80;
  display: inline-flex;
}

.v-gf-ask-actions {
  grid-row-gap: .75rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.v-ref-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.v-ref-grid.is-list {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
}

.v-ref-item {
  display: flex;
}

.v-ref-card {
  color: #edf0f5;
  background-image: linear-gradient(#ffffff0d, #ffffff05);
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1), border-color .26s cubic-bezier(.22, 1, .36, 1), box-shadow .26s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-ref-card:hover {
  border-color: #ffffff2e;
  transform: translate(0, -4px);
  box-shadow: 0 24px 48px #00000059;
}

.v-ref-card-media {
  background-color: #08070d;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: space-between;
  min-height: 15rem;
  margin: .5rem;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-ref-status {
  grid-column-gap: .5rem;
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0b0912b8;
  border: 1px solid #8f7dff66;
  border-radius: 62.5rem;
  align-self: flex-start;
  align-items: center;
  padding: .375rem .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.2;
  display: inline-flex;
}

.v-ref-pulse {
  background-color: #8f7dff;
  border-radius: 50%;
  width: .375rem;
  height: .375rem;
  box-shadow: 0 0 8px #8f7dffe6;
}

.v-ref-status-text {
  display: inline-block;
}

.v-ref-card-tags {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-wrap: wrap;
  display: flex;
}

.v-ref-tag {
  color: #edf0f5;
  background-color: #0b0912b8;
  border: 1px solid #ffffff24;
  border-radius: 62.5rem;
  padding: .3rem .625rem;
  font-family: Geist, sans-serif;
  font-size: .75rem;
  line-height: 1.2;
}

.v-ref-card-body {
  grid-row-gap: .875rem;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  padding: 1.5rem 1.75rem 1.75rem;
  display: flex;
}

.v-ref-card-kicker {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.2;
}

.v-ref-card-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-ref-card-text {
  color: #a39eb8;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.v-ref-card-cta {
  grid-column-gap: .75rem;
  color: #edf0f5;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #ffffff0f;
  border: 1px solid #ffffff24;
  border-radius: .25rem;
  align-items: center;
  min-height: 2.75rem;
  padding: .375rem .375rem .375rem 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .8125rem;
  font-weight: 500;
  display: inline-flex;
}

.v-uebersicht-decide {
  grid-column-gap: 2rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 620fr) minmax(0, 692fr);
  align-items: start;
  display: grid;
}

.v-uebersicht-decide-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  grid-area: 1 / 1 / 2 / 2;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-decide-label-r {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  grid-area: 1 / 2 / 2 / 3;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-decide-list, .v-uebersicht-decide-item {
  display: contents;
}

.v-uebersicht-sit {
  grid-column-gap: 1.25rem;
  cursor: pointer;
  background-color: #ffffff05;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  grid-column: 1 / 2;
  align-items: center;
  min-height: 5.1875rem;
  padding: 1.5rem;
  transition: border-color .26s ease-in-out, background-color .26s ease-in-out;
  display: flex;
  position: relative;
}

.v-uebersicht-sit:hover {
  border-color: #8f7dff66;
}

.v-uebersicht-sit-num {
  color: #a39eb8;
  letter-spacing: .06em;
  flex: none;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-sit-text {
  color: #c9c4db;
  flex: auto;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.375rem;
  line-height: 1.2;
}

.v-uebersicht-sit-radio {
  border: 1.5px solid #ffffff59;
  border-radius: 50%;
  flex: none;
  width: 1.375rem;
  height: 1.375rem;
  position: relative;
}

.v-uebersicht-rec {
  background-color: #ffffff08;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  grid-column: 2 / 3;
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-rec-art {
  z-index: 0;
  opacity: .5;
  pointer-events: none;
  width: 20rem;
  height: 27.5rem;
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
}

.v-uebersicht-rec-img {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 100%;
  display: block;
}

.v-uebersicht-rec-content {
  z-index: 1;
  position: relative;
}

.v-uebersicht-rec-kicker {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-rec-title {
  color: #edf0f5;
  letter-spacing: -.015em;
  max-width: 24rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.05;
}

.v-uebersicht-rec-text {
  color: #c9c4db;
  max-width: 24.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.v-uebersicht-inline-link {
  color: #b8abff;
  text-decoration: underline;
  transition-property: color;
  transition-duration: .24s;
}

.v-uebersicht-inline-link:hover {
  color: #edf0f5;
}

.v-uebersicht-rec-divider {
  background-color: #ffffff1a;
  height: 1px;
  margin-bottom: 1.5rem;
}

.v-uebersicht-rec-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-rec-links {
  grid-row-gap: .625rem;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-uebersicht-rec-li {
  display: block;
}

.v-uebersicht-rec-link {
  grid-column-gap: .875rem;
  color: #edf0f5;
  background-color: #0b09128c;
  border: 1px solid #ffffff1a;
  border-radius: .375rem;
  align-items: center;
  min-height: 3.625rem;
  padding: .6875rem .6875rem .6875rem 1.1875rem;
  text-decoration: none;
  transition: border-color .26s ease-in-out, background-color .26s ease-in-out;
  display: flex;
}

.v-uebersicht-rec-link:hover {
  background-color: #8f7dff1a;
}

.v-uebersicht-rec-link-num {
  color: #b8abff;
  flex: none;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-rec-link-title {
  flex: auto;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
}

.v-uebersicht-rec-link-icon {
  background-color: #8f7dff;
  border-radius: .25rem;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
}

.v-uebersicht-decide-note {
  color: #a39eb8;
  max-width: 50rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
  padding-left: 1.75rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.55;
  position: relative;
}

.v-branche-hero {
  background-image: linear-gradient(#0b091200 60%, #0b0912 100%);
  padding-top: 9.5rem;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.v-branche-hero-glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff47, #8f7dff00);
  border-radius: 50%;
  width: 48rem;
  height: 48rem;
  position: absolute;
  top: 8rem;
  right: -6rem;
}

.v-branche-hero-grid {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  align-items: center;
  display: grid;
  position: relative;
}

.v-branche-hero-copy {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.v-branche-hero-media {
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.v-branche-hero-img {
  aspect-ratio: 735 / 803;
  object-fit: contain;
  width: 100%;
  max-width: 30rem;
  height: auto;
  display: block;
  -webkit-mask-image: linear-gradient(#000 55%, #0000 98%);
  mask-image: linear-gradient(#000 55%, #0000 98%);
}

.v-branche-hero-img.is-tall {
  aspect-ratio: 2 / 3;
}

.v-branche-trust {
  grid-column-gap: 2.5rem;
  grid-row-gap: .75rem;
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  margin-top: 4rem;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-branche-trust.is-compact {
  margin-top: 0;
  padding-bottom: 0;
}

.v-branche-trust-item {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: .875rem .875rem;
  padding-left: 1.5rem;
  font-size: .75rem;
  line-height: 1.4;
}

.v-uebersicht-steps {
  position: relative;
}

.v-uebersicht-steps-line {
  background-image: linear-gradient(90deg, #8f7dffe6, #8f7dff59 70%, #ffffff14);
  height: 1px;
  position: absolute;
  top: .25rem;
  left: 0;
  right: 0;
}

.v-uebersicht-steps-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.v-uebersicht-step {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.v-uebersicht-step-node {
  z-index: 1;
  background-color: #b8abff;
  border-radius: 2px;
  width: .5625rem;
  height: .5625rem;
  display: block;
  position: relative;
  box-shadow: 0 0 12px #8f7dffe6;
}

.v-uebersicht-step-card {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  flex: auto;
  padding: 1.5rem;
}

.v-uebersicht-step-num {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-step-title {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.15;
}

.v-uebersicht-step-text {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.v-uebersicht-facts {
  grid-column-gap: 1.25rem;
  grid-row-gap: .75rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  align-items: center;
  margin-top: 3.5rem;
  padding: 1.5rem;
  display: flex;
}

.v-uebersicht-facts-label {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-facts-text {
  color: #edf0f5;
  flex: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.v-uebersicht-facts-link {
  grid-column-gap: .5rem;
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex: none;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  text-decoration: none;
  transition-property: color;
  transition-duration: .24s;
  display: flex;
}

.v-uebersicht-facts-link:hover {
  color: #edf0f5;
}

.v-uebersicht-mcta-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.v-uebersicht-mcta {
  grid-column-gap: 3rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
  align-items: center;
  min-height: 17.5rem;
  padding: 4rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-mcta-copy {
  z-index: 1;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.v-uebersicht-mcta-text {
  color: #a39eb8;
  max-width: 36rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.v-uebersicht-mcta-art {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.v-uebersicht-mcta-img {
  aspect-ratio: 840 / 610;
  width: 100%;
  max-width: 26.25rem;
  height: auto;
  display: block;
}

.v-uebersicht-faq {
  grid-column-gap: 2rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.03fr);
  align-items: start;
  display: grid;
}

.v-uebersicht-faq-aside {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  grid-area: 1 / 1 / 2 / 2;
  max-width: 30rem;
  display: flex;
}

.v-uebersicht-faq-note {
  color: #c9c4db;
  max-width: 20rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-uebersicht-faq-art {
  grid-area: 2 / 1 / 3 / 2;
  width: 100%;
  max-width: 27.5rem;
}

.v-uebersicht-faq-img {
  width: 100%;
  height: auto;
  display: block;
}

.v-uebersicht-faq-list {
  grid-row-gap: .75rem;
  flex-direction: column;
  grid-area: 1 / 2 / 3 / 3;
  display: flex;
}

.v-uebersicht-endcta {
  min-height: 58.75rem;
  padding-top: 8.625rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-endcta-art {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.v-uebersicht-endcta-img {
  object-fit: cover;
  object-position: 100% 0%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.v-uebersicht-endcta-inner {
  z-index: 1;
  position: relative;
}

.v-uebersicht-endcta-copy {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 48.5rem;
  padding-top: 1.5rem;
  display: flex;
}

.v-uebersicht-endcta-title {
  color: #edf0f5;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.04;
}

.v-uebersicht-endcta-text {
  color: #a39eb8;
  max-width: 32.5rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.v-uebersicht-endcta-contact {
  color: #a39eb8;
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.v-uebersicht-endcta-link {
  color: #c9c4db;
  text-decoration: none;
  transition-property: color;
  transition-duration: .24s;
}

.v-uebersicht-endcta-link:hover {
  color: #b8abff;
}

.v-res-hero {
  padding-top: 5rem;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.v-res-hero.is-list {
  padding-bottom: 2.5rem;
}

.v-res-glow {
  filter: blur(120px);
  pointer-events: none;
  background-color: #8f7dff29;
  border-radius: 50%;
  width: 48rem;
  height: 32rem;
  position: absolute;
  top: 2rem;
  right: -6%;
}

.v-res-hero-grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  gap: 2rem;
  display: grid;
}

.v-res-hero-copy {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.75rem;
  display: flex;
  position: relative;
}

.v-res-hero-lead {
  max-width: 40rem;
}

.v-res-chiprow {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.v-res-hero-art {
  margin-right: -3rem;
  position: relative;
}

.v-res-hero-art.is-list {
  justify-self: end;
  max-width: 30rem;
  margin-right: 0;
}

.v-res-hero-img {
  width: 100%;
  height: auto;
  display: block;
}

.v-leistung-hero {
  padding-top: 9rem;
  padding-bottom: 5rem;
  overflow: hidden;
}

.v-leistung-hero-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: start;
  display: grid;
}

.v-leistung-hero-copy {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.v-leistung-crumbs {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
}

.v-leistung-crumb {
  color: #a39eb8;
  text-decoration: none;
  transition: color .2s;
}

.v-leistung-crumb:hover {
  color: #edf0f5;
}

.v-leistung-crumb-sep {
  color: #a39eb899;
}

.v-leistung-crumb-current {
  color: #edf0f5;
}

.v-leistung-h1 {
  max-width: 52rem;
  margin-top: 0;
  margin-bottom: 0;
}

.v-leistung-h1-long {
  color: #edf0f5;
  letter-spacing: -.02em;
  max-width: 52rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.02;
}

.v-leistung-intro {
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
}

.v-leistung-note {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
}

.v-leistung-chips-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  margin-top: 1.5rem;
  display: flex;
}

.v-leistung-chips {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  max-width: 40rem;
  display: flex;
}

.v-leistung-chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1f;
  border-radius: 62.5rem;
  align-items: center;
  min-height: 2.75rem;
  padding: .5rem 1rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: inline-flex;
}

.v-leistung-chip:hover {
  background-color: #ffffff0f;
  border-color: #8f7dff66;
}

.v-leistung-num {
  color: #8f7dff;
  letter-spacing: .06em;
  font-variant-numeric: tabular-nums;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.2;
}

.v-leistung-hero-media {
  justify-content: flex-end;
  margin-right: -2rem;
  display: flex;
  position: relative;
}

.v-leistung-hero-img {
  aspect-ratio: 712 / 608;
  width: 100%;
  max-width: 44.5rem;
  height: auto;
  display: block;
}

.v-ref-table {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  margin-top: 3.5rem;
  overflow: hidden;
}

.v-ref-row {
  grid-column-gap: 1.5rem;
  border-top: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 5rem minmax(17rem, 1.3fr) minmax(0, .9fr) minmax(0, 1.5fr);
  align-items: center;
  padding: 1.75rem 2rem;
  transition-property: background-color;
  transition-duration: .25s;
  display: grid;
}

.v-ref-row:hover {
  background-color: #ffffff08;
}

.v-ref-row-head {
  border-top-style: none;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.v-ref-row-head:hover {
  background-color: #0000;
}

.v-ref-th {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.2;
}

.v-ref-td {
  color: #edf0f5;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.5;
}

.v-ref-td-num {
  grid-column-gap: .75rem;
  color: #a39eb8;
  align-items: center;
  font-family: Geist Mono, sans-serif;
  font-size: .8125rem;
  display: flex;
}

.v-ref-td-next {
  color: #c9c5d8;
}

.v-ref-proj {
  color: #edf0f5;
  letter-spacing: -.01em;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-ref-proj-sub {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-ref-phase {
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #8f7dff14;
  border: 1px solid #8f7dff66;
  border-radius: 62.5rem;
  padding: .375rem .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.2;
  display: inline-flex;
}

.v-ref-footnote {
  color: #a39eb8;
  max-width: 45rem;
  margin-top: 2rem;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.v-ref-notes {
  margin-top: 3rem;
}

.v-ref-note-text {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-ref-note-lead {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Geist, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.5;
}

.v-skip {
  z-index: 1000;
  align-items: center;
  min-height: 2.75rem;
  display: inline-flex;
  position: fixed;
  top: 1rem;
  left: 1rem;
}

.v-branche-ql {
  z-index: 20;
  padding-top: .75rem;
  padding-bottom: .75rem;
  position: sticky;
  top: 5.5rem;
}

.v-branche-ql-bar {
  grid-column-gap: .25rem;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  scrollbar-width: none;
  background-color: #120f1cd1;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  align-items: center;
  padding: .5rem .75rem;
  display: flex;
  overflow-x: auto;
}

.v-branche-ql-link {
  grid-column-gap: .5rem;
  min-height: 2.75rem;
  font-family: var(--_tokens---font-mono);
  color: #edf0f5;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: .5rem;
  flex: none;
  align-items: center;
  padding: .5rem .75rem;
  font-size: .75rem;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.v-branche-ql-link:hover {
  color: #b8abff;
  background-color: #ffffff0a;
}

.v-branche-ql-link.is-active {
  color: #b8abff;
  background-color: #8f7dff1f;
}

.v-branche-ql-num {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  font-size: .6875rem;
}

.v-branche-quote {
  max-width: 62rem;
  font-family: var(--_tokens---font-serif);
  color: #edf0f5;
  letter-spacing: -.015em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  line-height: 1.12;
}

.v-branche-quote-accent {
  color: #a18fff;
}

.vn-m-acc-panel, .vn-m-acc-inner {
  position: relative;
}

.v-ico-ext {
  flex-shrink: 0;
}

.v-res-sec-tight {
  padding-top: 5rem;
}

.v-res-head {
  flex-direction: column;
  row-gap: 1rem;
  margin-bottom: 3rem;
  display: flex;
}

.v-res-head.is-grid {
  margin-top: 6rem;
}

.v-res-bento {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.v-res-bento-top {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 1rem;
  display: grid;
}

.v-res-bento-col {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  gap: 1rem;
  display: grid;
}

.v-res-bento-bottom {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  display: grid;
}

.v-res-tile {
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1.5rem;
  min-height: 18.25rem;
  padding: 2rem;
  text-decoration: none;
  transition: border-color .24s ease-in-out, background-color .24s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-res-tile:hover {
  background-color: #ffffff0e;
  border-color: #8f7dff80;
}

.v-res-tile.is-lg {
  min-height: 37.5rem;
}

.v-res-tile-media {
  pointer-events: none;
  width: 62%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.v-res-tile-media.is-sm {
  width: 48%;
}

.v-res-tile-img {
  object-fit: cover;
  object-position: 70% 30%;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.v-res-tile-top {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  display: flex;
  position: relative;
}

.v-res-tile-index {
  color: #a39eb8;
  letter-spacing: .06em;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1;
}

.v-res-count {
  color: #edf0f5;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0b09128c;
  border: 1px solid #ffffff24;
  border-radius: 62.5rem;
  align-items: center;
  column-gap: .5rem;
  margin: 0;
  padding: .375rem .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.2;
  display: inline-flex;
}

.v-res-tile-body {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1rem;
  max-width: 26rem;
  display: flex;
  position: relative;
}

.v-res-tile-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.625rem;
  font-weight: 400;
  line-height: 1.05;
}

.v-res-tile-title.is-lg {
  font-size: 4rem;
}

.v-res-tile-text {
  color: #a39eb8;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-leistung-ql {
  z-index: 30;
  margin-top: -1rem;
  position: sticky;
  top: 5.75rem;
}

.v-leistung-ql-bar {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #0b0912d1;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  align-items: center;
  padding: .5rem .5rem .5rem 1.25rem;
  display: flex;
}

.v-leistung-ql-label {
  color: #a39eb8;
  white-space: nowrap;
  border-right: 1px solid #ffffff1f;
  flex: none;
  padding-right: 1rem;
}

.v-leistung-ql-track {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  flex: auto;
  display: flex;
  overflow-x: auto;
}

.v-leistung-ql-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #a39eb8;
  white-space: nowrap;
  scroll-snap-align: center;
  border-radius: .5rem;
  flex: none;
  align-items: center;
  min-height: 2.75rem;
  padding: .5rem .875rem;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .18s, color .18s;
  display: inline-flex;
}

.v-leistung-ql-link:hover {
  color: #edf0f5;
  background-color: #ffffff0a;
}

.v-leistung-h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.v-leistung-lead {
  justify-self: end;
  max-width: 26rem;
  margin-top: 0;
  margin-bottom: 0;
}

.v-leistung-glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff24, #8f7dff00);
  border-radius: 50%;
  height: 32rem;
  position: absolute;
  top: 25%;
  left: 10%;
  right: 10%;
}

.v-leistung-def {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
  margin-bottom: 4.5rem;
  padding: 2.5rem;
  display: grid;
  position: relative;
}

.v-leistung-def-label {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.v-leistung-def-kicker {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
}

.v-leistung-def-text {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
}

.v-leistung-card {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  padding: 1.75rem;
  transition: transform .24s cubic-bezier(.22, 1, .36, 1), border-color .24s, background-color .24s;
  display: flex;
  position: relative;
}

.v-leistung-card:hover {
  background-color: #ffffff0d;
  border-color: #8f7dff59;
}

.v-leistung-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.v-leistung-mark {
  background-color: #8f7dff1f;
  border: 1px solid #8f7dff59;
  border-radius: .5rem;
  width: 2.5rem;
  height: 2.5rem;
}

.v-leistung-card-title, .v-leistung-card-text {
  margin-top: 0;
  margin-bottom: 0;
}

.v-branche-card {
  grid-row-gap: .875rem;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  padding: 1.75rem;
  transition: transform .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
  display: flex;
  position: relative;
}

.v-branche-card:hover {
  background-color: #ffffff0d;
  border-color: #fff3;
  transform: translateY(-4px);
}

.v-branche-card.v-branche-pain {
  background-image: radial-gradient(at 0 0, #8f7dff1f, #8f7dff00);
  justify-content: flex-start;
  min-height: 27.5rem;
}

.v-branche-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.v-branche-card-title {
  font-family: var(--_tokens---font-serif);
  color: #edf0f5;
  letter-spacing: -.01em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-branche-ico {
  background-color: #8f7dff1a;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  border: 1px solid #8f7dff59;
  border-radius: .5rem;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}

.v-branche-ico.is-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM8 12l3 3 5-6'/%3E%3C/svg%3E");
}

.v-branche-ico.is-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3v5M15 3v5M6 8h12v3a6 6 0 0 1-12 0V8zM12 17v4'/%3E%3C/svg%3E");
}

.v-branche-ico.is-3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12zM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E");
}

.v-branche-ico.is-4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3zM9 12l2 2 4-4'/%3E%3C/svg%3E");
}

.v-branche-ico.is-5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11h12v10H6zM8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
}

.v-branche-ico.is-6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h16M6 15l4-4 3 3 6-6M15 8h4v4'/%3E%3C/svg%3E");
}

.v-branche-ico.is-7 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}

.v-branche-ico.is-8 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h5v18H6a2 2 0 0 0-2 2zM20 5a2 2 0 0 0-2-2h-5v18h5a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.v-branche-ico.is-9 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6.5A7 7 0 1 0 17 17.5M4 10h9M4 14h9'/%3E%3C/svg%3E");
}

.v-branche-ico.is-10 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10v18H7zM10 8h4M10 12h4M10 16h2'/%3E%3C/svg%3E");
}

.v-branche-ico.is-11 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 7v5l3 2'/%3E%3C/svg%3E");
}

.v-branche-ico.is-12 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8l-4 4 4 4M16 8l4 4-4 4'/%3E%3C/svg%3E");
}

.v-branche-ico.is-13 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4.5a4 4 0 0 0-5 5L4 15v5h5l5.5-5.5a4 4 0 0 0 5-5l-2.5 2.5-3-3z'/%3E%3C/svg%3E");
}

.v-branche-kicker {
  font-family: var(--_tokens---font-mono);
  color: #a18fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
  line-height: 1.3;
}

.v-branche-split {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.v-branche-svc-list {
  border-top: 1px solid #ffffff1a;
}

.v-branche-svc-row {
  grid-column-gap: 1.5rem;
  color: #edf0f5;
  background-image: linear-gradient(90deg, #8f7dff00, #8f7dff00);
  border-bottom: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 3rem minmax(0, 1.1fr) minmax(0, 1.3fr) 2.5rem;
  align-items: center;
  padding: 1.5rem .5rem;
  text-decoration: none;
  transition: padding .25s ease-out, background-color .25s ease-out, color .25s ease-out;
  display: grid;
}

.v-branche-svc-row:hover {
  color: #b8abff;
  background-image: linear-gradient(90deg, #8f7dff24, #8f7dff00);
  padding-left: 1.5rem;
}

.v-branche-svc-title {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  font-size: 2rem;
  line-height: 1.1;
}

.v-branche-arrow {
  background-color: #ffffff0a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  border: 1px solid #ffffff24;
  border-radius: .375rem;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}

.v-res-latest {
  flex-direction: column;
  row-gap: 2rem;
  display: flex;
}

.v-res-cards {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.v-res-slider-ui {
  display: none;
}

.v-res-slider-bar {
  background-color: #ffffff24;
  flex: auto;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.v-res-slider-count {
  color: #a39eb8;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-res-links {
  flex-wrap: wrap;
  gap: 1rem 2rem;
  display: flex;
}

.v-gf-actions {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  display: flex;
}

.v-gf-card {
  grid-row-gap: 1rem;
  background-image: linear-gradient(#ffffff0d, #ffffff04);
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  padding: 1.75rem;
  transition: border-color .22s, background-color .22s;
  display: flex;
  position: relative;
}

.v-gf-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.v-gf-ico {
  color: #b8abff;
  background-color: #8f7dff24;
  border: 1px solid #8f7dff73;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  transition: box-shadow .22s;
  display: flex;
}

.v-leistung-uc {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 25rem) minmax(0, 1fr);
  column-gap: 1.5rem;
  display: grid;
}

.v-leistung-body {
  max-width: 46rem;
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.v-leistung-check {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .5rem 1rem;
  padding: 1.75rem;
  display: grid;
}

.v-leistung-check-icon {
  color: #b8abff;
  background-color: #8f7dff24;
  border: 1px solid #8f7dff80;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  font-size: .875rem;
  line-height: 1;
  display: flex;
}

.v-leistung-check-body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.v-leistung-todo {
  color: #b8abff;
  letter-spacing: .02em;
  background-color: #8f7dff14;
  border: 1px dashed #8f7dff99;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.4;
  display: inline-block;
}

.v-leistung-steps {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-left: 0;
  list-style-type: none;
  display: grid;
  position: relative;
}

.v-leistung-rail {
  background-image: linear-gradient(90deg, #edf0f5, #8f7dff 40%, #8f7dff26);
  border-radius: 2px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.v-leistung-step {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  flex-direction: column;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.v-leistung-step-dot {
  background-color: #edf0f5;
  border-radius: 2px;
  width: .625rem;
  height: .625rem;
  position: absolute;
  top: -2.4rem;
  left: 1.5rem;
  box-shadow: 0 0 12px #8f7dffe6;
}

.v-leistung-facts {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin-top: 4rem;
  padding: 2rem 2.25rem;
  display: grid;
}

.v-leistung-facts-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  display: grid;
}

.v-leistung-fact {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.v-leistung-fact-value {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.v-leistung-facts-actions {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.v-leistung-tech {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 2rem;
  display: grid;
}

.v-leistung-tech-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.v-leistung-tech-cat {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.3;
}

.v-leistung-tech-list {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
}

.v-branche-dl {
  grid-row-gap: .875rem;
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  margin-top: .5rem;
  padding-top: 1.25rem;
  display: flex;
}

.v-branche-dl-row {
  grid-column-gap: 1rem;
  grid-row-gap: .25rem;
  grid-template-rows: auto;
  grid-template-columns: 9.5rem minmax(0, 1fr);
  display: grid;
}

.v-branche-dl-term {
  font-family: var(--_tokens---font-mono);
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding-top: .15rem;
  font-size: .6875rem;
  line-height: 1.4;
}

.v-branche-steps {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.v-branche-step {
  grid-row-gap: .75rem;
  border-top: 1px solid #8f7dff73;
  flex-direction: column;
  padding-top: 1.25rem;
  display: flex;
}

.v-branche-facts {
  grid-column-gap: 2rem;
  grid-row-gap: 1.25rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: center;
  margin-top: 3rem;
  padding: 1.5rem 2rem;
  display: grid;
}

.v-branche-fact {
  grid-column-gap: .875rem;
  align-items: flex-start;
  display: flex;
}

.v-branche-fact-text {
  font-family: var(--_tokens---font-sans);
  color: #edf0f5;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.4;
}

.v-branche-team {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 2fr);
  display: grid;
}

.v-branche-portrait {
  background-color: #14111d;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  margin: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.v-branche-portrait-img {
  aspect-ratio: 880 / 1113;
  object-fit: cover;
  grid-row-start: 1;
  grid-column-start: 1;
  width: 100%;
  height: 100%;
  min-height: 24rem;
  display: block;
}

.v-branche-portrait-cap {
  grid-row-gap: .375rem;
  background-image: linear-gradient(#0b091200, #0b0912d9);
  flex-direction: column;
  grid-row-start: 1;
  grid-column-start: 1;
  align-self: end;
  padding: 1.5rem;
  display: flex;
}

.v-branche-portrait-name {
  font-family: var(--_tokens---font-serif);
  color: #edf0f5;
  font-size: 1.75rem;
  line-height: 1.1;
}

.v-branche-cta-row {
  margin-top: 2.5rem;
  display: flex;
}

.v-ref-case-hero {
  padding-top: 10rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.v-ref-case-hero-bg {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.v-ref-case-hero-img {
  opacity: .85;
  object-fit: cover;
  object-position: 70% 30%;
  width: 78%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -8%;
}

.v-ref-case-hero-shade {
  background-image: linear-gradient(90deg, #0b0912 30%, #0b09128c 60%, #0b091233), linear-gradient(#0b091299, #0b091200 25% 60%, #0b0912);
  position: absolute;
  inset: 0;
}

.v-ref-case-hero-copy {
  z-index: 1;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 46rem;
  display: flex;
  position: relative;
}

.v-ref-case-crumb {
  grid-column-gap: .5rem;
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  display: flex;
}

.v-ref-case-crumb-link {
  color: #a39eb8;
  align-items: center;
  min-height: 2.75rem;
  text-decoration: none;
  display: inline-flex;
}

.v-ref-case-crumb-link:hover {
  color: #edf0f5;
}

.v-ref-case-crumb-sep {
  color: #8f7dff;
}

.v-ref-case-crumb-cur {
  color: #edf0f5;
}

.v-ref-case-badges {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.v-ref-case-status, .v-ref-case-tag {
  margin-top: 0;
  margin-bottom: 0;
}

.v-ref-case-h1 {
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.5rem;
}

.v-ref-case-lead {
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
}

.v-ref-brief {
  z-index: 1;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 2fr) repeat(2, minmax(0, 1fr));
  margin-top: 4rem;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-ref-brief-cell {
  grid-row-gap: .75rem;
  background-color: #110e19d1;
  flex-direction: column;
  flex: 14rem;
  padding: 1.5rem;
  display: flex;
}

.v-ref-brief-k {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.2;
}

.v-ref-brief-v {
  color: #edf0f5;
  overflow-wrap: break-word;
  margin-left: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.375rem;
  line-height: 1.2;
}

.v-ref-brief-tech {
  color: #c9c5d8;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.v-ref-brief-wide {
  flex-grow: 2;
  flex-basis: 18rem;
}

.v-gf-steps {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.v-gf-principles {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.v-gf-empty {
  grid-row-gap: 1.25rem;
  text-align: center;
  background-image: linear-gradient(#ffffff09, #ffffff03);
  border: 1px dashed #fff3;
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  padding: 4.5rem 2rem 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-gf-empty-glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff52, #8f7dff00);
  border-radius: 50%;
  width: 36rem;
  height: 28rem;
  margin-left: -18rem;
  position: absolute;
  top: -12rem;
  left: 50%;
}

.v-gf-empty-art {
  width: 22rem;
  max-width: 100%;
  height: 12rem;
  margin-bottom: 1rem;
  position: relative;
}

.v-gf-ghost-a {
  background-color: #ffffff06;
  border: 1px solid #ffffff14;
  border-radius: .75rem;
  width: 16rem;
  height: 9rem;
  position: absolute;
  top: 2.5rem;
  left: 1.5rem;
  transform: rotate(-6deg);
}

.v-gf-ghost-b {
  background-color: #ffffff06;
  border: 1px solid #ffffff14;
  border-radius: .75rem;
  width: 16rem;
  height: 9rem;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  transform: rotate(6deg);
}

.v-gf-ghost-c {
  grid-row-gap: .625rem;
  background-color: #141020;
  border: 1px solid #b8abff47;
  border-radius: .75rem;
  flex-direction: column;
  width: 16.5rem;
  height: 9.25rem;
  margin-left: -8.25rem;
  padding: 1.25rem 1.5rem;
  display: flex;
  position: absolute;
  top: .75rem;
  left: 50%;
  box-shadow: 0 20px 50px #00000073;
}

.v-gf-ghost-q {
  color: #8f7dff;
  text-align: left;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.5rem;
  line-height: .8;
}

.v-gf-ghost-line {
  background-color: #ffffff1f;
  border-radius: 62.5rem;
  width: 80%;
  height: .375rem;
  display: block;
}

.v-gf-badge {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #8f7dff1a;
  border: 1px solid #b8abff59;
  border-radius: 62.5rem;
  align-items: center;
  padding: .5rem .875rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.2;
  display: inline-flex;
}

.v-gf-empty-title {
  color: #edf0f5;
  letter-spacing: -.015em;
  max-width: 46rem;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.05;
  position: relative;
}

.v-gf-empty-text {
  color: #a39eb8;
  max-width: 42rem;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  position: relative;
}

.v-gf-actions-c {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: .75rem;
  display: flex;
  position: relative;
}

.v-branche-badge {
  font-family: var(--_tokens---font-mono);
  color: #b8abff;
  letter-spacing: .04em;
  white-space: nowrap;
  border: 1px dashed #8f7dff99;
  border-radius: .25rem;
  padding: .2rem .5rem;
  font-size: .6875rem;
  line-height: 1.4;
  display: inline-block;
}

.v-branche-rg-card {
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  text-decoration: none;
  transition: border-color .25s ease-out, transform .25s ease-out;
  display: flex;
  overflow: hidden;
}

.v-branche-rg-card:hover {
  border-color: #8f7dff73;
  transform: translateY(-4px);
}

.v-branche-rg-media {
  aspect-ratio: 2;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.v-branche-rg-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.v-branche-rg-body {
  grid-row-gap: .75rem;
  flex-direction: column;
  flex: auto;
  padding: 1.5rem 1.75rem 1.75rem;
  display: flex;
}

.v-branche-rg-title {
  font-family: var(--_tokens---font-serif);
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.15;
}

.v-branche-rg-foot {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: .75rem;
  display: flex;
}

.v-branche-faq {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: start;
  display: grid;
}

.v-branche-faq-aside {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.v-branche-inline-link {
  color: #b8abff;
  text-decoration: underline;
}

.v-branche-faq-img {
  aspect-ratio: 735 / 803;
  object-fit: contain;
  width: 100%;
  max-width: 26rem;
  height: auto;
  display: block;
  -webkit-mask-image: linear-gradient(#000 60%, #0000);
  mask-image: linear-gradient(#000 60%, #0000);
}

.v-branche-faq-list {
  border-top: 1px solid #ffffff1a;
}

.v-branche-chip {
  grid-column-gap: .75rem;
  min-height: 3.25rem;
  font-family: var(--_tokens---font-serif);
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff24;
  border-radius: 62.5rem;
  align-items: center;
  padding: .625rem 1.25rem;
  font-size: 1.375rem;
  line-height: 1.1;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
  display: inline-flex;
}

.v-branche-chip:hover {
  color: #b8abff;
  background-color: #8f7dff24;
  border-color: #8f7dff99;
}

.v-branche-chip-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875rem .875rem;
  width: .875rem;
  height: .875rem;
  display: block;
}

.v-branche-ask {
  grid-row-gap: 1.75rem;
  background-color: #ffffff08;
  background-image: radial-gradient(at 50% 0, #8f7dff24, #8f7dff00);
  border: 1px solid #ffffff1a;
  border-radius: 1.25rem;
  flex-direction: column;
  padding: 2rem;
  display: flex;
}

.v-branche-option {
  grid-row-gap: .875rem;
  background-color: #0b091280;
  border: 1px solid #ffffff1a;
  border-radius: .875rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75rem;
  display: flex;
}

.v-ref-case-layout {
  grid-column-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 16rem minmax(0, 1fr);
  align-items: start;
  margin-top: 3.5rem;
  display: grid;
}

.v-ref-case-aside {
  position: sticky;
  top: 7.5rem;
}

.v-ref-toc-wrap {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}

.v-ref-toc-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-ref-toc {
  border-left: 1px solid #ffffff1a;
  flex-direction: column;
  display: flex;
}

.v-ref-toc-link {
  grid-column-gap: .75rem;
  color: #a39eb8;
  border-left: 2px solid #0000;
  align-items: center;
  min-height: 2.75rem;
  margin-left: -1px;
  padding: .5rem .875rem;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.3;
  text-decoration: none;
  transition: color .25s, border-color .25s, background-color .25s;
  display: flex;
}

.v-ref-toc-link:hover {
  color: #edf0f5;
}

.v-ref-toc-link.is-active {
  color: #edf0f5;
  background-image: linear-gradient(90deg, #8f7dff29, #8f7dff00);
  border-left-color: #8f7dff;
}

.v-ref-toc-num {
  color: #b8abff;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-ref-progress {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.v-ref-progress-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-ref-progress-track {
  background-color: #ffffff1a;
  border-radius: 2px;
  height: 2px;
  overflow: hidden;
}

.v-ref-progress-bar {
  transform-origin: 0%;
  background-color: #8f7dff;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
}

.v-ref-toc-cta {
  align-self: flex-start;
}

.v-ref-article {
  grid-row-gap: 5rem;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.v-ref-chapter {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  scroll-margin-top: 7rem;
  display: flex;
}

.v-ref-chapter-idx {
  grid-column-gap: .625rem;
  color: #a39eb8;
  letter-spacing: .08em;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  display: flex;
}

.v-ref-chapter-h {
  margin-top: 0;
  margin-bottom: .5rem;
}

.v-ref-chapter-note {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-leistung-panel {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  padding: 3.5rem;
  display: grid;
  position: relative;
}

.v-leistung-panel-copy {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.v-leistung-badges {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.v-leistung-points {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-leistung-point {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: grid;
}

.v-leistung-point-title {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: .375rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}

.v-leistung-hint {
  color: #a39eb8;
  margin-top: 2rem;
  margin-bottom: 0;
}

.v-leistung-cases {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  display: grid;
}

.v-leistung-case {
  color: inherit;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  text-decoration: none;
  transition: border-color .24s;
  display: flex;
  overflow: hidden;
}

.v-leistung-case:hover {
  border-color: #8f7dff59;
}

.v-leistung-case-media {
  aspect-ratio: 437 / 200;
  background-color: #0b0912;
  position: relative;
  overflow: hidden;
}

.v-leistung-media-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.v-leistung-case-body {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-direction: column;
  flex: auto;
  padding: 1.75rem;
  display: flex;
}

.v-leistung-status {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
}

.v-leistung-result {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-direction: column;
  margin-top: auto;
  padding-top: 1rem;
  display: flex;
}

.v-leistung-case-teaser {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: space-between;
  min-height: 26rem;
  padding: 2.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-leistung-teaser-title {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-leistung-teaser-img {
  aspect-ratio: 436 / 200;
  opacity: .85;
  pointer-events: none;
  object-fit: contain;
  object-position: 50% 100%;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.v-leistung-teaser-cta {
  z-index: 1;
  position: relative;
}

.v-leistung-readmore {
  color: #edf0f5;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: auto;
  padding-top: .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .8125rem;
  line-height: 1.3;
}

.v-leistung-tile {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  min-height: 11rem;
  color: inherit;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  padding: 1.5rem;
  text-decoration: none;
  transition: border-color .24s, background-color .24s;
  display: flex;
}

.v-leistung-tile:hover {
  background-color: #ffffff0d;
  border-color: #8f7dff59;
}

.v-leistung-tile-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.v-leistung-arrow {
  color: #a39eb8;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1;
  transition: transform .2s, color .2s;
}

.v-leistung-tile-title {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-leistung-calc {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  padding: 3.5rem;
  display: grid;
}

.v-leistung-calc-slot {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  margin-top: 3rem;
  display: block;
}

.v-leistung-calc-fallback {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 1rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

.v-res-card {
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  height: 100%;
  padding: .5rem;
  text-decoration: none;
  transition: border-color .24s ease-in-out, background-color .24s ease-in-out;
  display: flex;
  position: relative;
}

.v-res-card:hover {
  background-color: #ffffff0e;
  border-color: #8f7dff80;
}

.v-res-card-media {
  aspect-ratio: 16 / 9;
  background-color: #0e0b17;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .625rem;
  position: relative;
  overflow: hidden;
}

.v-res-card-body {
  flex-direction: column;
  flex: auto;
  row-gap: .875rem;
  padding: 1.25rem 1.25rem 1rem;
  display: flex;
}

.v-res-card-cat {
  color: #b8abff;
  letter-spacing: .06em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem .5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
}

.v-res-meta-txt {
  margin: 0;
}

.v-res-meta-txt.is-strong {
  color: #edf0f5;
}

.v-res-card-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.12;
}

.v-res-card-teaser {
  color: #a39eb8;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-res-card-meta {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-top: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  margin-top: auto;
  padding-top: 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
}

.v-res-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem .375rem;
  display: flex;
}

.v-res-meta.is-small {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-res-clock {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.v-res-card-more {
  color: #edf0f5;
  align-items: center;
  column-gap: .375rem;
  margin: 0;
  display: inline-flex;
}

.v-rechtliches-404 {
  padding-top: 4rem;
  padding-bottom: 6rem;
  position: relative;
  overflow: hidden;
}

.v-rechtliches-404-glow {
  width: 48rem;
  height: 36rem;
  top: 10rem;
  right: -8rem;
}

.v-rechtliches-404-head {
  flex-direction: column;
  row-gap: 1.25rem;
  margin-bottom: 1rem;
  display: flex;
}

.v-rechtliches-404-grid {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: end;
  column-gap: 4rem;
  display: grid;
  position: relative;
}

.v-rechtliches-404-copy {
  flex-direction: column;
  row-gap: 1.5rem;
  max-width: 36rem;
  display: flex;
}

.v-rechtliches-404-num {
  font-family: var(--_tokens---font-serif);
  color: #b8abff;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: -1.5rem;
  font-size: 21.25rem;
  font-weight: 400;
  line-height: .9;
}

.v-rechtliches-404-h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.v-rechtliches-404-text {
  max-width: 30rem;
  margin-top: 0;
  margin-bottom: 0;
}

.v-rechtliches-404-nav {
  flex-direction: column;
  margin-top: 1.5rem;
  display: flex;
}

.v-rechtliches-404-link {
  color: #edf0f5;
  border-bottom: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 2rem minmax(0, 1fr) auto 1.25rem;
  align-items: center;
  column-gap: .75rem;
  min-height: 3.5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  text-decoration: none;
  transition: background-color .25s, border-color .25s;
  display: grid;
}

.v-rechtliches-404-link:hover {
  background-color: #ffffff0d;
  border-bottom-color: #8f7dff;
}

.v-rechtliches-404-link-num {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  letter-spacing: .08em;
  font-size: .6875rem;
}

.v-rechtliches-404-link-label {
  font-family: var(--_tokens---font-serif);
  font-size: 1.5rem;
  line-height: 1.2;
}

.v-rechtliches-404-link-path {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  letter-spacing: .06em;
  font-size: .6875rem;
}

.v-rechtliches-404-link-arrow {
  font-family: var(--_tokens---font-mono);
  color: #edf0f5;
  font-size: 1rem;
  transition: transform .25s, color .25s;
}

.v-rechtliches-404-visual {
  justify-self: end;
  width: 100%;
  max-width: 44rem;
  margin-bottom: -6rem;
  margin-right: -3rem;
  position: relative;
}

.v-rechtliches-404-img {
  aspect-ratio: 13 / 14;
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}

.v-rechtliches-404-lens {
  aspect-ratio: 1;
  background-image: radial-gradient(circle at 35% 30%, #ffffff24, #8f7dff0f 60%, #fff0);
  border: 1px solid #ffffff59;
  border-radius: 50%;
  width: 46%;
  height: auto;
  position: absolute;
  bottom: 8%;
  right: 3%;
  box-shadow: inset 0 0 40px #b8abff2e;
}

.v-branche-lt {
  grid-column-gap: 4.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 18rem minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.v-branche-toc {
  grid-row-gap: .75rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .875rem;
  flex-direction: column;
  padding: 1.25rem;
  display: flex;
  position: sticky;
  top: 10rem;
}

.v-branche-toc-list {
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;
}

.v-branche-progress {
  background-color: #ffffff1a;
  border-radius: 2px;
  height: 2px;
  margin-top: .5rem;
  overflow: hidden;
}

.v-branche-progress-bar {
  background-color: #8f7dff;
  width: 100%;
  height: 100%;
}

.v-res-contents {
  display: contents;
}

.v-gf-fb-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 40rem);
  align-items: start;
  display: grid;
}

.v-gf-fb-copy {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 8rem;
}

.v-gf-note {
  grid-column-gap: .625rem;
  color: #edf0f5;
  align-items: center;
  margin: 0;
  font-size: .9375rem;
  display: flex;
}

.v-gf-fb-card {
  background-image: radial-gradient(90% 40% at 30% 0, #8f7dff2e, #8f7dff00 70%), linear-gradient(#ffffff0d, #ffffff05);
  border: 1px solid #ffffff1f;
  border-radius: 1rem;
  padding: 2.25rem;
  position: relative;
}

.v-gf-form, .v-gf-form._w-form {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  margin: 0;
  display: flex;
}

.v-gf-form-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1.75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.v-gf-help {
  color: #a39eb8;
  margin: .5rem 0 0;
  font-size: .8125rem;
  line-height: 1.45;
}

.v-gf-help-indent {
  color: #a39eb8;
  margin: .375rem 0 0 2.25rem;
  font-size: .8125rem;
  line-height: 1.45;
}

.v-gf-rates {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-top: .25rem;
  display: flex;
}

.v-gf-rate {
  cursor: pointer;
  background-color: #ffffff08;
  border: 1px solid #ffffff24;
  border-radius: 62.5rem;
  align-items: center;
  min-height: 2.75rem;
  margin: 0;
  padding: 0 1rem;
  transition: background-color .2s, border-color .2s, box-shadow .2s;
  display: inline-flex;
  position: relative;
}

.v-gf-rate-text {
  color: #edf0f5;
  font-size: .9375rem;
  line-height: 1.2;
}

.v-gf-check-text {
  color: #edf0f5;
  font-size: .9375rem;
  line-height: 1.45;
}

.v-gf-inline-link {
  color: #b8abff;
  text-underline-offset: 3px;
  text-decoration: underline;
}

.v-gf-summary {
  color: #ffb4b4;
  background-color: #ff6b6b14;
  border: 1px solid #ff6b6b73;
  border-radius: .75rem;
  padding: .875rem 1rem;
  font-size: .875rem;
  line-height: 1.45;
  display: none;
}

.v-leistung-guides {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.v-leistung-guide {
  color: inherit;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  text-decoration: none;
  transition: border-color .24s;
  display: flex;
  overflow: hidden;
}

.v-leistung-guide:hover {
  border-color: #8f7dff59;
}

.v-leistung-guide-body {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  flex: auto;
  padding: 1.75rem;
  display: flex;
}

.v-leistung-actions {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  margin-top: 3rem;
  display: flex;
}

.v-leistung-faq {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.v-leistung-faq-aside {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 9rem;
}

.v-leistung-ask {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.v-leistung-faq-img {
  aspect-ratio: 585 / 520;
  width: 100%;
  max-width: 27.5rem;
  height: auto;
  display: block;
}

.v-leistung-faq-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.v-leistung-request {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  flex-direction: column;
  padding: 3.5rem;
  display: flex;
}

.v-leistung-request-head {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.v-leistung-goals {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  display: flex;
}

.v-leistung-goal {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1f;
  border-radius: .5rem;
  align-items: center;
  min-height: 2.75rem;
  padding: .625rem 1rem;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: inline-flex;
}

.v-leistung-goal:hover {
  background-color: #8f7dff1f;
  border-color: #8f7dff80;
}

.v-leistung-goal-box {
  border: 1px solid #ffffff59;
  border-radius: 3px;
  width: 1rem;
  height: 1rem;
}

.v-leistung-options {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  display: grid;
}

.v-leistung-option {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0b091280;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.v-leistung-option-accent {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #8f7dff14;
  border: 1px solid #8f7dff59;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.v-leistung-contact {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #edf0f5;
  flex-wrap: wrap;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  display: flex;
}

.v-leistung-contact-link {
  color: #edf0f5;
  align-items: center;
  min-height: 2.75rem;
  text-decoration: none;
  display: inline-flex;
}

.v-leistung-contact-link:hover {
  color: #b8abff;
}

.v-ref-more-bar {
  justify-content: flex-end;
  margin-top: -1rem;
  display: flex;
}

.v-res-steps {
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  display: flex;
}

.v-res-step {
  color: #edf0f5;
  border-bottom: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem 1.5rem;
  padding: 1.75rem 1.25rem;
  text-decoration: none;
  transition: background-color .24s ease-in-out;
  display: grid;
  position: relative;
}

.v-res-step-num {
  color: #a39eb8;
  letter-spacing: .06em;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  transition: color .24s ease-in-out;
}

.v-res-step-body {
  flex-direction: column;
  row-gap: .375rem;
  display: flex;
}

.v-res-step-title {
  color: #edf0f5;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.15;
}

.v-res-step-text {
  color: #a39eb8;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-res-step-link {
  color: #edf0f5;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  column-gap: .5rem;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  transition: color .24s ease-in-out;
  display: inline-flex;
}

.v-field {
  position: relative;
}

.v-field-error {
  color: #ff8a8a;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .8125rem;
  line-height: 1.4;
}

.v-gf-form-done {
  color: #edf0f5;
  text-align: left;
  background-color: #6ee7b712;
  border: 1px solid #6ee7b766;
  border-radius: .75rem;
  margin-top: 1.5rem;
  padding: 1.125rem 1.25rem;
  font-size: .9375rem;
  line-height: 1.5;
}

.v-gf-form-fail {
  color: #edf0f5;
  background-color: #ff6b6b14;
  border: 1px solid #ff6b6b73;
  border-radius: .75rem;
  margin-top: 1rem;
  padding: 1.125rem 1.25rem;
  font-size: .9375rem;
  line-height: 1.5;
}

.v-leistung-long {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 17rem) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.v-leistung-toc {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  flex-direction: column;
  max-height: calc(100vh - 11rem);
  padding: 1.25rem;
  display: flex;
  position: sticky;
  top: 9rem;
  overflow-y: auto;
}

.v-leistung-toc-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v-leistung-progress-track {
  background-color: #ffffff14;
  border-radius: 2px;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.v-leistung-progress {
  background-color: #8f7dff;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.v-leistung-long-meta {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.v-leistung-long-cta {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 3rem;
  padding: 2rem;
  display: flex;
}

.v-leistung-final {
  align-items: center;
  min-height: 58rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-leistung-final-bg {
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
  object-position: 70% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.v-leistung-final-copy {
  z-index: 1;
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 48rem;
  display: flex;
  position: relative;
}

.v-leistung-final-title {
  margin-top: 0;
  margin-bottom: 0;
}

.v-gf-google {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.5rem;
  background-image: linear-gradient(#ffffff0d, #ffffff04);
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  padding: 2.5rem;
  display: grid;
}

.v-gf-ico-lg {
  color: #b8abff;
  background-color: #ffffff0a;
  border: 1px solid #ffffff24;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.v-gf-google-copy {
  grid-row-gap: .75rem;
  flex-direction: column;
  max-width: 52rem;
  display: flex;
}

.v-gf-google-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.05;
}

.v-gf-google-action {
  grid-row-gap: .625rem;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.v-gf-todo {
  color: #ffc45e;
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 1px dashed #ffc45e99;
  border-radius: .25rem;
  padding: .375rem .625rem;
  font-family: Geist Mono, sans-serif;
  font-size: .625rem;
  line-height: 1.3;
  display: inline-block;
}

.v-uebersicht-bgrid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.v-uebersicht-btile {
  color: #edf0f5;
  background-color: #ffffff08;
  background-image: linear-gradient(#8f7dff0f, #8f7dff00 45%);
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  flex-direction: column;
  width: 100%;
  min-height: 33rem;
  padding: 1.75rem;
  text-decoration: none;
  transition: transform .26s ease-in-out, border-color .26s ease-in-out, box-shadow .26s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-btile-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.5rem;
  display: flex;
}

.v-uebersicht-btile-num {
  color: #a39eb8;
  letter-spacing: .08em;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  transition-property: color;
  transition-duration: .26s;
}

.v-uebersicht-btile-arrow {
  border: 1px solid #ffffff2e;
  border-radius: .25rem;
  width: 1.75rem;
  height: 1.75rem;
  transition: transform .26s ease-in-out, background-color .26s ease-in-out, border-color .26s ease-in-out;
  display: block;
}

.v-uebersicht-btile-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.12;
}

.v-uebersicht-btile-text {
  color: #a39eb8;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.55;
}

.v-uebersicht-btile-divider {
  background-color: #ffffff1a;
  height: 1px;
  margin-bottom: 1rem;
}

.v-uebersicht-btile-badges {
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.v-uebersicht-btile-badge {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #8f7dff1f;
  border: 1px solid #8f7dff73;
  border-radius: 62.5rem;
  align-items: center;
  min-height: 1.5rem;
  padding-left: .625rem;
  padding-right: .625rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: inline-flex;
}

.v-uebersicht-btile-status {
  grid-column-gap: .5rem;
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #ffffff24;
  border-radius: 62.5rem;
  align-items: center;
  min-height: 1.5rem;
  padding-left: .625rem;
  padding-right: .625rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: inline-flex;
}

.v-uebersicht-btile-example {
  color: #c9c4db;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .8125rem;
  line-height: 1.55;
}

.v-uebersicht-banner {
  grid-column-gap: 4rem;
  background-color: #ffffff08;
  background-image: radial-gradient(60% 90% at 10% 0, #8f7dff38, #8f7dff00 70%);
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, .75fr);
  align-items: center;
  padding: 3.5rem 3rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-banner-copy {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.v-uebersicht-banner-kicker {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-banner-text {
  color: #a39eb8;
  max-width: 42rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.v-uebersicht-banner-actions {
  grid-row-gap: .75rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.v-uebersicht-banner-micro {
  grid-row-gap: .5rem;
  flex-direction: column;
  margin-top: .75rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-uebersicht-contact {
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
}

.v-uebersicht-contact-inner {
  grid-row-gap: 1.25rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.v-uebersicht-contact-text {
  color: #a39eb8;
  max-width: 36rem;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.v-uebersicht-contact-line {
  background-image: linear-gradient(90deg, #fff0, #8f7dff80, #fff0);
  height: 1px;
  margin-top: 5rem;
}

.v-kt-facts {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-kt-cards {
  margin-top: 3.5rem;
}

.v-kt-card {
  grid-row-gap: 1rem;
}

.v-kt-card-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  display: flex;
}

.v-kt-icon {
  background-color: #8f7dff1f;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  border: 1px solid #8f7dff66;
  border-radius: .5rem;
  width: 2.5rem;
  height: 2.5rem;
}

.v-kt-text {
  color: #a39eb8;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-kt-card-btn {
  align-self: flex-start;
}

.v-kt-links {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.v-kt-contact {
  color: #edf0f5;
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1.125rem;
  align-items: center;
  min-height: 2.75rem;
  padding-left: 1.75rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  display: inline-flex;
}

.v-kt-contact:hover {
  color: #b8abff;
}

.v-gf-search-host {
  width: 100%;
  max-width: 40rem;
  min-height: 4rem;
}

.v-gf-chips {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  max-width: 52rem;
  display: flex;
}

.v-gf-azwrap {
  z-index: 20;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: sticky;
  top: 5.75rem;
}

.v-gf-az {
  grid-column-gap: 1rem;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #120f1cd1;
  border: 1px solid #ffffff1f;
  border-radius: 1rem;
  align-items: center;
  padding: .875rem 1.25rem;
  display: flex;
}

.v-gf-az-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  border-right: 1px solid #ffffff1f;
  flex: none;
  padding-right: 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-gf-az-letters {
  grid-column-gap: 0px;
  scrollbar-width: none;
  flex: auto;
  justify-content: space-between;
  column-gap: 0;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.v-gf-az-link {
  color: #edf0f5;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .22s, color .22s, box-shadow .22s;
  display: flex;
}

.v-gf-az-off {
  color: #edf0f53d;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .875rem;
  display: flex;
}

.v-gf-az-count {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  border-left: 1px solid #ffffff1f;
  flex: none;
  padding-left: 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-gf-sr {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.v-gf-list-host {
  position: relative;
}

.v-gf-noresult {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.v-kt-anchor {
  scroll-margin-top: 4rem;
}

.v-kt-row {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  align-items: start;
  margin-top: 3.5rem;
  display: grid;
}

.v-kt-side {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.v-kt-side-label {
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-kt-steps {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.v-kt-step {
  grid-column-gap: 1rem;
  border-top: 1px solid #ffffff1a;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.v-kt-step-num {
  color: #a39eb8;
  flex: none;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.6;
}

.v-kt-step-text {
  color: #edf0f5;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.v-kt-panel {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.v-kt-panel-bar {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: .875rem 1.25rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: flex;
}

.v-kt-panel-bar-l, .v-kt-panel-bar-r {
  display: inline-flex;
}

.v-kt-cal-ph {
  background-image: radial-gradient(circle at 50% 40%, #8f7dff1f, #8f7dff00 60%);
  padding: 3rem 1.5rem;
}

.v-kt-cal-box {
  grid-row-gap: 1rem;
  text-align: center;
  background-color: #0b0912b3;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
}

.v-kt-cal-text {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-kt-cal-slot {
  justify-content: center;
  display: flex;
}

.v-kt-cal-links {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: .5rem;
  display: flex;
}

.v-kt-cal-link {
  color: #b8abff;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  text-decoration: underline;
  display: inline-flex;
}

.v-kt-cal-target {
  width: 100%;
}

.v-konfigurator-head {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;
}

.v-konfigurator-statue {
  z-index: 0;
  opacity: .2;
  filter: saturate(.5) brightness(.6);
  pointer-events: none;
  width: 56%;
  max-width: none;
  height: auto;
  position: absolute;
  top: 3rem;
  right: -8%;
}

.v-konfigurator-head-inner {
  z-index: 1;
  position: relative;
}

.v-konfigurator-head-grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 27.5rem;
  align-items: end;
  gap: 2rem 4rem;
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: grid;
}

.v-konfigurator-h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.v-konfigurator-intro {
  flex-direction: column;
  row-gap: 1.25rem;
  padding-bottom: .5rem;
  display: flex;
}

.v-konfigurator-intro-text {
  color: #a39eb8;
  font-size: 1rem;
  line-height: 1.6;
}

.v-konfigurator-hint {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .625rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-hint-icon {
  color: #8f7dff;
  flex: none;
  width: 16px;
  height: 16px;
}

.v-konfigurator-progress {
  z-index: 5;
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  background-color: #120f1cd1;
  border: 1px solid #ffffff24;
  border-radius: 12px;
  padding: 1.5rem;
  position: sticky;
  top: 5.5rem;
  box-shadow: 0 24px 60px #6b57ff24;
}

.v-konfigurator-progress-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem 1rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.v-konfigurator-progress-label {
  color: #b8abff;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
}

.v-konfigurator-progress-meta {
  align-items: center;
  display: flex;
}

.v-konfigurator-site-link {
  color: #edf0f5;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
}

.v-konfigurator-saved {
  color: #c9c4db;
  align-items: center;
  column-gap: .5rem;
  min-height: 2.75rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.4;
  display: flex;
}

.v-konfigurator-saved-icon {
  color: #b8abff;
  flex: none;
  width: 14px;
  height: 14px;
}

.v-konfigurator-restart {
  color: #b8abff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  min-height: 2.75rem;
  padding: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  text-decoration: underline;
}

.v-konfigurator-steps {
  align-items: center;
  column-gap: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-konfigurator-step {
  flex: 1 1 0;
  align-items: center;
  column-gap: 1rem;
  min-width: 0;
  display: flex;
}

.v-konfigurator-step-btn {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: default;
  background-color: #0000;
  border-style: none;
  flex: none;
  justify-content: center;
  align-items: center;
  column-gap: .75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .8125rem;
  line-height: 1.3;
  display: inline-flex;
}

.v-konfigurator-step-num {
  color: #c9c4db;
  border: 1px solid #ffffff2e;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  font-weight: 500;
  display: flex;
}

.v-konfigurator-step-label {
  white-space: nowrap;
}

.v-res-crumbs {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem .625rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.4;
  display: flex;
}

.v-res-crumb-link {
  color: #a39eb8;
  justify-content: center;
  align-items: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.v-res-crumb-link:hover {
  color: #edf0f5;
}

.v-res-crumb-sep {
  color: #ffffff4d;
  margin: 0;
}

.v-res-crumb-current {
  color: #edf0f5;
  margin: 0;
}

.v-res-listing {
  padding-bottom: 6rem;
  position: relative;
}

.v-res-filter {
  z-index: 20;
  border-bottom: 1px solid #fff0;
  position: sticky;
  top: 5rem;
}

.v-res-filter-inner {
  justify-content: space-between;
  align-items: center;
  gap: .75rem 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.v-res-chips {
  column-gap: .5rem;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.v-res-sort {
  flex: none;
  align-items: center;
  column-gap: .875rem;
  display: flex;
}

.v-res-total {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-res-sort-slot {
  display: flex;
}

.v-res-featured-wrap {
  padding-top: 2.5rem;
}

.v-res-gridwrap {
  flex-direction: column;
  display: flex;
}

.v-res-slot-card {
  background-color: #ffffff04;
  border: 1px dashed #ffffff2e;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 24rem;
  padding: 1.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-res-slot-lens {
  width: 9rem;
  height: auto;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.v-res-slot-body {
  flex-direction: column;
  align-items: flex-start;
  row-gap: .875rem;
  display: flex;
  position: relative;
}

.v-res-empty {
  flex-direction: column;
  align-items: flex-start;
  row-gap: .75rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.v-res-empty-text {
  color: #edf0f5;
  margin: 0;
  font-size: 1.125rem;
}

.v-res-more {
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
  margin-top: 3rem;
  display: flex;
}

.v-res-more-stat {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-res-more-bar {
  background-color: #ffffff24;
  width: 12rem;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.v-kt-note {
  grid-row-gap: .75rem;
}

.v-kt-note-text {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
}

.v-kt-form-panel {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  padding: 2rem;
}

.v-kt-form-block {
  margin-bottom: 0;
}

.v-kt-form, .v-kt-form._w-form {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.v-kt-form-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.v-kt-span2 {
  grid-column-start: span 2;
}

.v-kt-select {
  cursor: pointer;
  height: 3rem;
  padding-top: 0;
  padding-bottom: 0;
}

.v-kt-hp {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -10000px;
  overflow: hidden;
}

.v-kt-consent-text {
  color: #a39eb8;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.v-kt-submit-row {
  grid-column-gap: 1.25rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.v-kt-submit {
  padding-right: 1.5rem;
}

.v-kt-hint {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.v-kt-legal {
  color: #a39eb8;
  border-top: 1px solid #ffffff14;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.25rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.v-kt-state-title {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  line-height: 1.2;
}

.v-kt-state-text {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.v-gf-term {
  grid-column-gap: 2rem;
  color: #edf0f5;
  border-bottom: 1px solid #ffffff1a;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  min-height: 2.75rem;
  padding: 1.5rem 1.5rem 1.5rem 0;
  text-decoration: none;
  transition: background-color .2s, padding .2s, border-color .2s;
  display: flex;
  position: relative;
}

.v-gf-term-body {
  grid-row-gap: .5rem;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.v-gf-term-name {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-gf-term-def {
  color: #a39eb8;
  max-width: 58rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.v-gf-term-arrow {
  color: #edf0f5;
  border: 1px solid #ffffff29;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  transition: background-color .2s, border-color .2s, transform .2s, color .2s;
  display: flex;
}

.v-res-featured {
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: center;
  gap: 1.5rem 3.5rem;
  padding: .5rem;
  text-decoration: none;
  transition: border-color .24s ease-in-out, background-color .24s ease-in-out;
  display: grid;
}

.v-res-featured:hover {
  background-color: #ffffff0e;
  border-color: #8f7dff80;
}

.v-res-featured-media {
  aspect-ratio: 720 / 520;
  background-color: #0e0b17;
  border-radius: .625rem;
  position: relative;
  overflow: hidden;
}

.v-res-badge {
  z-index: 2;
  color: #edf0f5;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0b091299;
  border: 1px solid #ffffff24;
  border-radius: 62.5rem;
  margin: 0;
  padding: .375rem .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.v-res-lens {
  z-index: 1;
  width: 24%;
  height: auto;
  position: absolute;
  top: 7%;
  right: 5%;
}

.v-res-featured-body {
  flex-direction: column;
  row-gap: 1.25rem;
  padding: 2rem 2.5rem 2rem 0;
  display: flex;
}

.v-res-featured-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.75rem;
  font-weight: 400;
  line-height: 1.08;
}

.v-res-featured-teaser {
  color: #a39eb8;
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
}

.v-res-featured-meta {
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem;
  display: flex;
}

.v-res-author {
  align-items: center;
  column-gap: .75rem;
  display: flex;
}

.v-res-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
}

.v-res-avatar.is-lg {
  width: 3.25rem;
  height: 3.25rem;
}

.v-res-author-txt {
  flex-direction: column;
  row-gap: .25rem;
  display: flex;
}

.v-res-author-name {
  color: #edf0f5;
  margin: 0;
  font-size: .9375rem;
  font-weight: 500;
}

.v-kt-data {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #ffffff14;
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 3.5rem;
  display: grid;
  overflow: hidden;
}

.v-kt-cell {
  grid-column-gap: 1rem;
  background-color: #110e19;
  align-items: flex-start;
  padding: 1.5rem;
  transition-property: background-color;
  transition-duration: .25s;
  display: flex;
}

.v-kt-cell:hover {
  background-color: #15121e;
}

.v-kt-cell-wide {
  grid-column-start: span 2;
}

.v-kt-cell-body {
  grid-row-gap: .375rem;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.v-kt-cell-k {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-kt-cell-v {
  color: #edf0f5;
  overflow-wrap: anywhere;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.v-kt-cell-link {
  align-items: center;
  min-height: 2.75rem;
  text-decoration: none;
  display: inline-flex;
}

.v-kt-cell-link:hover {
  color: #b8abff;
}

.v-kt-addr {
  color: #edf0f5;
  margin-bottom: .5rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5;
}

.v-kt-flow {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-image: linear-gradient(90deg, #ffffffe6, #8f7dff 40%, #8f7dff26);
  background-position: 0 .4rem;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 3.5rem;
  margin-bottom: 0;
  padding-top: 2.5rem;
  padding-left: 0;
  list-style-type: none;
  display: grid;
  position: relative;
}

.v-kt-flow-item {
  display: flex;
  position: relative;
}

.v-kt-flow-node {
  background-color: #0b0912;
  border: 1px solid #edf0f5;
  border-radius: 2px;
  width: .75rem;
  height: .75rem;
  position: absolute;
  top: -2.5rem;
  left: 1.5rem;
  box-shadow: 0 0 12px #8f7dffcc;
}

.v-kt-flow-card {
  width: 100%;
  min-height: 13rem;
}

.v-kt-faq {
  grid-row-gap: .75rem;
  flex-direction: column;
  max-width: 56rem;
  margin-top: 3rem;
  margin-left: auto;
  display: flex;
}

.v-konfigurator-body {
  padding-top: 3rem;
}

.v-konfigurator-live {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.v-konfigurator-form, .v-konfigurator-form._w-form {
  margin-bottom: 0;
}

.v-konfigurator-panel {
  display: block;
}

.v-konfigurator-panel-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem 2rem;
  margin-bottom: 2rem;
  display: flex;
}

.v-konfigurator-panel-titles {
  flex-direction: column;
  row-gap: .75rem;
  display: flex;
}

.v-konfigurator-panel-title {
  margin-top: 0;
  margin-bottom: 0;
}

.v-konfigurator-help {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.v-konfigurator-counter {
  color: #edf0f5;
  letter-spacing: .07em;
  text-transform: uppercase;
  background-color: #8f7dff1a;
  border: 1px solid #8f7dff73;
  border-radius: 999px;
  flex: none;
  align-items: center;
  column-gap: .5rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
  display: inline-flex;
}

.v-konfigurator-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.v-konfigurator-task {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(150deg, #ffffff0e, #ffffff05 36%, #ccd9ff09 71%);
  border: 1px solid #ffffff38;
  border-radius: 12px;
  flex-direction: column;
  row-gap: 1.25rem;
  padding: 1.5rem;
  transition: border-color .22s, background-color .22s, box-shadow .3s, transform .22s;
  display: flex;
  position: relative;
}

.v-konfigurator-task-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.v-konfigurator-task-icon {
  color: #edf0f5;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  transition: border-color .22s, background-color .22s;
  display: flex;
}

.v-konfigurator-task-check {
  color: #0b0912;
  background-color: #ffffff08;
  border: 1px solid #ffffff47;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  transition: background-color .2s, border-color .2s, box-shadow .3s;
  display: flex;
}

.v-konfigurator-task-text {
  flex-direction: column;
  row-gap: .5rem;
  display: flex;
}

.v-konfigurator-task-title {
  color: #edf0f5;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.05;
}

.v-konfigurator-task-desc {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.45;
}

.v-konfigurator-other {
  max-width: 30rem;
  margin-top: 1.75rem;
}

.v-konfigurator-error {
  color: #ff9c9c;
  min-height: 0;
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.4;
}

.v-konfigurator-layout {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 18.5rem;
  align-items: start;
  display: grid;
}

.v-konfigurator-rows {
  flex-direction: column;
  row-gap: .75rem;
  min-width: 0;
  display: flex;
}

.v-konfigurator-side {
  background-color: #ffffff08;
  border: 1px solid #ffffff24;
  border-radius: 12px;
  padding: 1.25rem;
  position: sticky;
  top: 12.5rem;
  box-shadow: 0 24px 60px #6b57ff1f;
}

.v-konfigurator-side-eyebrow {
  color: #c9c4db;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
}

.v-konfigurator-rate {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 4px;
  align-items: center;
  column-gap: .625rem;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.v-konfigurator-rate-icon {
  color: #8f7dff;
  flex: none;
  width: 18px;
  height: 18px;
}

.v-konfigurator-rate-input, .v-konfigurator-rate-input._w-input {
  color: #edf0f5;
  background-color: #0000;
  border-style: none;
  flex: auto;
  width: 100%;
  min-width: 0;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.v-konfigurator-rate-unit {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  flex: none;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
}

.v-konfigurator-side-help {
  color: #a39eb8;
  margin-top: .75rem;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.45;
}

.v-konfigurator-stats {
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  row-gap: .25rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  display: flex;
}

.v-konfigurator-stat {
  color: #c9c4db;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  min-height: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.4;
  display: flex;
}

.v-konfigurator-stat-val {
  color: #edf0f5;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-konfigurator-side-note {
  color: #a39eb8;
  align-items: flex-start;
  column-gap: .625rem;
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.45;
  display: flex;
}

.v-konfigurator-note-icon {
  color: #b8abff;
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.v-konfigurator-empty {
  color: #edf0f5;
  border: 1px dashed #b8abff80;
  border-radius: 12px;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.v-konfigurator-tiles {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  display: grid;
}

.v-konfigurator-tile {
  background-image: linear-gradient(150deg, #ffffff0e, #ffffff05 36%, #ccd9ff09 71%);
  border: 1px solid #ffffff24;
  border-radius: 12px;
  flex-direction: column;
  row-gap: 1rem;
  min-width: 0;
  padding: 1.5rem;
  display: flex;
}

.v-konfigurator-tile-save {
  background-image: linear-gradient(148deg, #8f7dff29, #8f7dff0d 71%);
  border-color: #bfb2ff;
  grid-row: 1 / span 2;
  grid-column-start: 2;
  padding: 1.75rem;
  box-shadow: 0 24px 60px #6b57ff38;
}

.v-konfigurator-tile-label {
  color: #b8abff;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .625rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-tile-icon {
  color: #b8abff;
  flex: none;
  width: 16px;
  height: 16px;
}

.v-konfigurator-tile-value {
  flex-wrap: wrap;
  align-items: baseline;
  gap: .25rem .625rem;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.v-konfigurator-num {
  color: #edf0f5;
  letter-spacing: -.02em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-family: Instrument Serif, sans-serif;
  font-size: 4.5rem;
  line-height: .95;
}

.v-konfigurator-num-sep {
  color: #edf0f5;
  font-family: Instrument Serif, sans-serif;
  font-size: 4.5rem;
  line-height: .95;
}

.v-konfigurator-unit {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
}

.v-konfigurator-tile-sub {
  color: #b8abff;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.5;
}

.v-konfigurator-band {
  background-color: #ffffff12;
  border-radius: 6px;
  height: .75rem;
  margin-top: 1.75rem;
  position: relative;
}

.v-konfigurator-band-fill {
  transform-origin: 50%;
  background-image: linear-gradient(90deg, #8f7dff8c, #b8abff);
  border-radius: 6px;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: 0 30%;
  box-shadow: 0 0 12px #6b57ff99;
}

.v-konfigurator-band-mark {
  color: #b8abff;
  letter-spacing: .07em;
  white-space: nowrap;
  margin-bottom: .375rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  transition: opacity .4s;
  position: absolute;
  bottom: 100%;
  left: 30%;
  transform: translateX(-50%);
}

.v-konfigurator-band-mark-end {
  left: 70%;
}

.v-konfigurator-band-scale {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  justify-content: space-between;
  column-gap: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-tile-note {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.45;
}

.v-konfigurator-tile-hours {
  grid-row-start: 1;
  grid-column-start: 1;
}

.v-konfigurator-tile-cost {
  grid-row-start: 2;
  grid-column-start: 1;
}

.v-konfigurator-breakdown {
  background-color: #ffffff05;
  border: 1px solid #ffffff24;
  border-radius: 12px;
  margin-top: 1rem;
  padding: 1.5rem;
}

.v-konfigurator-breakdown-title {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-konfigurator-breakdown-rows {
  flex-direction: column;
  display: flex;
}

.v-konfigurator-breakdown-sum {
  color: #b8abff;
  letter-spacing: .07em;
  text-transform: uppercase;
  border-top: 1px solid #ffffff24;
  justify-content: space-between;
  column-gap: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-disclaimer {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border: 1px solid #ffffff24;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  margin-top: 1rem;
  padding: 1.5rem;
  display: grid;
}

.v-konfigurator-disclaimer-col {
  flex-direction: column;
  row-gap: .75rem;
  display: flex;
}

.v-konfigurator-disclaimer-label {
  color: #edf0f5;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .5rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-disclaimer-text {
  color: #c9c4db;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.55;
}

.v-konfigurator-layout-contact {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 20.75rem;
  column-gap: 1.25rem;
}

.v-konfigurator-card {
  background-image: linear-gradient(150deg, #ffffff0e, #ffffff05 36%, #ccd9ff09 71%);
  border: 1px solid #ffffff24;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 24px 60px #6b57ff1f;
}

.v-konfigurator-fields {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem .75rem;
  display: grid;
}

.v-konfigurator-field {
  min-width: 0;
}

.v-konfigurator-req {
  color: #8f7dff;
}

.v-konfigurator-field-full {
  grid-column: 1 / -1;
}

.v-konfigurator-textarea {
  resize: vertical;
  min-height: 5.5rem;
}

.v-konfigurator-consent {
  margin-top: 1.25rem;
}

.v-konfigurator-check {
  color: #c9c4db;
  cursor: pointer;
  align-items: flex-start;
  column-gap: .75rem;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.v-konfigurator-check-text {
  flex: auto;
}

.v-konfigurator-actions {
  border-bottom: 1px solid #ffffff1a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem 1rem;
  margin-top: 1.5rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.v-konfigurator-back {
  justify-content: center;
  column-gap: .5rem;
  padding-left: 1rem;
  padding-right: 1.25rem;
}

.v-konfigurator-back-icon {
  flex: none;
  width: 16px;
  height: 16px;
}

.v-konfigurator-submit {
  appearance: none;
  background-image: linear-gradient(#a18fff, #a18fff);
  background-repeat: no-repeat;
  background-size: 2.25rem 2.25rem;
  border-radius: 4px;
  padding-right: 3.75rem;
}

.v-konfigurator-trust {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  flex-wrap: wrap;
  gap: .5rem 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-trust-icon {
  color: #b8abff;
  vertical-align: -2px;
  width: 14px;
  height: 14px;
  margin-right: .375rem;
}

.v-konfigurator-summary-col {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
  position: sticky;
  top: 12.5rem;
}

.v-konfigurator-summary {
  background-image: linear-gradient(150deg, #8f7dff29, #8f7dff0d 71%);
  border: 1px solid #8f7dff;
  border-radius: 12px;
  padding: 1.25rem;
  box-shadow: 0 24px 60px #6b57ff38;
}

.v-konfigurator-summary-head {
  border-bottom: 1px solid #ffffff1f;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.v-konfigurator-summary-title {
  color: #edf0f5;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-konfigurator-summary-hint {
  color: #b8abff;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  column-gap: .375rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-summary-block {
  cursor: pointer;
  border-bottom: 1px solid #ffffff1f;
  flex-direction: column;
  row-gap: .5rem;
  padding-top: .875rem;
  padding-bottom: .875rem;
  display: flex;
}

.v-konfigurator-summary-row {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-summary-link {
  color: #b8abff;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  min-height: 2.75rem;
  margin-top: -.75rem;
  margin-bottom: -.75rem;
  padding: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-konfigurator-chips {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-wrap: wrap;
  display: flex;
}

.v-konfigurator-summary-text {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.45;
}

.v-konfigurator-summary-big {
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: .5rem;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.v-konfigurator-summary-num {
  color: #edf0f5;
  font-variant-numeric: tabular-nums;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
}

.v-konfigurator-summary-save {
  color: #b8abff;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  line-height: 1.5;
}

.v-konfigurator-band-mini {
  height: .375rem;
  margin-top: .25rem;
}

.v-konfigurator-alt {
  color: #c9c4db;
  border: 1px solid #ffffff24;
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem .625rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  line-height: 1.4;
  display: flex;
}

.v-konfigurator-alt-link {
  color: #b8abff;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  text-decoration: none;
  display: inline-flex;
}

.v-konfigurator-nav {
  border-top: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  display: flex;
}

.v-konfigurator-nav-right {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .75rem 1rem;
  display: flex;
}

.v-konfigurator-enter {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .5rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-kbd {
  color: #edf0f5;
  border: 1px solid #ffffff40;
  border-radius: 4px;
  padding: .25rem .375rem;
}

.v-konfigurator-termin {
  display: none;
}

.v-konfigurator-next {
  border-style: solid;
}

.v-konfigurator-fail {
  background-color: #ff78780f;
  border: 1px solid #ff787873;
  border-radius: 12px;
  margin-top: 1.5rem;
  padding: 1.5rem;
  display: none;
}

.v-konfigurator-fail-label {
  color: #ff9c9c;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .5rem;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.3;
  display: flex;
}

.v-konfigurator-fail-text {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.v-konfigurator-done {
  padding-top: 2.5rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.v-konfigurator-done-statue {
  z-index: 0;
  pointer-events: none;
  width: 62%;
  max-width: none;
  height: auto;
  position: absolute;
  bottom: 0;
  right: -8%;
}

.v-konfigurator-done-inner {
  z-index: 1;
  position: relative;
}

.v-konfigurator-progress-done {
  margin-top: 2.5rem;
  position: relative;
  top: 0;
}

.v-konfigurator-progress-count {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.3;
}

.v-konfigurator-done-content {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.75rem;
  max-width: 41rem;
  margin-top: 2.5rem;
  display: flex;
}

.v-konfigurator-done-check {
  color: #edf0f5;
  background-color: #8f7dff24;
  border: 1px solid #8f7dff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
  display: flex;
  box-shadow: 0 0 40px #6b57ff80;
}

.v-konfigurator-done-check-icon {
  width: 28px;
  height: 28px;
}

.v-konfigurator-done-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
}

.v-konfigurator-done-text {
  color: #a39eb8;
}

.v-konfigurator-next-steps {
  background-color: #0b0912b3;
  border: 1px solid #ffffff24;
  border-radius: 12px;
  align-self: stretch;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 24px 60px #6b57ff24;
}

.v-konfigurator-next-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.v-konfigurator-next-item {
  color: #edf0f5;
  border-top: 1px solid #ffffff14;
  align-items: center;
  column-gap: 1rem;
  padding-top: .875rem;
  padding-bottom: .875rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  display: flex;
}

.v-konfigurator-next-num {
  color: #c9c4db;
  border: 1px solid #fff3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: flex;
}

.v-konfigurator-done-est {
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.4;
}

.v-konfigurator-done-actions {
  row-gap: .75rem;
}

.v-uebersicht-uhero-art {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 2.5rem 0 0 29.17%;
}

.v-uebersicht-uhero-img {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.v-uebersicht-chips {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.v-uebersicht-chip {
  grid-column-gap: .5rem;
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .25rem;
  align-items: center;
  min-height: 2.125rem;
  padding-left: .75rem;
  padding-right: .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: flex;
}

.v-uebersicht-person {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr);
  align-items: start;
  display: grid;
}

.v-uebersicht-person-copy {
  flex-direction: column;
  align-items: flex-start;
  max-width: 32rem;
  display: flex;
}

.v-uebersicht-person-role {
  grid-column-gap: .625rem;
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 1.25rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: flex;
}

.v-uebersicht-person-text {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}

.v-uebersicht-person-contact {
  border-top: 1px solid #ffffff1a;
  width: 100%;
  padding-top: 1.25rem;
}

.v-uebersicht-person-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-person-links {
  grid-column-gap: 1.75rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  display: flex;
}

.v-uebersicht-direct-link {
  grid-column-gap: .625rem;
  color: #edf0f5;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  transition-property: color;
  transition-duration: .2s;
  display: flex;
}

.v-uebersicht-direct-link:hover {
  color: #b8abff;
}

.v-uebersicht-portrait {
  aspect-ratio: 665 / 642;
  background-color: #14111f;
  border: 1px solid #ffffff1a;
  border-radius: .75rem;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-portrait-img {
  object-fit: cover;
  object-position: 60% 20%;
  width: 100%;
  height: 100%;
  display: block;
}

.v-uebersicht-portrait-cap {
  z-index: 2;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}

.v-uebersicht-portrait-name {
  color: #edf0f5;
  font-family: Instrument Serif, sans-serif;
  font-size: 2rem;
  line-height: 1.05;
}

.v-uebersicht-portrait-role {
  color: #c9c4db;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-portrait-lens {
  z-index: 2;
  width: 12rem;
  height: auto;
  position: absolute;
  bottom: 1rem;
  right: 1.25rem;
}

.v-uebersicht-values {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.v-uebersicht-value {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  flex-direction: column;
  padding: 2rem;
  transition: transform .26s ease-in-out, border-color .26s ease-in-out, background-color .26s ease-in-out;
  display: flex;
}

.v-uebersicht-value:hover {
  background-color: #ffffff0f;
  border-color: #ffffff38;
}

.v-uebersicht-value-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.v-uebersicht-value-num {
  color: #a39eb8;
  letter-spacing: .08em;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-value-icon {
  width: 4.5rem;
  height: 4.5rem;
  display: block;
}

.v-uebersicht-value-title {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.12;
}

.v-uebersicht-value-text {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-uebersicht-pay {
  grid-column-gap: 4rem;
  grid-row-gap: 1.75rem;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .85fr);
  align-items: center;
  margin-top: 3.5rem;
  padding: 1.75rem 1.5rem;
  display: grid;
}

.v-uebersicht-pay-copy {
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.v-uebersicht-pay-title {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
}

.v-uebersicht-pay-note {
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: .875rem;
}

.v-uebersicht-pay-bar {
  grid-row-gap: .625rem;
  flex-direction: column;
  display: flex;
}

.v-uebersicht-pay-track {
  background-color: #ffffff1a;
  border-radius: 62.5rem;
  height: .375rem;
  position: relative;
  overflow: hidden;
}

.v-uebersicht-pay-fill {
  background-color: #8f7dff;
  border-radius: 62.5rem;
  width: 40%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.v-uebersicht-pay-labels {
  grid-template-rows: auto;
  grid-template-columns: 40% 60%;
  display: grid;
}

.v-uebersicht-pay-l1 {
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-pay-l2 {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-brands {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.v-uebersicht-brand-li {
  display: flex;
}

.v-uebersicht-brand {
  color: #edf0f5;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 14.5rem;
  padding: 1.75rem;
  text-decoration: none;
  transition: border-color .26s ease-in-out, letter-spacing .26s ease-in-out, background-color .26s ease-in-out;
  display: flex;
}

.v-uebersicht-brand:hover {
  background-color: #ffffff0d;
  border-color: #ffffff47;
}

.v-uebersicht-brand-self {
  color: #edf0f5;
  background-color: #8f7dff14;
  background-image: radial-gradient(90% 90% at 60% 40%, #8f7dff59, #8f7dff00 75%);
  border: 1px solid #8f7dff99;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 14.5rem;
  padding: 1.75rem;
  display: flex;
}

.v-uebersicht-brand-num {
  color: #a39eb8;
  letter-spacing: .08em;
  margin-bottom: auto;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-uebersicht-wm-serif {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin-top: 3rem;
  margin-bottom: .75rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
}

.v-uebersicht-wm-italic {
  color: #edf0f5;
  margin-top: 3rem;
  margin-bottom: .75rem;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.25rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.v-uebersicht-wm-mono {
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 3rem;
  margin-bottom: .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.1;
}

.v-uebersicht-brand-sub {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  line-height: 1.4;
}

.v-uebersicht-place {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.07fr);
  align-items: start;
  display: grid;
}

.v-uebersicht-place-copy {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.v-uebersicht-place-text {
  color: #a39eb8;
  max-width: 32rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}

.v-uebersicht-address {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  padding: 1.5rem;
  position: relative;
}

.v-uebersicht-address-label {
  grid-column-gap: .625rem;
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: flex;
}

.v-uebersicht-address-text {
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.v-uebersicht-route {
  grid-column-gap: .5rem;
  color: #b8abff;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  text-decoration: none;
  transition-property: color;
  transition-duration: .2s;
  display: inline-flex;
}

.v-uebersicht-route:hover {
  color: #edf0f5;
}

.v-uebersicht-map {
  background-color: #0b0912;
  border: 1px solid #ffffff1f;
  border-radius: .75rem;
  overflow: hidden;
}

.v-uebersicht-map-img {
  width: 100%;
  height: auto;
  display: block;
}

.v-konfigurator-hide {
  display: none;
}

.v-gf-thero {
  padding-top: 10.5rem;
  padding-bottom: 3.5rem;
  position: relative;
  overflow: hidden;
}

.v-gf-thero-in {
  z-index: 1;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.v-gf-crumbs {
  grid-column-gap: .625rem;
  grid-row-gap: .25rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: .5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  display: flex;
}

.v-gf-crumb {
  color: #a39eb8;
  align-items: center;
  min-height: 2.75rem;
  text-decoration: none;
  display: inline-flex;
}

.v-gf-crumb-sep {
  color: #edf0f54d;
}

.v-gf-crumb-cur {
  color: #edf0f5;
}

.v-gf-meta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.v-gf-meta-chip {
  color: #edf0f5;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #ffffff24;
  border-radius: 62.5rem;
  align-items: center;
  min-height: 2.75rem;
  padding: 0 1.125rem;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
  text-decoration: none;
  display: inline-flex;
}

.v-gf-tbody {
  padding-top: 1rem;
  padding-bottom: 6rem;
  position: relative;
}

.v-gf-tgrid {
  grid-column-gap: 6rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 27.5rem;
  align-items: start;
  display: grid;
}

.v-gf-article {
  grid-row-gap: 2rem;
  flex-direction: column;
  min-width: 0;
  max-width: 52rem;
  display: flex;
}

.v-gf-def {
  grid-row-gap: 1rem;
  background-image: radial-gradient(70% 90% at 85% 0, #8f7dff42, #8f7dff00 70%), linear-gradient(#ffffff0d, #ffffff05);
  border: 1px solid #ffffff1f;
  border-radius: 1rem;
  flex-direction: column;
  padding: 2.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-gf-def-text {
  color: #edf0f5;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.125rem;
  line-height: 1.2;
}

.v-gf-h2 {
  color: #edf0f5;
  margin: 1rem 0 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.v-gf-example {
  grid-column-gap: 1.25rem;
  background-color: #8f7dff12;
  border: 1px solid #8f7dff59;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
}

.v-gf-example-body {
  grid-row-gap: .75rem;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.v-gf-side {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 8rem;
}

.v-gf-side-block {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.v-gf-related-src {
  display: none;
}

.v-gf-related {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.v-gf-service {
  grid-row-gap: .75rem;
  color: #edf0f5;
  background-image: linear-gradient(#ffffff0d, #ffffff04);
  border: 1px solid #ffffff1f;
  border-radius: 1rem;
  flex-direction: column;
  padding: 1.75rem;
  text-decoration: none;
  transition: border-color .22s;
  display: flex;
}

.v-gf-service-kicker {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-gf-service-name {
  color: #edf0f5;
  font-family: Instrument Serif, sans-serif;
  font-size: 2rem;
  line-height: 1.1;
}

.v-gf-pn-sec {
  padding-bottom: 4rem;
}

.v-gf-pn {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.v-gf-all {
  display: none;
}

.v-sr-only {
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.v-cal {
  width: 100%;
  margin-top: 1.5em;
  position: relative;
}

.v-cal-ph {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #ffffff08;
  border: 1px solid #ffffff24;
  border-radius: .666667em;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em;
  display: flex;
}

.v-cal-title {
  color: #edf0f5;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75em;
  line-height: 1.1;
}

.v-cal-text {
  color: #c9c4db;
  margin: 0;
  font-family: Geist, sans-serif;
  font-size: 1em;
  line-height: 1.55;
}

.v-cal-actions {
  grid-column-gap: 1.5em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.v-cal-ph-btn {
  display: inline-block;
}

.v-cal-alt {
  color: #edf0f5;
  font-family: Geist, sans-serif;
  font-size: .9375em;
  text-decoration: none;
}

.v-cal-privacy {
  color: #b8abff;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-underline-offset: 3px;
  align-items: center;
  min-height: 2.75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75em;
  text-decoration: underline;
  display: inline-flex;
}

.v-cal-target {
  width: 100%;
}

.v-branche-case {
  grid-column-gap: 3rem;
  grid-row-gap: 1.5rem;
  background-color: #ffffff08;
  background-image: radial-gradient(at 0 0, #8f7dff33, #8f7dff00 60%);
  border: 1px solid #8f7dff4d;
  border-radius: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  margin-top: 3rem;
  padding: 2.5rem;
  display: grid;
}

.v-res-art-hero {
  padding-top: 5.5rem;
  padding-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

.v-res-progress {
  z-index: 40;
  pointer-events: none;
  height: 2px;
  left: 0;
  right: 0;
  top: var(--v-header-h, 5rem);
  background-color: #ffffff0f;
  position: fixed;
}

.v-res-progress-bar {
  background-color: #8f7dff;
  height: 100%;
  box-shadow: 0 0 8px #8f7dff99;
}

.v-res-art-head {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.5rem;
  max-width: 74rem;
  display: flex;
  position: relative;
}

.v-res-pill {
  color: #b8abff;
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 1px solid #ffffff24;
  border-radius: 62.5rem;
  align-items: center;
  column-gap: .5rem;
  padding: .5rem .875rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  display: inline-flex;
}

.v-res-art-title {
  color: #edf0f5;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 5.25rem;
  font-weight: 400;
  line-height: 1.02;
}

.v-res-art-teaser {
  color: #a39eb8;
  max-width: 44rem;
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.6;
}

.v-res-art-meta {
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 2rem;
  width: 100%;
  padding-top: 1.5rem;
  display: flex;
}

.v-res-author-role {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .6875rem;
}

.v-res-art-media {
  aspect-ratio: 1596 / 930;
  background-color: #0e0b17;
  border-radius: 1rem;
  margin-top: 2.5rem;
  position: relative;
  overflow: hidden;
}

.v-res-art-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.v-res-art {
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.v-res-art-grid {
  grid-template-rows: auto;
  grid-template-columns: 13rem minmax(0, 45rem) 19.5rem;
  justify-content: space-between;
  align-items: start;
  column-gap: 2rem;
  display: grid;
}

.v-res-toc-col {
  align-self: start;
  position: sticky;
  top: 7rem;
}

.v-res-toc {
  flex-direction: column;
  row-gap: .75rem;
  display: flex;
}

.v-res-toc-head {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  column-gap: .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  display: flex;
}

.v-res-toc-num {
  margin: 0;
  display: none;
}

.v-res-toc-pct {
  color: #b8abff;
  margin: 0 0 0 auto;
}

.v-res-toc-bar {
  background-color: #ffffff1f;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.v-res-toc-bar-in {
  background-color: #8f7dff;
  position: absolute;
  inset: 0;
}

.v-res-toc-panel {
  display: grid;
}

.v-res-toc-inner {
  flex-direction: column;
  row-gap: 1.25rem;
  min-height: 0;
  display: flex;
}

.v-res-top {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  text-decoration: none;
}

.v-res-art-main {
  flex-direction: column;
  row-gap: 3rem;
  min-width: 0;
  display: flex;
}

.v-res-share {
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  padding-top: 1.5rem;
  display: flex;
}

.v-res-share-label {
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0 .5rem 0 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-res-share-btn {
  color: #edf0f5;
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 1px solid #ffffff24;
  border-radius: 4px;
  align-items: center;
  min-height: 2.75rem;
  padding: 0 1rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  text-decoration: none;
  transition: border-color .24s ease-in-out;
  display: inline-flex;
  position: relative;
}

.v-res-share-btn:hover {
  border-color: #8f7dff99;
}

.v-res-tip {
  opacity: 0;
  pointer-events: none;
  color: #0b0912;
  white-space: nowrap;
  background-color: #edf0f5;
  border-radius: 4px;
  padding: .375rem .625rem;
  transition: opacity .2s;
  position: absolute;
  bottom: calc(100% + .5rem);
  left: 50%;
}

.v-res-cta-col {
  align-self: start;
  position: sticky;
  top: 7rem;
}

.v-res-cta-card {
  background-color: #ffffff08;
  background-image: linear-gradient(160deg, #8f7dff24, #fff0 60%);
  border: 1px solid #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25rem;
  padding: 1.5rem;
  display: flex;
}

.v-res-cta-title {
  color: #edf0f5;
  margin: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 1.75rem;
  line-height: 1.12;
}

.v-res-cta-text {
  color: #a39eb8;
  margin: 0;
  font-size: .9375rem;
  line-height: 1.55;
}

.v-res-cta-rel {
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  align-items: flex-start;
  row-gap: .625rem;
  width: 100%;
  padding-top: 1.25rem;
  display: flex;
}

.v-res-scrim {
  z-index: 30;
  opacity: 0;
  pointer-events: none;
  background-color: #0b0912b8;
  transition: opacity .3s;
  position: fixed;
  inset: 0;
}

.v-res-toc-toggle {
  pointer-events: none;
  color: #a39eb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .5rem;
  min-height: 2.75rem;
  font-family: Geist Mono, monospace;
  font-size: .75rem;
  display: flex;
}

.v-branche-quote-muted {
  color: #a39eb8;
}

.v-branche-casehint {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  background-color: #ffffff05;
  border: 1px dashed #fff3;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
  padding: 1.5rem 2rem;
  display: flex;
}

.v-branche-casehint-copy {
  grid-row-gap: .5rem;
  flex-direction: column;
  max-width: 48rem;
  display: flex;
}

.v-branche-casehint-title {
  font-family: var(--_tokens---font-sans);
  color: #edf0f5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  font-weight: 500;
}

.v-w3-glow-wrap {
  z-index: 1;
  pointer-events: none;
  width: 28rem;
  height: 28rem;
  margin-top: -14rem;
  margin-left: -14rem;
  position: absolute;
  top: 33%;
  left: 78%;
}

.v-w3-glow {
  mix-blend-mode: screen;
  will-change: transform;
  background-image: radial-gradient(closest-side, #8f7dff6b, #8f7dff1f 55%, #8f7dff00 100%);
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.v-branche-pre-wrap {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.v-branche-pre-grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.v-branche-pre {
  grid-column-gap: .875rem;
  min-height: 3rem;
  font-family: var(--_tokens---font-sans);
  color: #edf0f5;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  align-items: center;
  padding: .75rem 1rem;
  font-size: .9375rem;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.v-branche-pre:hover {
  border-color: #ffffff3d;
}

.v-branche-pre.is-checked {
  background-color: #8f7dff29;
  border-color: #8f7dffb3;
}

.v-branche-pre-box {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875rem .875rem;
  border: 1px solid #ffffff59;
  border-radius: .25rem;
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
  display: block;
}

.v-branche-pre-box.is-checked {
  background-color: #8f7dff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
  border-color: #8f7dff;
}

.v-w3-map-svg {
  width: 100%;
  height: auto;
  display: block;
}

.v-leistung-pkg-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #a39eb8;
  flex-direction: column;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-left: 1.125rem;
  font-size: .9375rem;
  line-height: 1.5;
  list-style-type: disc;
  display: flex;
}

.v-seo-related {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  display: flex;
}

.v-seo-related-label {
  color: #a39eb8;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
}

.v-seo-related-link {
  color: #edf0f5;
  text-underline-offset: .25em;
  align-items: center;
  min-height: 2.75rem;
  font-size: 1rem;
  -webkit-text-decoration: underline #8f7dff99;
  text-decoration: underline #8f7dff99;
  display: inline-flex;
}

.v-home-cardlink {
  z-index: 6;
  border-radius: 8px;
  display: block;
  position: absolute;
  inset: 0;
}

.v-rechtliches-icon-box {
  background-color: #8f7dff24;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  border: 1px solid #8f7dff4d;
  border-radius: .5rem;
  grid-row: span 2 / span 2;
  width: 2.75rem;
  height: 2.75rem;
  transition: background-color .2s;
}

.v-rechtliches-icon-box.is-phone {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%220 0 17.5917 17.5918%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M16.8417 12.6668V15.1668C16.8429 15.4004 16.7949 15.6317 16.7009 15.8456C16.6069 16.0595 16.469 16.2512 16.2962 16.4084C16.1233 16.5655 15.9193 16.6846 15.6975 16.7578C15.4756 16.831 15.2408 16.8568 15.0084 16.8334C12.5385 16.5545 10.1691 15.6981 8.09169 14.3334C6.14098 13.1021 4.48973 11.4508 3.25836 9.50011C1.89368 7.42274 1.03725 5.05326 0.758357 2.58344C0.734991 2.35098 0.760759 2.1162 0.833989 1.89435C0.907219 1.67249 1.02628 1.4685 1.18343 1.29563C1.34059 1.12276 1.53234 0.984857 1.74623 0.890877C1.96013 0.796896 2.19139 0.748935 2.42502 0.750107H4.92502C5.32696 0.745563 5.717 0.886435 6.02328 1.14677C6.32955 1.4071 6.53142 1.76935 6.59169 2.16677C6.67502 3.00011 6.92502 3.75011 7.17502 4.41677C7.28025 4.71777 7.29692 5.04263 7.22307 5.35282C7.14921 5.663 6.98793 5.94549 6.75836 6.16677L5.67502 7.25011C6.80579 9.27898 8.47948 10.9527 10.5084 12.0834L11.5917 11.0001C11.813 10.7705 12.0955 10.6092 12.4056 10.5354C12.7158 10.4615 13.0407 10.4782 13.3417 10.5834C14.0917 10.8334 14.8417 11.0834 15.5917 11.1668C15.9313 11.2536 16.2349 11.4453 16.4593 11.7146C16.6838 11.9839 16.8176 12.3171 16.8417 12.6668Z%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke=%22%23B8ABFF%22/%3E%3C/svg%3E");
}

.v-rechtliches-icon-box.is-mail {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%220 0 16.5 13.1667%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M2.41667 0.75H14.0833C15.0038 0.75 15.75 1.49619 15.75 2.41667V10.75C15.75 11.6705 15.0038 12.4167 14.0833 12.4167H2.41667C1.49619 12.4167 0.75 11.6705 0.75 10.75V2.41667C0.75 1.49619 1.49619 0.75 2.41667 0.75Z%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke=%22%23B8ABFF%22/%3E%3Cpath d=%22M1.16667 2.41667L8.25 7.41667L15.3333 2.41667%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke=%22%23B8ABFF%22/%3E%3C/svg%3E");
}

.v-branche-pain-ill {
  flex-shrink: 0;
  align-self: center;
  width: 6.5rem;
  height: 6.5rem;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.v-branche-step-dot {
  background-color: #edf0f5;
  width: 9px;
  height: 9px;
  position: absolute;
  top: -1.75rem;
  left: 0;
}

.v-branche-step-dot.v-branche-is-active {
  background-color: #8f7dff;
  box-shadow: 0 0 8px #8f7dffcc;
}

.v-cal-direct {
  color: #a39eb8;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-underline-offset: 3px;
  align-items: center;
  min-height: 2.75rem;
  margin-top: .5rem;
  font-family: Geist Mono, sans-serif;
  font-size: .75rem;
  line-height: 1.4;
  text-decoration: underline;
  display: none;
}

.v-branche-step-label {
  font-family: var(--_tokens---font-mono);
  color: #a39eb8;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .75rem;
  line-height: 1.3;
}

.v-branche-step-label.v-branche-is-active {
  color: #b8abff;
}

.v-branche-step-text {
  font-family: var(--_tokens---font-sans);
  color: #a39eb8;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.45;
}

.v-branche-approach-steps {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-image: linear-gradient(90deg, #8f7dff, #ffffff1f);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 4rem;
  margin-bottom: 0;
  padding: 1.75rem 0 0;
  list-style-type: none;
  display: grid;
  position: relative;
}

.v-branche-approach-step {
  grid-row-gap: .5rem;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.section_rb-test {
  position: relative;
}

.wrapper_rb-test {
  flex-direction: column;
  row-gap: 4em;
  display: flex;
}

.heading-styles-h1 {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.25em;
  font-weight: 400;
  line-height: 1;
}

.heading-styles-h1.branche-hero_h1 {
  max-width: 8.9em;
  color: var(--_colors---text-white);
  text-wrap: wrap;
  margin-top: .32em;
  margin-bottom: 0;
}

.heading-styles-h1.is-ovhero {
  max-width: 8.6em;
  color: var(--_colors---text-white);
  font-size: min(6.25em, 6.9444vw);
}

.heading-styles-h1.is-ovhero.is-ovl {
  max-width: 7.7em;
}

.heading-styles-h1.is-ovuhero {
  max-width: 8.2em;
  color: var(--_colors---text-white);
  font-size: min(6.25em, 6.9444vw);
}

.heading-styles-h1.is-ls-long {
  font-size: 4.5em;
  line-height: 1.02;
}

.heading-styles-h2 {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.625em;
  font-weight: 400;
  line-height: 1;
}

.heading-styles-h2.home-about_title {
  max-width: 7.45em;
  color: var(--_colors---text-white);
  grid-area: 1 / 1 / 2 / 2;
}

.heading-styles-h2.branche_head-title {
  -webkit-hyphens: manual;
  hyphens: manual;
  text-wrap: wrap;
  max-width: 9.6em;
}

.heading-styles-h2.branche-ansatz_title {
  text-wrap: wrap;
  max-width: 9.5em;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-styles-h2.is-ovend {
  color: var(--_colors---text-white);
  font-size: min(5.625em, 6.25vw);
}

.heading-styles-h2.is-ovend.is-ovb {
  max-width: 7.4em;
}

.heading-styles-h2.branche-faq_title {
  text-wrap: wrap;
  max-width: 8.5em;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-styles-h2.home-tech_title {
  max-width: 8.75em;
}

.heading-styles-h2.branche-cta_title {
  text-wrap: wrap;
  max-width: 10.5em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.375em;
  line-height: 1.02;
}

.heading-styles-h2.home-cta_title, .heading-styles-h2.is-ovperson {
  color: var(--_colors---text-white);
}

.heading-styles-h3 {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5em;
  font-weight: 400;
  line-height: 1;
}

.heading-styles-h3.is-ovrec {
  max-width: 7.5em;
  color: var(--_colors---text-white);
  margin-bottom: .5em;
  font-size: 3em;
  line-height: 1.05;
}

.heading-styles-h3.is-ovmcta, .heading-styles-h3.is-ovbanner, .heading-styles-h3.is-ovcontact {
  color: var(--_colors---text-white);
  font-size: 4em;
  line-height: 1;
}

.heading-styles-h4 {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.1;
}

.heading-styles-h4.home-services_title {
  color: var(--_colors---text-white);
}

.heading-styles-h4.branche_card-title {
  color: var(--_colors---text-white);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-styles-h4.is-ovlcard {
  color: var(--_colors---text-white);
  margin-bottom: .5714em;
}

.heading-styles-h4.is-ovbtile {
  color: var(--_colors---text-white);
  margin-bottom: .6154em;
  font-size: 1.625em;
  line-height: 1.12;
  position: relative;
}

.heading-styles-h4.is-ovvalue {
  color: var(--_colors---text-white);
  margin-bottom: .5714em;
}

.heading-styles-h5 {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.2;
}

.heading-styles-h5.home-about_card-title {
  color: var(--_colors---text-white);
}

.heading-styles-h5.branche-ablauf_title {
  color: var(--_colors---text-white);
  margin-top: .25em;
  margin-bottom: 0;
}

.heading-styles-h5.branche-rg_title {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-styles-h5.is-ovstep {
  color: var(--_colors---text-white);
  margin-bottom: .5em;
  font-size: 1.5em;
  line-height: 1.15;
}

.text-size-large {
  letter-spacing: -.01em;
  font-size: 1.375em;
  line-height: 1.4;
}

.text-size-medium {
  letter-spacing: -.01em;
  font-size: 1.125em;
  line-height: 1.4;
}

.text-size-regular {
  font-size: 1em;
  line-height: 1.5;
}

.text-size-small {
  font-size: .875em;
  line-height: 1.5;
}

.text-size-tiny {
  font-size: .75em;
  line-height: 1.3;
}

.text-style-mono {
  font-family: var(--_tokens---font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8125em;
  font-weight: 400;
  line-height: 1.2;
}

.text-color-muted {
  color: var(--_colors---text-paragraph);
}

.text-color-violet {
  color: var(--_colors---purple);
}

.text-color-white {
  color: var(--_colors---text-white);
}

.text-weight-medium {
  font-weight: 500;
}

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

.container-medium {
  width: 100%;
  max-width: 66em;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
}

.section-head {
  flex-direction: column;
  align-items: stretch;
  row-gap: 4em;
  width: 100%;
  display: flex;
}

.section-head.is-ls {
  grid-row-gap: 4em;
}

.section-head.is-ls-meta {
  grid-row-gap: 0em;
}

.section-head_meta {
  flex-direction: column;
  row-gap: 1.5em;
  display: flex;
}

.section-head_top {
  justify-content: space-between;
  align-items: center;
  column-gap: 1em;
  display: flex;
}

.section-tag {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  column-gap: .75em;
  font-size: .8125em;
  line-height: 1.2;
  display: flex;
}

.section-tag.branche-leitsatz_tag {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75em;
}

.section-tag.is-violet {
  color: var(--_colors---violet-light);
}

.section-tag_dot {
  background-color: var(--_colors---purple);
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 5px #8f7dff;
}

.section-head_index {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .8125em;
  line-height: 1.2;
}

.section-head_line {
  width: 100%;
  height: 10px;
  position: relative;
}

.section-head_content {
  grid-column-gap: 3em;
  grid-row-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 20.25em;
  align-items: start;
  display: grid;
}

.section-head_content.is-ls {
  grid-column-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 50em) 23.75em;
  justify-content: space-between;
}

.section-head_content.is-ov {
  grid-column-gap: 6.5em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 860fr) minmax(0, 380fr);
}

.section-head_content.is-ovsolo {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 68.75em);
}

.section-head_content.is-ovgroup {
  grid-column-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 760fr) minmax(0, 520fr);
  align-items: end;
}

.section-head_content.is-case-more {
  align-items: end;
}

.section-head_lead {
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.1667em;
  font-size: 1.125em;
  line-height: 1.4;
}

.button-primary {
  background-color: var(--_colors---text-white);
  min-height: 3.25em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-black);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  column-gap: .75em;
  padding: .5em .5em .5em 1.5em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.button-primary.is-small {
  min-height: 2.875em;
  padding: .3125em .3125em .3125em 1.25em;
}

.button-primary._w-button {
  background-color: var(--_colors---text-white);
  min-height: 3.25em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-black);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  column-gap: .75em;
  padding: .5em .5em .5em 1.5em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.button-primary.is-ovbanner {
  justify-content: space-between;
}

.button-primary.kt-wege_btn, .button-primary.kt-cal_load {
  position: relative;
}

.button-secondary {
  min-height: 3.25em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---white);
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffffff1a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  column-gap: .75em;
  padding: .5em .5em .5em 1.5em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.button-secondary.case-card_btn {
  align-self: flex-start;
}

.button-secondary.home-projects_button {
  z-index: 3;
  pointer-events: auto;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.button-secondary.is-ovbanner {
  justify-content: space-between;
}

.button-secondary.kt-wege_btn {
  position: relative;
}

.button-secondary.home-cta_submit {
  letter-spacing: .06em;
  text-transform: uppercase;
  align-self: flex-start;
  margin-top: 1em;
  padding: .5em 3.5em .5em 1.5em;
  font-size: .9375em;
}

.button-secondary.case-toc_cta {
  justify-content: space-between;
  width: 100%;
  margin-top: 2em;
}

.button-secondary.case-more_all {
  flex-shrink: 0;
}

.button_text {
  letter-spacing: .06em;
  font-size: .9375em;
  line-height: 1.3;
}

.button_icon {
  background-color: var(--_colors---purple-soft);
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.25em;
  height: 2.25em;
  display: block;
  position: relative;
  overflow: hidden;
}

.button_icon.is-dot {
  flex-shrink: 0;
}

.button-link {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .5em;
  padding-bottom: .25em;
  font-size: .9375em;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
}

.button-link.ref-work_link, .button-link.branche-rg_all {
  margin-top: auto;
}

.button-link.is-ovfacts {
  min-height: 3.6667em;
  color: var(--_colors---violet-light);
  flex-grow: 0;
  flex-shrink: 0;
  font-size: .75em;
}

.button-group {
  flex-wrap: wrap;
  align-items: center;
  gap: .75em;
  display: flex;
}

.button-group.is-ovhero {
  max-width: none;
  margin-top: 1.5em;
}

.button-group.is-ovmcta {
  margin-top: .5em;
}

.button-group.is-ovend {
  margin-top: 0;
}

.button-group.notfound_buttons {
  margin-top: 1em;
}

.button-group.is-ovcontact {
  justify-content: center;
}

.button-group.is-ovuhero {
  margin-top: .5em;
}

.glass-card {
  color: var(--_colors---text-white);
  border-radius: .5em;
  padding: 1.5em;
  text-decoration: none;
  position: relative;
}

.glass-card.home-services_card {
  height: 33.6875em;
  color: var(--_colors---text-white);
  background-color: #ffffff05;
  background-image: linear-gradient(#141124 0, #14112433 8.5em);
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  padding: 2em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.glass-card.branche_card {
  grid-row-gap: .875em;
  flex-direction: column;
  min-height: 18.75em;
  padding: 1.75em;
  transition: border-color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.glass-card.branche_card:hover {
  border-color: #fff3;
}

.glass-card.branche_card.is-team {
  min-height: 11.25em;
}

.glass-card.branche-ausg_card {
  grid-row-gap: 1em;
  background-image: radial-gradient(at 0 0, #8f7dff24, #8f7dff00 70%);
  flex-direction: column;
  min-height: 27.5em;
  padding: 2em;
  transition: border-color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.glass-card.rechtliches_card {
  border-radius: .75em;
  flex-direction: column;
  row-gap: .875em;
  padding: 1.625em 1.75em;
  display: flex;
}

.glass-card.rechtliches_card.is-contact {
  row-gap: 1.5em;
  padding: 2em;
}

.glass-card.ls-card {
  grid-row-gap: 1.25em;
  border-radius: .5em;
  flex-direction: column;
  padding: 2em;
  display: flex;
}

.glass-card.ls-card.is-pkg {
  grid-row-gap: .75em;
}

.glass-card.is-ovlcard {
  width: 100%;
  min-height: 37.5em;
  color: var(--_colors---text-white);
  border-radius: .75em;
  flex-direction: column;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.glass-card.case-card {
  width: 100%;
  min-height: 37.5em;
  color: var(--_colors---text-white);
  transform-style: preserve-3d;
  border-radius: .5em;
  flex-direction: column;
  padding: 0;
  text-decoration: none;
  transition-property: transform, border-color, box-shadow;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.glass-card.case-card:hover {
  transform: translate3d(0, -.25em, 0);
}

.glass-card.branche-anw_card {
  grid-row-gap: 1em;
  background-image: radial-gradient(at 30% 0, #8f7dff1a, #8f7dff00 70%);
  flex-direction: column;
  padding: 2em 1.75em;
  transition: border-color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.glass-card.ref-work_note {
  grid-row-gap: 1em;
  border-radius: .5em;
  flex-direction: column;
  align-items: flex-start;
  min-height: 16.4375em;
  padding: 2em;
  display: flex;
}

.glass-card.branche-rg_card {
  color: var(--_colors---text-white);
  flex-direction: column;
  padding: 0;
  text-decoration: none;
  transition-property: border-color, color;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  display: flex;
  overflow: hidden;
}

.glass-card.branche-rg_card:hover {
  color: var(--_colors---violet-light);
  border-color: #8f7dff73;
}

.glass-card.is-ovstep {
  border-radius: .5em;
  flex-grow: 1;
  padding: 1.5em;
}

.glass-card.is-ovstep.is-u {
  min-height: 16.375em;
  padding: 1.25em 1.25em 1.5em;
}

.glass-card.is-ovfacts {
  grid-column-gap: 1.25em;
  grid-row-gap: .75em;
  border-radius: .5em;
  align-items: center;
  padding: 1.1875em 1.5em;
  display: flex;
}

.glass-card.branche-ask_option {
  grid-row-gap: .875em;
  background-color: #0b091280;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75em;
  display: flex;
}

.glass-card.ls-check {
  grid-column-gap: 1em;
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1.75em minmax(0, 1fr);
  padding: 1.5em;
  display: grid;
}

.glass-card.ls-step {
  grid-row-gap: .75em;
  border-radius: .5em;
  flex-direction: column;
  padding: 1.5em;
  display: flex;
}

.glass-card.home-projects_card {
  min-height: 45em;
  color: var(--_colors---text-white);
  background-color: #0b0912;
  background-image: linear-gradient(90deg, #ffffff12 0%, #ffffff06 100%);
  border-radius: .5em;
  flex-direction: column;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.glass-card.is-ovbtile {
  width: 100%;
  min-height: 33em;
  color: var(--_colors---text-white);
  background-image: linear-gradient(#8f7dff0f, #8f7dff00 45%);
  border-radius: .5em;
  flex-direction: column;
  padding: 1.75em min(1.75em, max(.875em, 3.5vw - 22.4px));
  text-decoration: none;
  display: flex;
}

.glass-card.ls-case {
  color: inherit;
  border-radius: .5em;
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.glass-card.ls-teaser {
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  min-height: 26em;
  padding: 2.25em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.glass-card.ls-tile {
  grid-row-gap: .5em;
  min-height: 9.25em;
  color: inherit;
  border-radius: .5em;
  flex-direction: column;
  padding: 1.25em 1.25em 1.5em;
  display: flex;
}

.glass-card.kt-wege_card {
  grid-row-gap: 1.5em;
  min-height: 20em;
  transition: transform .3s cubic-bezier(.65, 0, .35, 1), border-color undefined undefined, box-shadow undefined undefined;
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  padding: 2em;
  display: flex;
}

.glass-card.kt-wege_card:hover {
  border-color: #ffffff38;
}

.glass-card.ls-guide {
  color: inherit;
  border-radius: .5em;
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.glass-card.kt-note {
  grid-row-gap: .75em;
  border-radius: .5em;
  flex-direction: column;
  width: 100%;
  margin-top: .5em;
  padding: 1.5em;
  display: flex;
}

.glass-card.kt-flow_card {
  grid-row-gap: 2em;
  border-radius: .5em;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  min-height: 17.5em;
  padding: 2em;
  display: flex;
}

.glass-card.kt-faq_item {
  border-radius: .5em;
  padding: 0;
  transition-property: border-color, background-color;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  overflow: hidden;
}

.glass-card.ls-goal {
  grid-column-gap: .75em;
  min-height: 4.25em;
  color: var(--_colors---text-white);
  border-radius: .5em;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  padding: .875em;
  display: flex;
}

.glass-card.ls-goal:hover {
  background-color: #8f7dff1f;
}

.glass-card.is-ovvalue {
  border-radius: .5em;
  flex-direction: column;
  padding: 2em;
  display: flex;
}

.glass-card.is-ovpay {
  grid-column-gap: 3em;
  grid-row-gap: 1.75em;
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 770fr) minmax(0, 460fr);
  align-items: center;
  padding: 2.0625em;
  display: grid;
}

.glass-card.is-ovbrand {
  width: 100%;
  min-height: 14.5em;
  color: var(--_colors---text-white);
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.75em;
  text-decoration: none;
  display: flex;
}

.glass-card.is-ovbrand.is-self {
  background-color: #8f7dff14;
  background-image: radial-gradient(90% 90% at 60% 40%, #8f7dff59, #8f7dff00 75%);
  box-shadow: inset 0 0 0 1px #8f7dff99, inset 0 1px #b8abff66;
}

.glass-card.is-ovaddress {
  border-radius: .5em;
  padding: 1.5em;
}

.glass-card.is-ovmap {
  background-color: #0b0912;
  border-radius: .75em;
  margin-top: .5625em;
  padding: 0;
  overflow: hidden;
}

.glass-card.is-ovgrp {
  width: 100%;
  color: var(--_colors---text-white);
  border-radius: .75em;
  flex-direction: column;
  padding: .625em;
  text-decoration: none;
  display: flex;
}

.glass-card.is-ovgrp.is-self {
  background-image: radial-gradient(90% 90% at 70% 80%, #8f7dff38, #8f7dff00 70%);
  box-shadow: inset 0 0 0 1px #8f7dff8c, inset 0 1px #b8abff59;
}

.glass-panel {
  border-radius: .5em;
  padding: 2.5em;
  position: relative;
}

.glass-panel.ref-facts_panel {
  border-radius: .5em;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.glass-panel.ref-filter {
  grid-row-gap: 1.25em;
  border-radius: .5em;
  flex-direction: column;
  margin-top: 3em;
  padding: 1.5em;
  display: flex;
}

.glass-panel.is-ovrec {
  border-radius: .75em;
  grid-column: 2 / 3;
  padding: 2.5em;
  position: relative;
  overflow: hidden;
}

.glass-panel.is-ovrec.is-active {
  visibility: visible;
}

.glass-panel.ref-work_table {
  border-radius: .5em;
  margin-top: 3.5em;
  padding: 0;
  overflow: hidden;
}

.glass-panel.ref-cta_banner {
  border-radius: .5em;
  align-items: stretch;
  margin-top: 3.5em;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.glass-panel.ls-ql_bar {
  grid-column-gap: 1em;
  background-color: #0b0912b8;
  border-radius: .75em;
  align-items: center;
  padding: .5em .5em .5em 1.25em;
  display: flex;
  overflow: hidden;
}

.glass-panel.branche-ablauf_facts {
  grid-column-gap: 2em;
  grid-row-gap: 1.25em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: center;
  margin-top: 3.75em;
  padding: 1.75em 2em;
  display: grid;
}

.glass-panel.is-ovmcta {
  border-radius: .75em;
  align-items: center;
  min-height: 27.5625em;
  padding: 4.0625em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.glass-panel.is-ovfaq {
  border-radius: .5em;
  padding: 0;
  transition-property: border-color, background-color, box-shadow;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  position: relative;
}

.glass-panel.branche-faq_item {
  border-radius: .625em;
  padding: 0;
  transition-property: border-color, box-shadow, background-color;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
}

.glass-panel.branche-faq_item.is-open {
  background-color: #8f7dff12;
  border-color: #8f7dff66 #8f7dff40 #8f7dff40;
  box-shadow: 0 0 40px #8f7dff1f;
}

.glass-panel.branche-ask_panel {
  grid-row-gap: 2em;
  flex-direction: column;
  margin-top: 4.25em;
  padding: 2.5em 2.5em 2em;
  display: flex;
}

.glass-panel.ls-uc_card {
  border-radius: .75em;
  padding: 2.5em;
}

.glass-panel.ls-facts {
  grid-column-gap: 2em;
  border-radius: .75em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin-top: 1em;
  padding: 2em 2.25em;
  display: grid;
}

.glass-panel.branche-lt_toc {
  grid-row-gap: .75em;
  flex-direction: column;
  padding: 1.25em;
  display: flex;
  position: sticky;
  top: 10.5em;
}

.glass-panel.ls-privacy {
  grid-column-gap: 3.5em;
  border-radius: .75em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  padding: 2em 1.75em;
  display: grid;
}

.glass-panel.home-faq_item {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-image: linear-gradient(90deg, #ffffff0d, #ffffff03);
  border-radius: .5em;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff2e, inset 0 1px #ffffff12;
}

.glass-panel.is-ovbanner {
  grid-column-gap: 4.625em;
  border-radius: .75em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 23.75em);
  align-items: center;
  min-height: 24.25em;
  padding: 4.0625em;
  display: grid;
  position: relative;
  overflow: hidden;
}

.glass-panel.kt-cal {
  border-radius: .5em;
  flex-direction: column;
  min-height: 38.5em;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.glass-panel.home-cta_panel {
  grid-row-gap: 2em;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-image: linear-gradient(139deg, #ffffff04 0%, #ffffff02 35.7%, #ccd9ff03 71.4%);
  border-radius: .75em;
  flex-direction: column;
  min-height: 41.875em;
  padding: 2em;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff3d, inset 0 1px #ffffff1f, 0 1.875em 2.8125em #6b57ff29;
}

.glass-panel.kt-form_panel {
  border-radius: .75em;
  padding: 2em;
  box-shadow: 0 1.875em 5.625em #6b57ff29, inset 0 1px #ffffff1f;
}

.glass-panel.ls-faq_ask {
  grid-row-gap: 1em;
  border-radius: .5em;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 1.5em;
  display: flex;
}

.glass-panel.ls-faq_item {
  border-radius: .5em;
  padding: 0 1em 0 1.5em;
  transition-property: background-color, box-shadow;
  transition-duration: .36s;
}

.glass-panel.kt-data {
  border-radius: .5em;
  padding: 0;
  overflow: hidden;
}

.glass-panel.ls-request {
  grid-row-gap: 2.5em;
  border-radius: .75em;
  flex-direction: column;
  padding: 3.5em 3.5em 3em;
  display: flex;
}

.glass-panel.ls-option {
  grid-row-gap: 1em;
  background-color: #0b091280;
  border-radius: .5em;
  flex-direction: column;
  align-items: flex-start;
  padding: 2em;
  display: flex;
}

.glass-panel.ls-option.is-accent {
  background-color: #8f7dff1a;
}

.glass-panel.ls-toc {
  grid-row-gap: .75em;
  border-radius: .5em;
  flex-direction: column;
  max-height: calc(100vh - 9em);
  padding: 1.25em .75em;
  display: flex;
  position: sticky;
  top: 7em;
  overflow-y: auto;
}

.glass-panel.ls-article_cta {
  grid-row-gap: 1.25em;
  border-radius: .5em;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2.5em;
  padding: 2em;
  display: flex;
}

.glass-panel.case-hero_brief {
  z-index: 2;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: .5em;
  align-items: stretch;
  margin-top: 4.5em;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.glass-pill {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  column-gap: .5em;
  padding: .5em .875em;
  font-size: .75em;
  line-height: 1.2;
  display: inline-flex;
  position: relative;
}

.glass-pill.ls-chip {
  grid-column-gap: .5em;
  min-height: 2.875em;
  font-family: var(--_tokens---font-sans);
  color: #edf0f5e6;
  letter-spacing: 0;
  text-transform: none;
  padding: .75em 1em .75em .875em;
  font-size: 1em;
  text-decoration: none;
  transition-property: background-color, box-shadow, transform;
  transition-duration: .3s;
}

.glass-pill.ls-chip:hover {
  background-color: #ffffff0f;
  box-shadow: inset 0 0 0 1px #8f7dff66;
}

.glass-pill.ref-filter_chip {
  height: 2.75em;
  transition: background-color .3s cubic-bezier(.65, 0, .35, 1), border-color undefined undefined, box-shadow undefined undefined, color undefined undefined;
  color: #edf0f5d9;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  padding: 0 1em;
  font-size: .875em;
  line-height: 1.3;
  display: inline-flex;
}

.glass-pill.ref-filter_chip:hover {
  border-color: #ffffff38;
}

.glass-pill.ref-filter_chip.is-active {
  color: #fff;
  background-color: #6b57e8;
  background-image: linear-gradient(#6b57e8, #5a47d0);
  border-color: #b8abffb3;
  font-weight: 500;
  box-shadow: 0 0 .625em #8f7dff66;
}

.glass-pill.ref-filter_chip.is-active:hover {
  color: #fff;
  background-color: #6b57e8;
  background-image: linear-gradient(#7461ec, #6250d8);
}

.glass-pill.branche-rg_related-link {
  min-height: 2.25em;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  letter-spacing: 0;
  text-transform: none;
  padding: .35em .9em;
  font-size: .875em;
  text-decoration: none;
  transition-property: border-color, color;
  transition-duration: .3s;
}

.glass-pill.branche-rg_related-link:hover {
  color: var(--_colors---violet-light);
  border-color: #8f7dff99;
}

.glass-pill.branche-more_chip {
  grid-column-gap: .75em;
  min-height: 3.75em;
  transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color undefined undefined, color undefined undefined;
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  letter-spacing: 0;
  text-transform: none;
  padding: .5em 1.5em .5em 1.25em;
  font-size: 1em;
  text-decoration: none;
}

.glass-pill.branche-more_chip:hover {
  color: var(--_colors---violet-light);
  background-color: #8f7dff24;
  border-color: #8f7dff99;
}

.glass-pill.home-tech_lens {
  z-index: 2;
  width: 40em;
  height: 13.25em;
  font-family: var(--_tokens---font-sans);
  letter-spacing: 0;
  text-transform: none;
  border-radius: 999px;
  margin-left: -20em;
  padding: 0;
  font-size: 1em;
  position: absolute;
  top: 2.75em;
  left: 50%;
  overflow: hidden;
}

.glass-pill.ls-tech_lens {
  width: 40em;
  height: 13.25em;
  font-family: var(--_tokens---font-sans);
  letter-spacing: 0;
  text-transform: none;
  border-radius: 6.625em;
  margin-left: -20em;
  padding: 0;
  font-size: 1em;
  position: absolute;
  top: 2.75em;
  left: 50%;
  overflow: hidden;
  box-shadow: 0 0 6em 1em #8f7dff2e;
}

.glass-pill.kt-hero_chip {
  grid-column-gap: .5em;
  height: 2.125em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: 0 .875em 0 .75em;
  font-size: .75em;
  line-height: 1.3;
  display: inline-flex;
}

.glass-pill.ls-badge {
  color: var(--_colors---text-muted-strong);
  font-size: .6875em;
}

.flex-v-gap-12px {
  flex-direction: column;
  row-gap: .75em;
  display: flex;
}

.flex-v-gap-24px {
  flex-direction: column;
  row-gap: 1.5em;
  display: flex;
}

.grid-3 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.badge-todo {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 1px dashed #b8abff80;
  border-radius: 4px;
  align-items: center;
  padding: .15em .5em;
  font-size: .75em;
  display: inline-flex;
}

.flex-v-gap-8px {
  flex-direction: column;
  row-gap: .5em;
  display: flex;
}

.flex-v-gap-16px {
  flex-direction: column;
  row-gap: 1em;
  display: flex;
}

.flex-v-gap-32px {
  flex-direction: column;
  row-gap: 2em;
  display: flex;
}

.grid-2 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.grid-4 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.hide {
  display: none;
}

.hide-tablet, .hide-mobile {
  position: static;
}

.relative {
  position: relative;
}

.absolute_bg {
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.img-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.glass-input {
  width: 100%;
  min-height: 3.25em;
  color: var(--_colors---text-white);
  background-color: #ffffff0a;
  border-width: 0;
  border-radius: .5em;
  padding: .875em 1em;
  font-size: 1em;
  line-height: 1.4;
  display: block;
  position: relative;
}

.glass-input.home-cta_input {
  height: 3em;
  min-height: 3em;
  color: var(--_colors---text-white);
  background-color: #ffffff0a;
  border-radius: 4px;
  margin-bottom: 0;
  padding: .75em .9375em;
  font-size: 1em;
  line-height: 1.5;
}

.glass-input.home-cta_input.is-textarea {
  resize: vertical;
  height: 7em;
  min-height: 7em;
}

.glass-input.kt-input {
  width: 100%;
  height: 3em;
  min-height: 3em;
  transition: border-color .2s cubic-bezier(.65, 0, .35, 1), box-shadow undefined undefined, background-color undefined undefined;
  color: var(--_colors---text-white);
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .25em;
  margin-bottom: 0;
  padding: 0 1em;
  font-size: 1em;
  line-height: 1.5;
}

.glass-input.kt-input:focus {
  border-color: var(--_colors---purple-soft);
  outline-style: none;
  box-shadow: 0 0 0 .5px #a18fff, 0 0 .875em #8f7dff59;
}

.glass-input.kt-input.is-select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23A39EB8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1em 1em;
  padding-right: 2.75em;
}

.glass-input.kt-input.is-textarea {
  resize: vertical;
  height: 8.25em;
  min-height: 8.25em;
  padding-top: .875em;
  padding-bottom: .875em;
}

.glass-input._w-input {
  width: 100%;
  min-height: 3.25em;
  color: var(--_colors---text-white);
  background-color: #ffffff0a;
  border-width: 0;
  border-radius: .5em;
  padding: .875em 1em;
  font-size: 1em;
  line-height: 1.4;
  display: block;
  position: relative;
}

.sr-only {
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.navbar {
  z-index: 100;
  color: var(--_colors---text-white);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.navbar_bg {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: #0b0912b8;
  border-bottom: 1px solid #ffffff14;
  position: absolute;
  inset: 0;
}

.navbar_inner {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  column-gap: 2em;
  height: 5em;
  display: flex;
  position: relative;
}

.navbar_logo {
  min-height: 2.75em;
  color: var(--_colors---text-white);
  align-items: center;
  column-gap: .5em;
  text-decoration: none;
  display: flex;
}

.navbar_logo-mark {
  width: 2.1875em;
  height: auto;
  display: block;
}

.navbar_logo-text {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  font-size: 1.75em;
  line-height: 1.1;
}

.navbar_menu {
  display: flex;
}

.navbar_list {
  align-items: center;
  column-gap: 2em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.navbar_item {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  position: static;
}

.navbar_link {
  font-family: var(--_tokens---font-mono);
  color: #edf0f5c7;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  align-items: center;
  column-gap: .375em;
  padding-top: 1.0625em;
  padding-bottom: 1.0625em;
  font-size: .9375em;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navbar_link-text {
  display: block;
}

.navbar_chev {
  background-color: currentColor;
  flex-grow: 0;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  display: block;
}

.navbar_actions {
  align-items: center;
  column-gap: .75em;
  display: flex;
}

.navbar_cta {
  min-height: 2.875em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---white);
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffffff1a;
  border-radius: 4px;
  align-items: center;
  column-gap: .75em;
  padding: .3125em .3125em .3125em 1.25em;
  font-size: .9375em;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.navbar_burger {
  cursor: pointer;
  background-color: #ffffff1a;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: .4375em;
  width: 2.75em;
  height: 2.75em;
  display: none;
}

.navbar_burger-line {
  background-color: var(--_colors---text-white);
  width: 1.125em;
  height: 1.5px;
  display: block;
}

.navbar_mega {
  z-index: 1;
  padding-top: .75em;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.navbar_mega.is-narrow {
  padding-left: 0;
}

.navbar_mega-panel {
  width: 100%;
  max-width: 84em;
  color: var(--_colors---text-white);
  background-color: #1612229e;
  border-radius: 1.25em;
  margin-left: auto;
  margin-right: auto;
  padding: 1.75em;
  position: relative;
}

.navbar_mega-panel.is-narrow {
  max-width: 55em;
  margin-right: 0;
}

.navbar_mega-head {
  justify-content: space-between;
  align-items: center;
  column-gap: 1em;
  display: flex;
}

.navbar_mega-count {
  color: var(--_colors---purple);
}

.navbar_mega-line {
  background-color: #ffffff1a;
  height: 1px;
  margin-top: 1em;
  margin-bottom: 1.25em;
}

.navbar_mega-body {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 23.75em;
  align-items: start;
  display: grid;
}

.navbar_mega-body.is-narrow {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 16.25em;
}

.navbar_mega-grid {
  grid-column-gap: .5em;
  grid-row-gap: .25em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.navbar_mega-grid.is-single {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
}

.navbar_mega-li {
  margin-top: 0;
  margin-bottom: 0;
}

.navbar_mega-link {
  color: var(--_colors---text-white);
  border-radius: .75em;
  align-items: flex-start;
  column-gap: 1em;
  padding: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navbar_mega-num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  padding-top: .25em;
  font-size: .75em;
  line-height: 1;
}

.navbar_mega-text {
  flex-direction: column;
  flex: 1;
  row-gap: .25em;
  display: flex;
}

.navbar_mega-title {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4;
}

.navbar_mega-desc {
  color: var(--_colors---text-paragraph);
  font-size: .875em;
  line-height: 1.45;
}

.navbar_mega-arrow {
  flex-grow: 0;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: .125em;
  display: block;
}

.navbar_card {
  background-color: #ffffff0a;
  border-radius: 1em;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1em;
  padding: 1.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar_card-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.2;
}

.navbar_card-title {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  font-size: 1.875em;
  line-height: 1.1;
}

.navbar_card-text {
  color: var(--_colors---text-paragraph);
  font-size: .875em;
  line-height: 1.5;
}

.navbar_card-meta {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.3;
}

.navbar_mobile {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #0b0912d1;
  padding-top: 5em;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.navbar_m-inner {
  flex-direction: column;
  padding-top: 1.5em;
  padding-bottom: 3em;
  display: flex;
}

.navbar_m-row {
  border-bottom: 1px solid #ffffff1a;
}

.navbar_m-head {
  align-items: center;
  column-gap: 1em;
  min-height: 5.625em;
  display: flex;
}

.navbar_m-num {
  width: 1.75em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  font-size: .75em;
}

.navbar_m-link {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.015em;
  flex: 1;
  font-size: 3.25em;
  line-height: 1.1;
  text-decoration: none;
}

.navbar_m-chev {
  width: 2.75em;
  height: 2.75em;
  color: var(--_colors---text-white);
  cursor: pointer;
  background-color: #ffffff14;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar_m-go {
  width: 2.75em;
  height: 2.75em;
  display: block;
}

.navbar_m-panel {
  display: grid;
}

.navbar_m-panel-inner {
  min-height: 0;
  overflow: hidden;
}

.navbar_m-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.25em;
  padding-left: 2.25em;
  list-style-type: none;
}

.navbar_m-sub {
  min-height: 2.75em;
  color: var(--_colors---text-white);
  border-bottom: 1px solid #ffffff0f;
  align-items: center;
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 1em;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.navbar_m-sub.is-all {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom-style: none;
  font-size: .75em;
}

.navbar_m-foot {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.5em;
  padding-top: 3em;
  display: flex;
}

.navbar_m-contact {
  flex-wrap: wrap;
  gap: .5em 2em;
  display: flex;
}

.navbar_m-contact-link {
  min-height: 2.75em;
  color: var(--_colors---text-white);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer {
  background-color: var(--_colors---background);
  color: var(--_colors---text-white);
  background-image: linear-gradient(#0b091200 45%, #8f7dff17 100%);
  position: relative;
  overflow: hidden;
}

.footer_inner {
  flex-direction: column;
  padding-top: 6.25em;
  padding-bottom: 3em;
  display: flex;
}

.footer_top {
  grid-column-gap: 3em;
  grid-row-gap: 2.5em;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: 3.5em;
  padding-bottom: 3em;
  display: grid;
}

.footer_brand {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.5em;
  max-width: 37.5em;
  display: flex;
}

.footer_claim {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75em;
  line-height: 1.08;
}

.footer_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.footer_contact {
  flex-direction: column;
  align-items: flex-start;
  row-gap: .375em;
  min-width: 16em;
  font-style: normal;
  display: flex;
}

.footer_col-title {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: .6875em;
  line-height: 1.2;
}

.footer_contact-big {
  color: var(--_colors---text-white);
  font-size: 1.25em;
  line-height: 1.5;
  text-decoration: none;
}

.footer_addr {
  color: var(--_colors---text-paragraph);
  margin-top: .75em;
  margin-bottom: 0;
  font-size: .9375em;
  line-height: 1.6;
}

.footer_cols {
  grid-column-gap: 2em;
  grid-row-gap: 2.5em;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1.4fr 1fr 1fr 1fr;
  padding-top: 2.5em;
  padding-bottom: 3em;
  display: grid;
}

.footer_col {
  flex-direction: column;
  display: flex;
}

.footer_list {
  flex-direction: column;
  row-gap: .25em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer_li {
  margin-top: 0;
  margin-bottom: 0;
}

.footer_link {
  color: var(--_colors---text-white);
  padding-top: .25em;
  padding-bottom: .25em;
  font-size: .9375em;
  line-height: 1.4;
  text-decoration: none;
  display: inline-block;
}

.footer_group {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 1em 1.5em;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.footer_brands {
  flex-wrap: wrap;
  gap: .5em 2em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer_brand-link {
  min-height: 2.75em;
  color: var(--_colors---text-white);
  align-items: center;
  column-gap: .375em;
  font-size: .9375em;
  text-decoration: none;
  display: inline-flex;
}

.footer_ext {
  width: .875em;
  height: .875em;
  display: inline-block;
}

.footer_bottom {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75em 2em;
  padding-top: 1.75em;
  padding-bottom: 3em;
  display: flex;
}

.footer_meta {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.4;
}

.footer_lettering {
  pointer-events: none;
  width: 100%;
  position: relative;
}

.footer_lettering-img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.cookie {
  z-index: 200;
  position: relative;
}

.cookie_banner {
  z-index: 200;
  width: 27em;
  max-width: calc(100% - 2em);
  color: var(--_colors---text-white);
  background-color: #1612229e;
  border-radius: 1em;
  flex-direction: column;
  row-gap: .75em;
  padding: 1em 1.125em;
  display: none;
  position: fixed;
  bottom: 1em;
  left: auto;
  right: 1em;
}

.cookie_copy {
  flex-direction: column;
  row-gap: .375em;
  display: flex;
}

.cookie_title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25em;
  line-height: 1.1;
}

.cookie_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8125em;
  line-height: 1.45;
}

.cookie_links {
  column-gap: 1.25em;
  margin-top: -.25em;
  display: flex;
}

.cookie_link {
  min-height: 2em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75em;
  text-decoration: none;
  display: inline-flex;
}

.cookie_actions {
  grid-column-gap: .375em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  display: grid;
}

.cookie_actions.is-modal {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.cookie_btn {
  min-height: 2.75em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---white);
  text-align: center;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ffffff1a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: .5em;
  font-size: .6875em;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.cookie_dialog {
  z-index: 300;
  justify-content: center;
  align-items: center;
  padding: 1.5em;
  display: none;
  position: fixed;
  inset: 0;
}

.cookie_scrim {
  background-color: #0b091299;
  position: absolute;
  inset: 0;
}

.cookie_modal {
  width: 100%;
  max-width: 36em;
  max-height: 100%;
  color: var(--_colors---text-white);
  background-color: #161222b8;
  border-radius: 1.5em;
  flex-direction: column;
  row-gap: 1.25em;
  padding: 2em;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.cookie_modal-head {
  justify-content: space-between;
  align-items: center;
  column-gap: 1em;
  display: flex;
}

.cookie_close {
  cursor: pointer;
  background-color: #ffffff14;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  font-size: 1.25em;
  line-height: 1;
  display: flex;
}

.cookie_cats {
  flex-direction: column;
  row-gap: .75em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.cookie_cat {
  background-color: #ffffff0a;
  border-radius: .75em;
  padding: 1em;
}

.cookie_cat-head {
  justify-content: space-between;
  align-items: center;
  column-gap: 1em;
  display: flex;
}

.cookie_cat-title {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4;
}

.cookie_cat-ctrl {
  align-items: center;
  column-gap: .75em;
  display: flex;
}

.cookie_cat-status {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .6875em;
}

.cookie_switch {
  cursor: pointer;
  background-color: #ffffff24;
  border-radius: 999px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.75em;
  height: 1.5em;
  display: block;
  position: relative;
}

.cookie_cat-text {
  color: var(--_colors---text-paragraph);
  margin-top: .5em;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.skip-link {
  z-index: 1000;
  position: fixed;
}

.section_gf-hero {
  position: relative;
  overflow: clip;
}

.wrapper_gf-hero {
  min-height: 31em;
  position: relative;
}

.gf-hero_glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff3d 0%, #8f7dff29 22%, #8f7dff14 56%, #8f7dff08 75%, #8f7dff02 90%, #8f7dff00 100%);
  border-radius: 50%;
  width: 64em;
  height: 64em;
  position: absolute;
  top: -40em;
  right: -18em;
}

.gf-hero_glow.is-term {
  top: -44em;
  right: -10em;
}

.gf-hero_fig {
  z-index: 0;
  pointer-events: none;
  width: 27.5em;
  position: absolute;
  top: -3.125em;
  right: 3.25em;
}

.gf-hero_fig.is-bust {
  width: 24.3125em;
  top: -4.5em;
  right: 2.5em;
}

.gf-hero_img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.gf-hero_lens {
  background-image: radial-gradient(circle at 60% 25%, #ffffff1a, #ffffff05 45%, #0b091240 100%);
  border: 1px solid #b8abff73;
  border-radius: 50%;
  width: 65%;
  padding-top: 65%;
  position: absolute;
  top: 45%;
  left: 43%;
  box-shadow: inset 0 0 40px #8f7dff2e, 0 0 60px #8f7dff1f;
}

.gf-hero_copy {
  z-index: 1;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 52em;
  display: flex;
  position: relative;
}

.gf-hero_h1 {
  max-width: 6.6em;
}

.gf-hero_lead {
  max-width: 35.5em;
}

.section_rechtliches-hero {
  position: relative;
  overflow: clip;
}

.rechtliches_glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #6e58e64d, #6e58e600);
  width: 62em;
  height: 36em;
  position: absolute;
  top: -18em;
  right: -12em;
}

.wrapper_rechtliches-hero {
  z-index: 1;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.rechtliches_facts {
  flex-wrap: wrap;
  align-items: center;
  gap: .75em 1.75em;
  margin-top: .75em;
  display: flex;
}

.rechtliches_draft-badge {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #8f7dff1f;
  border: 1px dashed #b8abff73;
  border-radius: .25em;
  align-items: center;
  padding: .4em .75em;
  font-size: .6875em;
  line-height: 1.2;
  display: inline-flex;
}

.rechtliches_fact {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .5em;
  font-size: .75em;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.rechtliches_fact.is-link {
  min-height: 2.75em;
  transition: color .3s cubic-bezier(.65, 0, .35, 1);
}

.rechtliches_fact.is-link:hover {
  color: var(--_colors---violet-light);
}

.rechtliches_fact-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
}

.rechtliches_fact-icon.is-check {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%238F7DFF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%206%209%2017l-5-5%22/%3E%3C/svg%3E");
}

.rechtliches_fact-icon.is-list {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%238F7DFF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2012h.01%22/%3E%3Cpath%20d=%22M3%2018h.01%22/%3E%3Cpath%20d=%22M3%206h.01%22/%3E%3Cpath%20d=%22M8%2012h13%22/%3E%3Cpath%20d=%22M8%2018h13%22/%3E%3Cpath%20d=%22M8%206h13%22/%3E%3C/svg%3E");
}

.rechtliches_fact-icon.is-mail {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%238F7DFF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20width=%2220%22%20height=%2216%22%20x=%222%22%20y=%224%22%20rx=%222%22/%3E%3Cpath%20d=%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22/%3E%3C/svg%3E");
}

.section_home-services {
  background-color: var(--_colors---background);
  position: relative;
  overflow: clip visible;
}

.home-services_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #806bff17, #806bff00);
  border-radius: 50%;
  width: 83.125em;
  height: 39.25em;
  position: absolute;
  top: 25em;
  left: 3.875em;
}

.wrapper_home-services {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.home-services_cards {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 6.5em;
  display: grid;
}

.home-services_media {
  z-index: 0;
  pointer-events: none;
  border-radius: .5em;
  position: absolute;
  inset: 0;
}

.home-services_halo {
  opacity: 0;
  background-image: radial-gradient(closest-side, #8f7dff8c, #8f7dff00);
  border-radius: 50%;
  width: 80%;
  height: 46%;
  position: absolute;
  top: 4%;
  left: 10%;
}

.home-services_statue {
  aspect-ratio: 2 / 3;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
}

.home-services_statue.is-01 {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
  top: .0625em;
  left: 0%;
}

.home-services_statue.is-02 {
  width: 82.82%;
  top: -5.2125em;
  left: 8.59%;
}

.home-services_statue.is-03 {
  width: 78.33%;
  top: .0625em;
  left: 10.83%;
}

.home-services_statue.is-04 {
  width: 80.65%;
  top: -1.8125em;
  left: 9.67%;
}

.home-services_fade {
  border-radius: .5em;
  position: absolute;
  inset: 0;
}

.home-services_fade.is-01 {
  background-image: linear-gradient(#14112433 10.08%, #141124 65.42%);
}

.home-services_fade.is-02 {
  background-image: linear-gradient(#14112433 50%, #141124 100%);
}

.home-services_fade.is-03 {
  background-image: linear-gradient(#14112433 0%, #141124 84.24%);
}

.home-services_fade.is-04 {
  background-image: linear-gradient(#14112433 0%, #141124 80%);
}

.home-services_number {
  z-index: 1;
  font-family: var(--_tokens---font-mono);
  color: #edf0f5d9;
  letter-spacing: .08em;
  font-size: .75em;
  line-height: 1.3;
  position: relative;
}

.home-services_content {
  z-index: 1;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.home-services_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.home-services_tags {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-wrap: wrap;
  display: flex;
}

.home-services_tag {
  color: #edf0f5d9;
  white-space: nowrap;
  background-color: #ffffff05;
  border: 1px solid #ffffff0a;
  border-radius: 999px;
  align-items: center;
  padding: .3125em .75em;
  font-size: .75em;
  line-height: 1.3;
  display: inline-flex;
}

.home-slider_ui {
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5em;
  display: none;
}

.home-slider_ui.is-projects {
  margin-top: 1.5em;
}

.home-slider_dots {
  grid-column-gap: 6px;
  align-items: center;
  display: flex;
}

.home-slider_dot {
  background-color: #fff3;
  border-radius: 2px;
  width: 16px;
  height: 2px;
  display: block;
}

.home-slider_count {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  font-size: .8125em;
  line-height: 1.2;
}

.home-services_cta {
  justify-content: center;
  margin-top: 4em;
  display: flex;
}

.section_branche-hero {
  position: relative;
  overflow: clip;
}

.branche-hero_glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #6e5adc6b, #6e5adc1f 55%, #6e5adc00);
  border-radius: 50%;
  width: 56em;
  height: 52em;
  position: absolute;
  top: 8em;
  right: -8em;
}

.wrapper_branche-hero {
  z-index: 1;
  flex-direction: column;
  padding-top: 11.75em;
  display: flex;
  position: relative;
}

.branche-hero_grid {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 30em;
  align-items: start;
  display: grid;
}

.branche-hero_copy {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 1em;
  display: flex;
}

.branche-hero_eyebrow {
  grid-column-gap: .75em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: .8125em;
  display: flex;
}

.branche-hero_lead {
  max-width: 33.5em;
  color: var(--_colors---text-paragraph);
  margin-top: 2.4em;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.45;
}

.branche-hero_buttons {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  margin-top: 2.5em;
  display: flex;
}

.branche-hero_micro {
  color: var(--_colors---text-paragraph);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .875em .875em;
  align-items: center;
  margin-top: 2.75em;
  margin-bottom: 0;
  padding-left: 1.5em;
  font-size: .875em;
  line-height: 1.4;
  display: flex;
}

.branche-hero_media {
  width: 30em;
  height: 34em;
  margin-top: -2.5em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.branche-hero_media.is-tall {
  width: 24em;
  height: 36em;
}

.branche-hero_img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-image: linear-gradient(#000 62%, #0000 96%);
  mask-image: linear-gradient(#000 62%, #0000 96%);
}

.branche-hero_img.is-tall, .branche-hero_img.is-std {
  object-fit: contain;
  object-position: 50% 0%;
}

.branche-hero_bottom {
  border-top: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  margin-top: 7.25em;
  padding: 2.25em 1em 2.5em;
  display: flex;
}

.branche-hero_trust {
  grid-column-gap: 3em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.branche-hero_trust-item {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .875em .875em;
  padding-left: 1.5em;
  font-size: .8125em;
  line-height: 1.4;
}

.branche-hero_scroll {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: .875em .875em;
  align-items: center;
  padding-right: 1.25em;
  font-size: .9375em;
  text-decoration: none;
  display: flex;
}

.section_rechtliches-body {
  position: relative;
}

.wrapper_rechtliches-body {
  grid-column-gap: 7.5em;
  grid-row-gap: 3.5em;
  grid-template-rows: auto;
  grid-template-columns: minmax(16em, 21em) minmax(0, 45em);
  align-items: start;
  display: grid;
}

.rechtliches_toc {
  z-index: 20;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---hairline);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---hairline);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---hairline);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---hairline);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ffffff09;
  border-radius: .75em;
  flex-direction: column;
  row-gap: 1.25em;
  max-height: calc(100vh - 8.5em);
  padding: 1.5em;
  display: flex;
  position: sticky;
  top: 7em;
}

.rechtliches_toc-toggle {
  display: none;
}

.rechtliches_toc-toggle-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%238F7DFF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2012h.01%22/%3E%3Cpath%20d=%22M3%2018h.01%22/%3E%3Cpath%20d=%22M3%206h.01%22/%3E%3Cpath%20d=%22M8%2012h13%22/%3E%3Cpath%20d=%22M8%2018h13%22/%3E%3Cpath%20d=%22M8%206h13%22/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
}

.rechtliches_toc-toggle-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-shrink: 0;
  font-size: .75em;
  line-height: 1.2;
}

.rechtliches_toc-current {
  color: var(--_colors---text-paragraph);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: .875em;
  line-height: 1.3;
  overflow: hidden;
}

.rechtliches_toc-chevron {
  border: 1px solid var(--_colors---hairline-strong);
  width: 2.75em;
  height: 2.75em;
  transition: background-color .45s cubic-bezier(.65, 0, .35, 1), transform undefined undefined;
  background-color: #ffffff0a;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23EDF0F5%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m6%209%206%206%206-6%22/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.125em 1.125em;
  border-radius: .5em;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rechtliches_toc-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rechtliches_toc-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .625em;
  font-size: .75em;
  line-height: 1.2;
  display: flex;
}

.rechtliches_toc-count {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.2;
}

.rechtliches_progress {
  background-color: #ffffff14;
  flex-shrink: 0;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.rechtliches_progress-bar {
  background-color: var(--_colors---purple);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
}

.rechtliches_progress-row {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  align-items: center;
  margin-top: -.5em;
  font-size: .6875em;
  line-height: 1.2;
  display: flex;
}

.rechtliches_toc-panel {
  overscroll-behavior: contain;
  flex: auto;
  min-height: 0;
  overflow-y: auto;
}

.rechtliches_toc-panel-inner {
  min-height: 0;
}

.rechtliches_quicklinks {
  border-left: 1px solid var(--_colors---hairline);
  flex-direction: column;
  display: flex;
}

.rechtliches_quicklinks-link {
  min-height: 2.3125em;
  transition: color .2s cubic-bezier(.65, 0, .35, 1), background-color undefined undefined, border-color undefined undefined;
  color: var(--_colors---text-paragraph);
  border-left: 2px solid #0000;
  border-top-right-radius: .375em;
  border-bottom-right-radius: .375em;
  align-items: center;
  column-gap: .875em;
  margin-left: -1px;
  padding: .5em .75em .5em .875em;
  font-size: .9375em;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
  position: relative;
}

.rechtliches_quicklinks-link:hover {
  color: var(--_colors---text-white);
  border-left-color: #ffffff4d;
}

.rechtliches_quicklinks-num {
  width: 1.5em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-size: .8em;
  line-height: 1.2;
}

.rechtliches_quicklinks-title {
  min-width: 0;
}

.rechtliches_toc-foot {
  border-top: 1px dashed var(--_colors---hairline-strong);
  justify-content: space-between;
  align-items: center;
  column-gap: 1em;
  padding-top: .75em;
  display: flex;
}

.rechtliches_toplink {
  min-height: 2.75em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .5em;
  font-size: .75em;
  line-height: 1.2;
  text-decoration: none;
  transition: color .3s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
}

.rechtliches_toplink:hover {
  color: var(--_colors---violet-light);
}

.rechtliches_toplink-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23EDF0F5%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m5%2012%207-7%207%207%22/%3E%3Cpath%20d=%22M12%2019V5%22/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.1em;
  height: 1.1em;
}

.rechtliches_mail {
  min-height: 2.75em;
  color: var(--_colors---violet-light);
  align-items: center;
  font-size: .8125em;
  line-height: 1.3;
  text-decoration: none;
  transition: color .3s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
}

.rechtliches_mail:hover {
  color: var(--_colors---text-white);
}

.rechtliches_toc-scrim {
  display: none;
}

.rechtliches_article {
  flex-direction: column;
  row-gap: 4.75em;
  min-width: 0;
  display: flex;
}

.rechtliches_end {
  flex-direction: column;
  row-gap: 1.25em;
  margin-top: -1em;
  display: flex;
}

.rechtliches_end-line {
  background-color: var(--_colors---hairline-strong);
  transform-origin: 0%;
  height: 1px;
}

.rechtliches_end-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5em 1em;
  display: flex;
}

.rechtliches_end-stand {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75em;
  line-height: 1.2;
}

.rechtliches_totop {
  z-index: 30;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---hairline-strong);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---hairline-strong);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---hairline-strong);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---hairline-strong);
  opacity: 0;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  pointer-events: none;
  background-color: #141120b8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  text-decoration: none;
  transition-property: opacity, transform, border-color;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: none;
  position: fixed;
  bottom: 1.25em;
  right: 1.25em;
  transform: scale(.9);
}

.rechtliches_totop:hover {
  border-color: var(--_colors---purple);
}

.rechtliches_totop-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23EDF0F5%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m5%2012%207-7%207%207%22/%3E%3Cpath%20d=%22M12%2019V5%22/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25em;
  height: 1.25em;
  transition: transform .3s cubic-bezier(.65, 0, .35, 1);
}

.section_ref-hero {
  position: relative;
  overflow: clip visible;
}

.section_ref-hero.is-kontakt {
  position: relative;
}

.ref-hero_glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff33, #8f7dff00);
  width: 47.5em;
  height: 38.75em;
  position: absolute;
  top: 11.25em;
  left: 52.78%;
}

.ref-hero_glow.is-kontakt {
  background-image: radial-gradient(closest-side, #8f7dff3d, #8f7dff00);
  width: 27em;
  height: 27em;
  top: 10em;
  left: 69.44%;
}

.wrapper_ref-hero {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.ref-hero_copy {
  z-index: 2;
  grid-row-gap: 2.5em;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 47.5em;
  display: flex;
  position: relative;
}

.ref-hero_copy.is-kontakt {
  grid-row-gap: 1.5em;
  max-width: 51.25em;
}

.ref-hero_text {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 1.5em;
  display: flex;
}

.ref-hero_h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.ref-hero_lead {
  max-width: 31.1111em;
  margin-top: 0;
  margin-bottom: 0;
}

.ref-hero_actions {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  padding-top: .5em;
  display: flex;
}

.ref-hero_media {
  z-index: 1;
  width: 27.5em;
  height: 32.5em;
  position: absolute;
  top: 7.75em;
  right: 4.5em;
}

.ref-hero_media.is-kontakt {
  top: -3.125em;
  right: 1.375em;
}

.ref-hero_statue {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ref-hero_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.ref-hero_lens {
  -webkit-backdrop-filter: blur(2px) saturate(140%);
  backdrop-filter: blur(2px) saturate(140%);
  background-image: linear-gradient(152deg, #ffffff14, #ffffff03 45%, #ccd9ff0f);
  border: 1px solid #dce6ff73;
  border-color: #dce6ff73 #dce6ff40;
  border-radius: 50%;
  width: 64.95%;
  padding-top: 64.95%;
  position: absolute;
  top: 44.77%;
  left: 45.45%;
  box-shadow: inset 0 .25em .5em #ffffff1f, inset 0 -.6em 1.4em #9ed9ff14, 0 1.4em 2.8em #00000059, 0 0 5.6em #8f7dff2e;
}

.section_faq-tabs {
  z-index: 20;
  padding-top: .75em;
  padding-bottom: .75em;
  position: sticky;
  top: 5.75em;
}

.faq_tabs {
  grid-column-gap: .5em;
  scrollbar-width: none;
  flex-wrap: nowrap;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.faq_tab-pill {
  background-color: var(--_colors---purple);
  opacity: 0;
  pointer-events: none;
  border-radius: 999px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 20px #8f7dff73;
}

.faq_tab {
  z-index: 1;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  min-height: 3.667em;
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #120f1cc7;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  padding-left: 1.125em;
  padding-right: 1.125em;
  font-size: .75em;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1f;
}

.section_faq-1 {
  scroll-margin-top: 10em;
  position: relative;
}

.wrapper_faq-1 {
  grid-column-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 25em;
  align-items: start;
  display: grid;
}

.faq_main {
  grid-row-gap: 6em;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.faq_group {
  grid-row-gap: 2em;
  flex-direction: column;
  scroll-margin-top: 10em;
  display: flex;
}

.faq_group-title {
  margin-top: 0;
  margin-bottom: 0;
}

.faq_list {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.faq_item {
  background-color: #ffffff08;
  background-image: linear-gradient(160deg, #ffffff0d, #fff0 50%);
  border-radius: .5em;
  scroll-margin-top: 11em;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1a, inset 0 1px #ffffff14;
}

.faq_h {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
}

.faq_trigger {
  grid-column-gap: .75em;
  width: 100%;
  color: var(--_colors---text-white);
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 2.25em minmax(0, 1fr) 2em;
  align-items: center;
  padding: 1.25em;
  display: grid;
}

.faq_num {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
}

.faq_q {
  letter-spacing: -.01em;
  font-size: 1.625em;
  line-height: 1.15;
}

.faq_icon-1 {
  border-radius: 4px;
  width: 2em;
  height: 2em;
  display: block;
  position: relative;
}

.faq_panel {
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  display: grid;
}

.faq_panel-inner {
  min-height: 0;
  overflow: hidden;
}

.faq_answer-1 {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.5em;
  padding-left: 4.25em;
  padding-right: 4.5em;
  font-size: 1em;
  line-height: 1.6;
}

.faq_aside {
  align-self: start;
  position: sticky;
  top: 10em;
}

.faq_ask {
  grid-row-gap: 1.5em;
  border-radius: 1em;
  flex-direction: column;
  padding: 2em;
  display: flex;
  overflow: hidden;
}

.faq_ask-glow {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff42, #8f7dff00);
  width: 28em;
  height: 20em;
  position: absolute;
  top: -10em;
  right: -6em;
}

.faq_ask-person {
  grid-column-gap: .875em;
  align-items: center;
  display: flex;
}

.faq_ask-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 3.5em;
  height: 3.5em;
  box-shadow: 0 0 0 1px #b8abff66;
}

.faq_ask-who {
  grid-row-gap: .25em;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.faq_ask-name {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.375em;
  line-height: 1.1;
}

.faq_ask-role {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .625em;
}

.faq_ask-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  line-height: 1.05;
}

.faq_facts {
  grid-row-gap: .25em;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.faq_fact {
  grid-column-gap: .625em;
  min-height: 2em;
  color: var(--_colors---text-white);
  align-items: center;
  font-size: .875em;
  line-height: 1.4;
  display: flex;
}

.faq_fact-ico {
  color: var(--_colors---violet-light);
  display: flex;
}

.faq_fact-link {
  min-height: 2.75em;
  color: var(--_colors---text-white);
  align-items: center;
  text-decoration: underline;
  display: inline-flex;
}

.faq_ask-actions {
  grid-row-gap: .75em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.ls-lens_alt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section_ls-hero {
  position: relative;
  overflow: clip;
}

.wrapper_ls-hero {
  grid-column-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 47.5em) minmax(0, 1fr);
  align-items: start;
  display: grid;
  position: relative;
}

.ls-hero_content {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.ls-crumbs {
  grid-column-gap: 1em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  margin-top: -.8em;
  margin-bottom: 1.3em;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.ls-crumbs_link {
  min-height: 4em;
  color: var(--_colors---text-muted-strong);
  align-items: center;
  transition-property: color;
  transition-duration: .25s;
  display: inline-flex;
}

.ls-crumbs_link:hover {
  color: var(--_colors---text-white);
}

.ls-crumbs_sep {
  color: #c9c4db99;
}

.ls-crumbs_current {
  color: var(--_colors---text-muted-strong);
}

.ls-hero_tag {
  margin-bottom: 1.5em;
}

.is-ls-long {
  font-size: 4.5em;
  line-height: 1.02;
}

.ls-hero_intro {
  max-width: 33.333em;
  margin-top: 1.5556em;
}

.ls-hero_actions {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  margin-top: 2.25em;
  display: flex;
}

.ls-hero_note {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  margin-top: 1.3333em;
  font-size: .75em;
}

.ls-hero_chips {
  grid-row-gap: .875em;
  flex-direction: column;
  max-width: 42.5em;
  margin-top: 3em;
  display: flex;
}

.ls-hero_chips-label {
  color: #c9c4dbcc;
  letter-spacing: .07em;
  font-size: .6875em;
}

.ls-hero_chip-list {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  display: flex;
}

.ls-chip_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---purple);
  letter-spacing: .07em;
  font-size: .6875em;
  transition-property: color;
  transition-duration: .3s;
}

.ls-chip_text {
  font-size: .8125em;
  line-height: 1.3;
}

.ls-hero_visual {
  justify-self: end;
  width: 40em;
  height: 38em;
  margin-top: -2em;
  margin-right: -1.25em;
  position: relative;
}

.ls-hero_glow {
  pointer-events: none;
  width: 47em;
  max-width: none;
  height: auto;
  position: absolute;
  top: 4.5em;
  left: -3.6em;
}

.ls-hero_lens {
  width: 38.4em;
  height: 31.875em;
  position: absolute;
  top: 4em;
  left: .8em;
}

.ls-hero_statue {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  -webkit-mask-image: radial-gradient(50% 50%, #000 52%, #0000 84%);
  mask-image: radial-gradient(50% 50%, #000 52%, #0000 84%);
}

.ls-lens_alt-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-image: radial-gradient(50% 50%, #000 52%, #0000 84%);
  mask-image: radial-gradient(50% 50%, #000 52%, #0000 84%);
}

.res-hero_copy {
  grid-row-gap: 1.75em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 46em;
  display: flex;
}

.res-hero_lead {
  max-width: 31.1em;
  color: var(--_colors---text-paragraph);
  font-size: 1.125em;
  line-height: 1.5;
}

.res-hero_art {
  z-index: 0;
  pointer-events: none;
  width: 51.25em;
  height: 47.5em;
  position: absolute;
  top: 0;
  left: 38.75em;
}

.res-hero_art.is-list {
  width: 43em;
  height: 43em;
  top: 2em;
  left: 47em;
}

.res-hero_img {
  width: 69em;
  max-width: none;
  height: auto;
  position: absolute;
  top: 1.7em;
  left: 5.4em;
}

.res-hero_img.is-list {
  width: 46em;
  top: 1em;
  left: 2em;
}

.res-hero_lens {
  width: 20.5em;
  max-width: none;
  height: auto;
  position: absolute;
  top: 15.3em;
  left: 31.6em;
}

.res-hero_lens.is-list {
  width: 15.4em;
  top: 5.6em;
  left: 18.4em;
}

.res-hero_glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff29, #8f7dff00);
  border-radius: 50%;
  width: 43.75em;
  height: 32.5em;
  position: absolute;
  top: 3.75em;
  left: 51.25em;
}

.res-hero_glow.is-list {
  top: 0;
  left: 60em;
}

.res-hero_glow.is-art {
  width: 50em;
  height: 36em;
  top: -6em;
  left: 50em;
}

.section_res-hero {
  position: relative;
  overflow: clip;
}

.section_res-hero.is-list {
  min-height: 45em;
}

.wrapper_res-hero {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}

.res-hero_chips {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  padding-top: .75em;
  display: flex;
}

.res-hero_actions {
  padding-top: .75em;
}

.res-chip {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  min-height: 3.667em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  align-items: center;
  padding-left: 1.333em;
  padding-right: 1.333em;
  font-size: .75em;
  line-height: 1.3;
  transition: background-color .24s cubic-bezier(.65, 0, .35, 1), border-color .24s cubic-bezier(.65, 0, .35, 1), color .24s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
}

.res-chip:hover {
  background-color: #ffffff14;
  border-color: #8f7dff80;
}

.section_ovhero {
  background-color: var(--_colors---background);
  position: relative;
  overflow: clip;
}

.section_ovhero.is-leistungen {
  min-height: 62.3125em;
}

.section_ovhero.is-branchen {
  min-height: 53.625em;
}

.section_ovhero.is-unternehmen {
  min-height: 56.8125em;
}

.ovhero_art {
  z-index: 0;
  pointer-events: none;
  margin-left: max(0px, 50% - 45em);
  font-size: min(1em, 1.1111vw);
  position: absolute;
  inset: 0;
  overflow: clip;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 4em), #0000);
  mask-image: linear-gradient(90deg, #000 calc(100% - 4em), #0000);
}

.ovhero_art.is-unternehmen {
  position: absolute;
}

.ovhero_glow {
  background-image: radial-gradient(closest-side, #8f7dff38, #8f7dff14 45%, #8f7dff00 100%);
  border-radius: 50%;
  position: absolute;
}

.ovhero_glow.is-leistungen, .ovhero_glow.is-branchen {
  width: 56.25em;
  height: 56.25em;
  top: -12.5em;
  left: 47.5em;
}

.ovhero_glow.is-unternehmen {
  width: 56.25em;
  height: 56.25em;
  top: -18.75em;
  left: 47.5em;
}

.ovhero_statue-wrap {
  position: absolute;
}

.ovhero_statue-wrap.is-leistungen {
  width: 112.5em;
  margin-left: 0;
  top: -3.0419em;
  left: 15.625em;
}

.ovhero_statue-wrap.is-branchen {
  width: 95em;
  margin-left: 0;
  top: -7.2081em;
  left: 35em;
}

.ovhero_statue-wrap.is-unternehmen {
  width: 99.5625em;
  top: 2.5em;
  left: 26.25em;
}

.ovhero_statue {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.ovhero_lens-wrap {
  z-index: 1;
  position: absolute;
}

.ovhero_lens-wrap.is-leistungen {
  width: 29.4147em;
  margin-left: 0;
  top: 11.3341em;
  left: 55.9176em;
}

.ovhero_lens-wrap.is-branchen {
  width: 26.8569em;
  margin-left: 0;
  top: 9.1838em;
  left: 59.6966em;
}

.ovhero_lens {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.ovhero_overlay {
  z-index: 2;
  background-image: linear-gradient(90deg, #0b0912 0% 30%, #0b091299 44%, #0b091200 58%), linear-gradient(#0b0912d9 0%, #0b091200 16% 78%, #0b0912 100%);
  position: absolute;
  inset: 0;
}

.ovhero_overlay.is-unternehmen {
  background-image: linear-gradient(90deg, #0b0912 0% 28%, #0b091200 52%), linear-gradient(0deg, #0b0912 0%, #0b091200 30%);
}

.wrapper_ovhero {
  z-index: 3;
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.ovhero_crumbs {
  display: block;
}

.ovhero_crumbs-list {
  grid-column-gap: .625em;
  grid-row-gap: .25em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: .75em;
  line-height: 1.3;
  list-style-type: none;
  display: flex;
}

.ovhero_crumb {
  align-items: center;
  display: flex;
}

.ovhero_crumb-sep {
  color: #a39eb880;
  align-items: center;
  display: flex;
}

.ovhero_crumb-link {
  min-height: 2.75rem;
  color: var(--_colors---text-paragraph);
  align-items: center;
  margin-top: -.875rem;
  margin-bottom: -.875rem;
  text-decoration: none;
  transition: color .3s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
}

.ovhero_crumb-link:hover, .ovhero_crumb-current {
  color: var(--_colors---text-white);
}

.ovhero_intro {
  max-width: 32.2222em;
  color: var(--_colors---text-paragraph);
}

.ovhero_trust {
  grid-column-gap: 1.75em;
  grid-row-gap: .625em;
  flex-wrap: wrap;
  margin-top: 1.5em;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.ovhero_trust-item {
  grid-column-gap: .625em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75em;
  line-height: 1.3;
  display: flex;
}

.section_home-about {
  background-color: var(--_colors---background);
  position: relative;
  overflow: clip visible;
}

.home-about_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #806bff17, #806bff00);
  border-radius: 50%;
  width: 47.5em;
  height: 47.5em;
  position: absolute;
  top: 10.19em;
  left: 12.22em;
}

.wrapper_home-about {
  flex-direction: column;
  display: flex;
  position: relative;
}

.home-about_grid {
  grid-column-gap: 1em;
  grid-row-gap: 0em;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 4em;
  display: grid;
}

.home-about_portrait {
  aspect-ratio: 665 / 642;
  background-color: #0c0a14;
  border: 1px solid #edf0f50f;
  border-radius: .5em;
  grid-area: 1 / 2 / 3 / 3;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home-about_photo {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-about_photo-glow {
  mix-blend-mode: screen;
  background-image: radial-gradient(41em at -1% 112%, #8575ff9e 0%, #738cff42 45%, #738cff00 100%);
  position: absolute;
  inset: 0;
}

.home-about_photo-fade {
  background-image: linear-gradient(#0c0a1400 46%, #0c0a14f7 88%, #0c0a14 100%);
  position: absolute;
  inset: 0;
}

.home-about_photo-side {
  background-image: linear-gradient(90deg, #0b091200 42%, #0b09129e 100%);
  position: absolute;
  inset: 0;
}

.home-about_photo-grade {
  opacity: .14;
  mix-blend-mode: color;
  background-color: #8f7dff66;
  position: absolute;
  inset: 0;
}

.home-about_caption {
  z-index: 2;
  grid-row-gap: 1em;
  flex-direction: column;
  padding: 2em;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.home-about_name {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75em;
  line-height: 1;
}

.home-about_role {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375em;
  line-height: 1.3;
}

.home-about_lens {
  z-index: 2;
  width: 13.593em;
  height: 8.779em;
  position: absolute;
  bottom: 2em;
  right: 2em;
}

.home-about_lens-light {
  object-fit: contain;
  max-width: none;
  position: absolute;
}

.home-about_lens-light.is-violet {
  width: 53.58%;
  height: 55.3%;
  top: -4.6%;
  left: 44.64%;
}

.home-about_lens-light.is-blue {
  width: 62.51%;
  height: 55.3%;
  top: 45.16%;
  left: 2.97%;
}

.home-about_lens-body {
  width: 121.8%;
  max-width: none;
  height: 137%;
  position: absolute;
  top: -10.14%;
  left: -10.9%;
}

.home-about_lens-reflection {
  mix-blend-mode: screen;
  width: 100%;
  max-width: none;
  height: 100.15%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.home-about_copy {
  grid-row-gap: 1em;
  flex-direction: column;
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  max-width: 27.3125em;
  display: flex;
}

.home-about_text {
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.4;
}

.home-about_cards {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  margin-top: 3.8125em;
  display: flex;
}

.home-about_card {
  grid-row-gap: 5em;
  background-color: #ffffff0a;
  border-radius: .5em;
  flex-direction: column;
  flex: 1;
  padding: 2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-about_number {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
  line-height: 1.3;
}

.home-about_icon {
  width: 6.5em;
  height: 6.5em;
  position: absolute;
  top: 1.5em;
  right: 2em;
}

.home-about_card-text {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.home-about_card-body {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.section_ref-facts {
  position: relative;
}

.ref-facts_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff1f, #8f7dff00);
  width: 62.5em;
  height: 25em;
  position: absolute;
  top: 26.25em;
  left: 13.89%;
}

.wrapper_ref-facts {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ref-facts_h2 {
  max-width: 9.1111em;
  margin-top: 0;
  margin-bottom: 0;
}

.ref-facts_grid {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: -1px;
  margin-right: -1px;
  display: grid;
}

.ref-facts_cell {
  grid-row-gap: .625em;
  border-bottom: 1px solid #ffffff14;
  border-right: 1px solid #ffffff14;
  flex-direction: column;
  align-items: flex-start;
  min-height: 16.25em;
  padding: 2.25em;
  transition: background-color .3s cubic-bezier(.65, 0, .35, 1);
  display: flex;
}

.ref-facts_cell:hover {
  background-color: #ffffff08;
}

.ref-facts_idx {
  grid-column-gap: .625em;
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  padding-bottom: 1.125em;
  font-size: .75em;
  line-height: 1.3;
  display: flex;
}

.ref-facts_marker {
  background-color: var(--_colors---purple);
  width: .5em;
  height: .5em;
  transition: box-shadow .3s cubic-bezier(.65, 0, .35, 1);
}

.ref-facts_value {
  grid-column-gap: .12em;
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  white-space: nowrap;
  align-items: baseline;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.5em;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.ref-facts_unit {
  color: var(--_colors---violet-light);
  letter-spacing: 0;
  font-size: .3977em;
  line-height: 1;
}

.ref-facts_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.3;
}

.ref-facts_note {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.section_branche-ql {
  z-index: 20;
  padding-top: .75em;
  padding-bottom: .75em;
  position: sticky;
  top: 5.5em;
}

.branche-ql_bar {
  grid-column-gap: .25em;
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  backdrop-filter: blur(24px) saturate(140%);
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  background-color: #14111eb8;
  border: 1px solid #ffffff1a;
  border-radius: .5em;
  align-items: center;
  padding: .5em .75em .5em 1.5em;
  display: flex;
  overflow-x: auto;
}

.branche-ql_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: .75em;
}

.branche-ql_divider {
  background-color: #ffffff1f;
  flex-grow: 0;
  flex-shrink: 0;
  width: 1px;
  height: 1.5em;
  margin-left: 1.75em;
  margin-right: 1.25em;
}

.branche-ql_link {
  grid-column-gap: .5em;
  min-height: 2.75em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  scroll-snap-align: start;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  padding: .5em .75em;
  font-size: .8125em;
  text-decoration: none;
  transition: color .3s cubic-bezier(.65, 0, .35, 1);
  display: flex;
  position: relative;
}

.branche-ql_link:hover {
  color: var(--_colors---text-white);
}

.branche-ql_link.is-active {
  color: #b8abff;
}

.branche-ql_num {
  color: var(--_colors---text-paragraph);
}

.section_branche-leitsatz {
  background-image: radial-gradient(50% 42%, #6e5adc29, #6e5adc0d 55%, #6e5adc00);
  position: relative;
}

.wrapper_branche-leitsatz {
  grid-row-gap: 2.25em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.branche-leitsatz_quote {
  max-width: 21em;
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.015em;
  text-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5em;
  line-height: 1.08;
}

.branche-leitsatz_accent {
  color: var(--_colors---purple);
}

.branche-leitsatz_muted {
  color: var(--_colors---text-paragraph);
}

.branche_index {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  font-size: .75em;
}

.branche_card-text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.branche_card-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.25em;
  display: flex;
}

.branche_ico {
  background-color: #8f7dff1f;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  border: 1px solid #8f7dff73;
  border-radius: .375em;
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.75em;
  height: 2.75em;
  transition-property: box-shadow;
  transition-duration: .4s;
  display: block;
}

.branche_ico.is-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM8 12l3 3 5-6'/%3E%3C/svg%3E");
}

.branche_ico.is-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3v5M15 3v5M6 8h12v3a6 6 0 0 1-12 0V8zM12 17v4'/%3E%3C/svg%3E");
}

.branche_ico.is-3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7l1-8z'/%3E%3C/svg%3E");
}

.branche_ico.is-4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3zM9 12l2 2 4-4'/%3E%3C/svg%3E");
}

.branche_ico.is-5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11h12v10H6zM8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
}

.branche_ico.is-6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h16M6 15l4-4 3 3 6-6M15 8h4v4'/%3E%3C/svg%3E");
}

.branche_ico.is-7 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}

.branche_ico.is-8 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h5v18H6a2 2 0 0 0-2 2zM20 5a2 2 0 0 0-2-2h-5v18h5a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.branche_ico.is-9 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 6.5A7 7 0 1 0 17 17.5M4 10h9M4 14h9'/%3E%3C/svg%3E");
}

.branche_ico.is-10 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10v18H7zM10 8h4M10 12h4M10 16h2'/%3E%3C/svg%3E");
}

.branche_ico.is-11 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 7v5l3 2'/%3E%3C/svg%3E");
}

.branche_ico.is-12 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8l-4 4 4 4M16 8l4 4-4 4'/%3E%3C/svg%3E");
}

.branche_ico.is-13 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4.5a4 4 0 0 0-5 5L4 15v5h5l5.5-5.5a4 4 0 0 0 5-5l-2.5 2.5-3-3z'/%3E%3C/svg%3E");
}

.branche_ico.is-14 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3zM3 7l9 6 9-6'/%3E%3C/svg%3E");
}

.branche_ico.is-15 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v14H4zM4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E");
}

.branche-anf_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 4.25em;
  display: grid;
}

.branche_kicker {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---purple);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .8125em;
  line-height: 1.3;
}

.branche_kicker.is-active {
  color: var(--_colors---violet-light);
}

.section_branche-ausg {
  background-image: radial-gradient(35% 32% at 0 62%, #6e5adc2e, #6e5adc0f 55%, #6e5adc00);
  position: relative;
}

.branche-ausg_slider {
  margin-top: 4.25em;
}

.branche-ausg_track {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.branche-ausg_ill-wrap {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
}

.branche-ausg_ill {
  width: 6.5em;
  height: 6.5em;
  display: block;
}

.branche-ausg_ui {
  grid-column-gap: 1em;
  align-items: center;
  margin-top: 1.5em;
  display: none;
}

.branche-ausg_bar {
  background-color: #ffffff1f;
  border-radius: 2px;
  flex-grow: 1;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.branche-ausg_count {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
}

.rechtliches_chapter {
  flex-direction: column;
  row-gap: 1.5em;
  scroll-margin-top: 7em;
  display: flex;
}

.rechtliches_kicker {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---purple);
  letter-spacing: .15em;
  text-transform: uppercase;
  font-size: .75em;
  line-height: 1.2;
}

.rechtliches_h2 {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: -.4em;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.1;
}

.rechtliches_h3 {
  color: var(--_colors---text-white);
  margin-top: .5em;
  margin-bottom: 0;
  font-size: 1.625em;
  font-weight: 400;
  line-height: 1.2;
}

.rechtliches_richtext {
  flex-direction: column;
  row-gap: 1em;
  display: flex;
}

.rechtliches_p {
  color: #ada8c0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625em;
  line-height: 1.7;
}

.rechtliches_list {
  flex-direction: column;
  row-gap: .5em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25em;
  display: flex;
}

.rechtliches_list-item {
  color: #ada8c0;
  padding-left: .25em;
  font-size: 1.0625em;
  line-height: 1.65;
}

.rechtliches_strong {
  color: var(--_colors---text-white);
  font-weight: 500;
}

.rechtliches_link {
  color: var(--_colors---violet-light);
  overflow-wrap: anywhere;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  text-decoration: none;
  transition-property: color, background-size;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
}

.rechtliches_link:hover {
  color: var(--_colors---text-white);
  background-size: 100% 1px;
}

.rechtliches_todo {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  overflow-wrap: anywhere;
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
  background-color: #8f7dff1a;
  border: 1px dashed #b8abff80;
  border-radius: .25em;
  padding: .1em .25em;
  font-size: .8125em;
  line-height: 1.7;
  display: inline;
}

.rechtliches_card-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  column-gap: .625em;
  font-size: .6875em;
  line-height: 1.2;
  display: flex;
}

.rechtliches_label-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
}

.rechtliches_label-icon.is-pin {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%238F7DFF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%223%22/%3E%3C/svg%3E");
  width: 1.4em;
  height: 1.4em;
}

.rechtliches_label-icon.is-scale {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%238F7DFF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m16%2016%203-8%203%208c-.87.65-1.92%201-3%201s-2.13-.35-3-1Z%22/%3E%3Cpath%20d=%22m2%2016%203-8%203%208c-.87.65-1.92%201-3%201s-2.13-.35-3-1Z%22/%3E%3Cpath%20d=%22M7%2021h10%22/%3E%3Cpath%20d=%22M12%203v18%22/%3E%3Cpath%20d=%22M3%207h2c2%200%205-1%207-2%202%201%205%202%207%202h2%22/%3E%3C/svg%3E");
}

.rechtliches_address {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.625;
}

.rechtliches_contact {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.rechtliches_contact-item {
  grid-column-gap: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---hairline);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---hairline);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---hairline);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---hairline);
  color: var(--_colors---text-white);
  background-color: #ffffff08;
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: 2.75em minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  padding: 1em;
  text-decoration: none;
  transition-property: background-color, border-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: grid;
}

.rechtliches_contact-item:hover {
  background-color: #ffffff12;
  border-color: #8f7dff66;
}

.rechtliches_icon-box {
  background-color: #8f7dff24;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  border: 1px solid #8f7dff4d;
  border-radius: .5em;
  width: 2.75em;
  height: 2.75em;
  transition: background-color .2s cubic-bezier(.65, 0, .35, 1);
}

.rechtliches_icon-box.is-phone {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%220 0 17.5917 17.5918%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cg%3E %3Cpath d=%22M16.8417 12.6668V15.1668C16.8429 15.4004 16.7949 15.6317 16.7009 15.8456C16.6069 16.0595 16.469 16.2512 16.2962 16.4084C16.1233 16.5655 15.9193 16.6846 15.6975 16.7578C15.4756 16.831 15.2408 16.8568 15.0084 16.8334C12.5385 16.5545 10.1691 15.6981 8.09169 14.3334C6.14098 13.1021 4.48973 11.4508 3.25836 9.50011C1.89368 7.42274 1.03725 5.05326 0.758357 2.58344C0.734991 2.35098 0.760759 2.1162 0.833989 1.89435C0.907219 1.67249 1.02628 1.4685 1.18343 1.29563C1.34059 1.12276 1.53234 0.984857 1.74623 0.890877C1.96013 0.796896 2.19139 0.748935 2.42502 0.750107H4.92502C5.32696 0.745563 5.717 0.886435 6.02328 1.14677C6.32955 1.4071 6.53142 1.76935 6.59169 2.16677C6.67502 3.00011 6.92502 3.75011 7.17502 4.41677C7.28025 4.71777 7.29692 5.04263 7.22307 5.35282C7.14921 5.663 6.98793 5.94549 6.75836 6.16677L5.67502 7.25011C6.80579 9.27898 8.47948 10.9527 10.5084 12.0834L11.5917 11.0001C11.813 10.7705 12.0955 10.6092 12.4056 10.5354C12.7158 10.4615 13.0407 10.4782 13.3417 10.5834C14.0917 10.8334 14.8417 11.0834 15.5917 11.1668C15.9313 11.2536 16.2349 11.4453 16.4593 11.7146C16.6838 11.9839 16.8176 12.3171 16.8417 12.6668Z%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke=%22%23B8ABFF%22/%3E %3C/g%3E %3C/svg%3E");
}

.rechtliches_icon-box.is-mail {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%220 0 16.5 13.1667%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cg%3E %3Cpath d=%22M2.41667 0.75H14.0833C15.0038 0.75 15.75 1.49619 15.75 2.41667V10.75C15.75 11.6705 15.0038 12.4167 14.0833 12.4167H2.41667C1.49619 12.4167 0.75 11.6705 0.75 10.75V2.41667C0.75 1.49619 1.49619 0.75 2.41667 0.75Z%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke=%22%23B8ABFF%22/%3E %3Cpath d=%22M1.16667 2.41667L8.25 7.41667L15.3333 2.41667%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke=%22%23B8ABFF%22/%3E %3C/g%3E %3C/svg%3E");
}

.rechtliches_contact-text {
  flex-direction: column;
  row-gap: .25em;
  min-width: 0;
  display: flex;
}

.rechtliches_contact-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.2;
}

.rechtliches_contact-value {
  color: var(--_colors---text-white);
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.3;
}

.section_ls-ql {
  z-index: 30;
  position: sticky;
  top: 5.75em;
}

.wrapper_ls-ql {
  position: relative;
}

.ls-ql_bar {
  grid-column-gap: 1em;
  background-color: #0b0912b8;
  border-radius: .75em;
  align-items: center;
  padding: .5em .5em .5em 1.25em;
  display: flex;
  overflow: hidden;
}

.ls-ql_label {
  color: var(--_colors---text-muted-strong);
  white-space: nowrap;
  border-right: 1px solid #ffffff1f;
  flex-shrink: 0;
  padding-right: 1em;
  font-size: .6875em;
}

.ls-ql_track {
  grid-column-gap: .25em;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  flex: 1;
  display: flex;
  overflow-x: auto;
  -webkit-mask-image: linear-gradient(90deg, #000 92%, #0000);
  mask-image: linear-gradient(90deg, #000 92%, #0000);
}

.ls-ql_link {
  grid-column-gap: .5em;
  min-height: 2.75em;
  color: var(--_colors---text-paragraph);
  white-space: nowrap;
  scroll-snap-align: center;
  border-radius: .5em;
  flex-shrink: 0;
  align-items: center;
  padding: .5em .75em;
  font-size: .8125em;
  line-height: 1.2;
  text-decoration: none;
  transition-property: background-color, color;
  transition-duration: .18s;
  display: inline-flex;
}

.ls-ql_link:hover {
  color: var(--_colors---text-white);
  background-color: #ffffff0a;
}

.ls-ql_link.is-active {
  color: var(--_colors---text-white);
  background-color: #8f7dff24;
}

.ls-ql_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  font-size: .85em;
}

.ls-ql_next {
  cursor: pointer;
  background-color: #ffffff0f;
  border-radius: .5em;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  transition-property: background-color;
  transition-duration: .25s;
  display: flex;
  position: relative;
}

.ls-ql_next:hover {
  background-color: #8f7dff33;
}

.ls-ql_next-icon {
  border-top: 1.5px solid var(--_colors---text-white);
  border-right: 1.5px solid var(--_colors---text-white);
  width: .5em;
  height: .5em;
  transform: translateX(-15%)rotate(45deg);
}

.ls-ql_progress {
  background-color: #ffffff0f;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ls-ql_progress-bar {
  transform-origin: 0%;
  background-image: linear-gradient(90deg, #8f7dff, #b8abff);
  width: 100%;
  height: 100%;
  transform: scaleX(0);
}

.glass-panel-parent.glass-panel.ls-def {
  grid-column-gap: 3em;
  background-color: #ffffff0d;
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: 13.75em minmax(0, 1fr);
  padding: 2.25em 2.5em;
  display: grid;
}

.section_ls-ausgangslage {
  position: relative;
}

.wrapper_ls-ausgangslage {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-def_label {
  grid-row-gap: .625em;
  flex-direction: column;
  display: flex;
}

.ls-def_kicker {
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  font-size: .6875em;
}

.ls-def_term {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  font-size: .6875em;
}

.ls-def_text {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  font-size: 2em;
  line-height: 1.25;
}

.ls-icon_sprite {
  width: 80em;
  max-width: none;
  height: 1.25em;
  display: block;
  position: absolute;
  top: .5625em;
  left: 0;
}

.ls-icon_sprite.is-ic-db {
  left: -25em;
}

.ls-icon_sprite.is-ic-user {
  left: -72.5em;
}

.ls-icon_sprite.is-ic-wrench {
  left: -75em;
}

.ls-glow {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff24, #8f7dff00);
  border-radius: 50%;
  height: 32.5em;
  position: absolute;
  top: 11em;
  left: 7.5%;
  right: 7.5%;
}

.ls-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.ls-grid.is-4 {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.ls-icon {
  background-color: #8f7dff14;
  border: 1px solid #8f7dff47;
  border-radius: .5em;
  flex-shrink: 0;
  width: 2.5em;
  height: 2.5em;
  transition-property: background-color, border-color;
  transition-duration: .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.ls-icon.is-sm {
  font-size: .8em;
}

.ls-card_top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3em;
  display: flex;
}

.ls-card_num {
  font-family: var(--_tokens---font-mono);
  color: #edf0f5d9;
  letter-spacing: .07em;
  font-size: .75em;
  line-height: 1.3;
}

.ls-card_title {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ls-card_text {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: .9375em;
}

.section_ovql {
  z-index: 20;
  border-top: 1px solid var(--_colors---hairline);
  border-bottom: 1px solid var(--_colors---hairline);
  background-color: #0b0912d1;
  position: sticky;
  top: 5em;
}

.ovql_inner {
  grid-column-gap: 2.5em;
  align-items: stretch;
  display: flex;
  overflow: auto hidden;
}

.ovql_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  margin-right: .5em;
  font-size: .75em;
  display: flex;
}

.ovql_link {
  grid-column-gap: .625em;
  min-height: 5.25em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  font-size: .75em;
  line-height: 1.2;
  text-decoration: none;
  transition: color .3s cubic-bezier(.65, 0, .35, 1);
  display: flex;
  position: relative;
}

.ovql_link:hover {
  color: var(--_colors---text-white);
}

.ovql_num, .ovql_text {
  color: inherit;
}

.section_ovlcards {
  position: relative;
}

.ovlcards_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff1a, #8f7dff00);
  width: 83.125em;
  height: 39.375em;
  position: absolute;
  top: 25em;
  left: 3.4375em;
}

.wrapper_ovlcards {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ovlcards_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 1.5em;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.ovlcards_item {
  display: flex;
}

.ovlcards_hover-glow {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(80% 50% at 50% 0, #8f7dff3d, #8f7dff00 70%);
  border-radius: .75em;
  position: absolute;
  inset: 0;
}

.ovlcards_media {
  pointer-events: none;
  border-top-left-radius: .75em;
  border-top-right-radius: .75em;
  height: 21em;
  position: relative;
  overflow: visible;
}

.ovlcards_img {
  transform-origin: 50% 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.ovlcards_num {
  z-index: 2;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
  position: absolute;
  top: 3em;
  left: 3em;
}

.ovlcards_body {
  z-index: 1;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  margin-top: -1.6875em;
  padding-bottom: 1.75em;
  padding-left: 2.25em;
  padding-right: 2.25em;
  display: flex;
  position: relative;
}

.ovlcards_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 1.1429em;
  font-size: .875em;
  line-height: 1.55;
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
}

.ovlcards_tags {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.ovlcards_tag {
  min-height: 2.3333em;
  color: var(--_colors---text-muted-strong);
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 62.5em;
  align-items: center;
  padding-left: 1.0833em;
  padding-right: 1.0833em;
  font-size: .75em;
  line-height: 1.2;
  display: flex;
}

.ovlcards_more {
  grid-column-gap: .6667em;
  min-height: 3.6667em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin-top: auto;
  font-size: .75em;
  display: flex;
}

.ovrelated {
  grid-column-gap: 1.5em;
  grid-row-gap: .5em;
  border-top: 1px solid var(--_colors---hairline);
  flex-wrap: wrap;
  align-items: center;
  margin-top: -1.5em;
  padding-top: 1.25em;
  display: flex;
}

.ovrelated_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
}

.section_home-hero {
  background-color: var(--_colors---background);
  min-height: 60em;
  position: relative;
  overflow: clip;
}

.home-hero_visual {
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-hero_base {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}

.home-hero_alt {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-hero_layer {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-hero_stone {
  width: 22.5%;
  max-width: none;
  height: auto;
  position: absolute;
  top: 8.646%;
  left: 75.903%;
}

.home-hero_glow {
  background-image: radial-gradient(circle closest-side, #8f7dff1f 0%, #8f7dff12 45%, #8f7dff00 100%);
  width: 83.75em;
  height: 83.75em;
  position: absolute;
  top: -30em;
  left: 33.75em;
}

.home-hero_overlay-left {
  background-image: linear-gradient(90deg, #0b0912f2 0%, #0b0912bf 38%, #0b091200 62%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-hero_overlay-bottom {
  background-image: linear-gradient(#0b09128c 0%, #0b091200 18% 72%, #0b0912 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-hero_art-fade {
  z-index: 3;
  background-image: linear-gradient(#0b0912 0%, #0b091200 100%);
  width: 100%;
  height: 16.25em;
  display: none;
  position: absolute;
  top: -.125em;
  left: 0;
}

.home-hero_glow-top {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(circle closest-side, #8f7dff1f 0%, #8f7dff12 45%, #8f7dff00 100%);
  width: 71.25em;
  height: 71.25em;
  display: none;
  position: absolute;
  top: -26.125em;
  left: 10em;
}

.home-hero_bottom-fade {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(#0b091200 0%, #0b0912 100%);
  width: 100%;
  height: 9.1875em;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wrapper_home-hero {
  flex-direction: column;
  justify-content: space-between;
  min-height: 46em;
  display: flex;
}

.home-hero_content {
  grid-row-gap: 3em;
  pointer-events: auto;
  flex-direction: column;
  align-items: flex-start;
  max-width: 49.75em;
  padding-left: 1em;
  display: flex;
}

.home-hero_text {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  display: flex;
}

.home-hero_title {
  flex-direction: column;
  max-width: 7.8em;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.home-hero_title-line {
  margin-top: -.08em;
  margin-bottom: -.14em;
  padding-top: .08em;
  padding-bottom: .14em;
  display: block;
  overflow: clip;
}

.home-hero_title-in {
  display: block;
}

.home-hero_lead {
  max-width: 29.4444em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.4;
}

.home-hero_trust {
  grid-row-gap: 1.6875em;
  pointer-events: auto;
  flex-direction: column;
  display: flex;
}

.home-hero_divider {
  background-color: #ffffff1a;
  width: 100%;
  height: 1px;
}

.home-hero_trust-row {
  justify-content: space-between;
  align-items: center;
  min-height: 1.25em;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.home-hero_trust-list {
  grid-column-gap: 3em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.home-hero_trust-item {
  grid-column-gap: .625em;
  align-items: center;
  display: flex;
}

.home-hero_check {
  flex-shrink: 0;
  width: .875em;
  height: .875em;
}

.home-hero_trust-text {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .8125em;
  line-height: 1.2;
}

.home-hero_scroll {
  grid-column-gap: .5em;
  min-height: 2.75em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---white);
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  margin-top: -.75em;
  margin-bottom: -.75em;
  font-size: .9375em;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.home-hero_scroll-icon {
  width: .9333em;
  height: .9333em;
}

.section_ref-cases {
  position: relative;
}

.ref-cases_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff1f, #8f7dff00);
  width: 77.5em;
  height: 35em;
  position: absolute;
  top: 56.25em;
  left: 6.94%;
}

.wrapper_ref-cases {
  flex-direction: column;
  display: flex;
  position: relative;
}

.ref-cases_h2 {
  max-width: 10em;
  margin-top: 0;
  margin-bottom: 0;
}

.ref-filter_group {
  grid-column-gap: 1.5em;
  align-items: center;
  display: flex;
}

.ref-filter_label {
  width: 8.6667em;
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  flex-shrink: 0;
  font-size: .75em;
  line-height: 1.3;
}

.ref-filter_chips {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  flex-grow: 1;
  min-width: 0;
  display: flex;
}

.ref-filter_divider {
  background-color: #ffffff14;
  width: 100%;
  height: 1px;
}

.ref-filter_bar {
  grid-column-gap: 1.5em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ref-filter_meta {
  grid-column-gap: 1.5em;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.ref-filter_count {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
  line-height: 1.3;
}

.ref-filter_reset {
  height: 3.1429em;
  color: var(--_colors---text-paragraph);
  cursor: pointer;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23A39EB8' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3.5 3.5l7 7M10.5 3.5l-7 7'/%3E%3C/svg%3E");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  align-items: center;
  padding: 0 0 0 1.4286em;
  font-size: .875em;
  line-height: 1.3;
  transition-property: color;
  transition-duration: .3s;
  display: inline-flex;
}

.ref-filter_reset:hover {
  color: var(--_colors---text-white);
}

.ref-filter_view {
  grid-column-gap: .25em;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  padding: .25em;
  display: flex;
  position: relative;
}

.ref-filter_view-pill {
  pointer-events: none;
  width: 6.5em;
  height: 2.75em;
  transition: transform .3s cubic-bezier(.34, 1.4, .64, 1), width undefined undefined;
  background-color: #ffffff1a;
  border-radius: 999px;
  position: absolute;
  top: .25em;
  left: .25em;
}

.ref-filter_view-btn {
  z-index: 1;
  height: 3.6667em;
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  background-position: 1.1667em;
  background-repeat: no-repeat;
  background-size: 1.3333em 1.3333em;
  border-radius: 999px;
  align-items: center;
  padding: 0 1.3333em 0 2.6667em;
  font-size: .75em;
  line-height: 1.3;
  transition-property: color;
  transition-duration: .3s;
  display: inline-flex;
  position: relative;
}

.ref-filter_view-btn.is-active {
  color: var(--_colors---text-white);
}

.ref-cases_list {
  margin-top: 3em;
}

.ref-cases_grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.ref-cases_grid.is-more {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.ref-cases_item {
  display: flex;
}

.case-card_media {
  flex-shrink: 0;
  height: 15em;
  position: relative;
  overflow: hidden;
}

.case-card_img {
  opacity: .85;
  mix-blend-mode: lighten;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.case-card_lens {
  background-color: var(--_colors---background);
  border: 1px solid #ffffff52;
  border-radius: .5em;
  position: absolute;
  inset: .75em;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff1f;
}

.case-card_lens-img {
  mix-blend-mode: lighten;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform .6s cubic-bezier(.65, 0, .35, 1);
  position: absolute;
  inset: 0;
  transform: scale(1.25);
}

.case-card_status {
  z-index: 2;
  grid-column-gap: .5em;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0b091299;
  border: 1px solid #8f7dff80;
  border-radius: 999px;
  align-items: center;
  padding: .375em .75em .375em .625em;
  font-size: .75em;
  line-height: 1.3;
  display: flex;
  position: absolute;
  top: 1.5em;
  left: 2em;
}

.case-card_pulse {
  background-color: var(--_colors---purple);
  border-radius: 50%;
  width: .5em;
  height: .5em;
  box-shadow: 0 0 .6667em #8f7dffe6;
}

.case-card_tags {
  z-index: 2;
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-wrap: wrap;
  display: flex;
  position: absolute;
  bottom: 1.5em;
  left: 2em;
  right: 2em;
  overflow: visible;
}

.case-card_tag {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #edf0f5d9;
  white-space: normal;
  background-color: #0b09128c;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  max-width: 100%;
  padding: .3125em .75em;
  font-size: .75em;
  line-height: 1.3;
}

.case-card_body {
  grid-row-gap: 1.75em;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 1.75em 2em;
  display: flex;
}

.case-card_summary {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.case-card_kicker {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .75em;
  line-height: 1.3;
}

.case-card_title {
  margin-top: 0;
  margin-bottom: 0;
}

.case-card_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.ref-cases_empty {
  grid-row-gap: 1em;
  text-align: center;
  border: 1px dashed #ffffff29;
  border-radius: .5em;
  flex-direction: column;
  align-items: center;
  margin-top: 3em;
  padding: 4em 2em;
  display: flex;
}

.ref-cases_empty-title {
  margin-top: 0;
  margin-bottom: 0;
}

.ref-cases_empty-text {
  max-width: 35em;
  margin-top: 0;
  margin-bottom: .5em;
}

.ref-cases_empty-actions {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.ls-ic {
  background-image: url('/images/v-leistung-icons-v2.svg');
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: 80em 1.25em;
  width: 100%;
  height: 100%;
  display: block;
}

.ls-ic.is-ic-approve {
  background-position-x: 0;
}

.ls-ic.is-ic-chart {
  background-position-x: -12.5em;
}

.ls-ic.is-ic-link {
  background-position-x: -45em;
}

.ls-ic.is-ic-pulse {
  background-position-x: -55em;
}

.ls-ic.is-ic-route {
  background-position-x: -57.5em;
}

.ls-ic.is-ic-shield {
  background-position-x: -65em;
}

.ls-ic.is-ic-bell {
  background-position-x: -2.5em;
}

.ls-ic.is-ic-check {
  background-position-x: -15em;
}

.ls-ic.is-ic-doc {
  background-position-x: -27.5em;
}

.ls-ic.is-ic-file {
  background-position-x: -35em;
}

.ls-ic.is-ic-mail {
  background-position-x: -47.5em;
}

.ls-ic.is-ic-server {
  background-position-x: -62.5em;
}

.ls-ic.is-ic-swap {
  background-position-x: -70em;
}

.ls-ic.is-ic-zap {
  background-position-x: -77.5em;
}

.ls-ic.is-ic-info {
  background-position-x: -42.5em;
}

.ls-ic.is-ic-brief {
  background-position-x: -7.5em;
}

.ls-ic.is-ic-code {
  background-position-x: -20em;
}

.ls-ic.is-ic-factory {
  background-position-x: -32.5em;
}

.ls-ic.is-ic-flask {
  background-position-x: -37.5em;
}

.ls-ic.is-ic-home {
  background-position-x: -40em;
}

.ls-ic.is-ic-plane {
  background-position-x: -52.5em;
}

.ls-ic.is-ic-clock {
  background-position-x: -17.5em;
}

.ls-ic.is-ic-copy {
  background-position-x: -22.5em;
}

.ls-ic.is-ic-eyeoff {
  background-position-x: -30em;
}

.ls-ic.is-ic-book {
  background-position-x: -5em;
}

.ls-ic.is-ic-spark {
  background-position-x: -67.5em;
}

.ls-ic.is-ic-scan {
  background-position-x: -60em;
}

.ls-ic.is-ic-cal {
  background-position-x: -10em;
}

.ls-ic.is-ic-pen {
  background-position-x: -50em;
}

.branche-ansatz_split {
  grid-column-gap: 3em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 31.25em;
  align-items: start;
  margin-top: 4.25em;
  display: grid;
}

.branche-ansatz_copy {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  padding-top: .25em;
  display: flex;
}

.branche-ansatz_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.5;
}

.branche-ansatz_steps-wrap {
  margin-top: 4.25em;
  position: relative;
}

.branche-ansatz_line {
  transform-origin: 0%;
  background-image: linear-gradient(90deg, #8f7dff, #ffffff1f);
  height: 1px;
  position: absolute;
  top: .3125em;
  left: 0;
  right: 0;
}

.branche-ansatz_steps {
  grid-column-gap: 2em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
  position: relative;
}

.branche-ansatz_step {
  grid-row-gap: .5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.branche-ansatz_dot {
  background-color: var(--_colors---text-white);
  width: .625em;
  height: .625em;
  margin-bottom: 1.25em;
  display: block;
}

.branche-ansatz_dot.is-active {
  background-color: var(--_colors---purple);
  box-shadow: 0 0 12px #8f7dffcc;
}

.branche-ansatz_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75em;
}

.branche-ansatz_label.is-active {
  color: var(--_colors---violet-light);
}

.branche-ansatz_step-text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.45;
}

.branche-leist_list {
  border-top: 1px solid #ffffff1a;
  margin-top: 4.25em;
}

.branche-leist_row {
  grid-column-gap: 0em;
  color: var(--_colors---text-white);
  background-image: linear-gradient(90deg, #8f7dff00, #8f7dff00);
  border-bottom: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 3em minmax(0, 1fr) minmax(0, 40em) 2.75em;
  align-items: center;
  padding: 1.75em .5em;
  text-decoration: none;
  transition-property: padding, background-color, color;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.branche-leist_row:hover {
  color: var(--_colors---violet-light);
  background-image: linear-gradient(90deg, #8f7dff29, #8f7dff05);
  padding-left: 1.5em;
}

.branche-leist_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  font-size: .75em;
}

.branche-leist_title {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  padding-right: 2em;
  font-size: 2.25em;
  line-height: 1.1;
}

.branche-leist_text {
  color: var(--_colors---text-paragraph);
  padding-right: 2.5em;
  font-size: 1em;
  line-height: 1.5;
}

.branche-leist_arrow {
  width: 2.75em;
  height: 2.75em;
  transition: background-color .4s cubic-bezier(.22, 1, .36, 1), transform undefined undefined;
  background-color: #ffffff0a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875em .875em;
  border: 1px solid #ffffff24;
  border-radius: .25em;
  display: block;
}

.branche_head-side {
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  padding-top: .375em;
  display: flex;
}

.branche-anw_note {
  max-width: 20em;
  color: var(--_colors---text-paragraph);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A39EB8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6M12 17h.01'/%3E%3C/svg%3E");
  background-position: 0 .1em;
  background-repeat: no-repeat;
  background-size: 1.125em 1.125em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.75em;
  font-size: .875em;
  line-height: 1.5;
}

.branche-anw_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 4.25em;
  display: grid;
}

.branche-anw_hint {
  grid-column-gap: 1.75em;
  grid-row-gap: 1em;
  background-color: #ffffff05;
  border: 1px dashed #fff3;
  border-radius: .5em;
  align-items: center;
  margin-top: 4em;
  padding: 1.75em 2em;
  display: flex;
}

.branche-anw_hint-ico {
  background-color: #8f7dff1f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A18FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7zM14 3v4h4M10 12h5M10 16h5'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  border: 1px solid #8f7dff73;
  border-radius: .375em;
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.75em;
  height: 2.75em;
  display: block;
}

.branche-anw_hint-copy {
  grid-row-gap: .5em;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.branche-anw_hint-title {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625em;
  font-weight: 500;
  line-height: 1.35;
}

.branche-anw_hint-text {
  max-width: 46em;
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.wrapper_res-bento {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.res-bento_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 783fr 543fr;
  display: grid;
}

.res-tile {
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  min-height: 18.125em;
  color: var(--_colors---text-white);
  isolation: isolate;
  background-color: #ffffff08;
  border-radius: 1em;
  flex-direction: column;
  justify-content: space-between;
  padding: 2em 2em 1.625em;
  text-decoration: none;
  transition: background-color .24s cubic-bezier(.65, 0, .35, 1), box-shadow .24s cubic-bezier(.65, 0, .35, 1), transform .6s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: relative;
  overflow: clip;
  box-shadow: inset 0 1px #ffffff24, inset 0 0 0 1px #ffffff14, 0 1.5em 3em -1.5em #0000008c;
}

.res-tile:hover {
  background-color: #ffffff0e;
  box-shadow: inset 0 1px #ffffff38, inset 0 0 0 1px #8f7dff80, 0 2em 4em -2em #0009, 0 0 3em -1em #8f7dff38;
}

.res-tile.is-xl {
  min-height: 37.5em;
}

.res-tile.is-wide {
  min-height: 20em;
}

.res-bento_col {
  grid-row-gap: 1em;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  display: grid;
}

.res-tile_body {
  grid-row-gap: .75em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 18.75em;
  padding-top: 1em;
  display: flex;
  position: relative;
}

.res-tile_title {
  max-width: 100%;
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.02em;
  font-size: 2.75em;
  font-weight: 400;
  line-height: 1;
}

.res-tile_title.is-xl {
  font-size: 4em;
}

.res-tile_text {
  color: var(--_colors---text-paragraph);
  font-size: .9375em;
  line-height: 1.5;
}

.res-tile_media {
  z-index: -1;
  pointer-events: none;
  justify-content: center;
  align-items: flex-end;
  width: 46%;
  display: flex;
  position: absolute;
  top: 1em;
  bottom: 1em;
  right: 1em;
}

.res-tile_media.is-standing {
  align-items: flex-end;
  width: 48%;
  top: 3.5em;
  bottom: 0;
  right: 6%;
}

.res-tile_media.is-bust {
  width: 38%;
  top: 2.75em;
  bottom: 0;
  right: .75em;
}

.res-tile_media.is-helmet {
  width: 32%;
  top: 2.75em;
  bottom: .5em;
  right: .75em;
}

.res-tile_media.is-head {
  width: 40%;
  top: 1.5em;
  bottom: 0;
  right: 3em;
}

.res-tile_media.is-column {
  align-items: flex-start;
  width: 46%;
  top: 1em;
  bottom: 1.5em;
  right: .5em;
}

.res-bento_row {
  grid-column-gap: 1em;
  grid-column: 1 / 3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.res-tile_img {
  transform-origin: 50% 100%;
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.res-tile_top {
  grid-column-gap: 1em;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.res-tile_index {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
  line-height: 1.3;
}

.res-tile_count {
  grid-column-gap: .5em;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0b09128c;
  border-radius: 999px;
  align-items: center;
  padding: .375em .75em;
  font-size: .6875em;
  line-height: 1.3;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #ffffff1f;
}

.res-tile_link {
  grid-column-gap: .5em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  padding-top: .5em;
  font-size: .8125em;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
}

.konfigurator_progress {
  z-index: 5;
  border-radius: .75em;
  padding: 1.5em;
  position: sticky;
  top: 5.5em;
}

.konfigurator_progress.is-done {
  margin-top: 2.5em;
  position: relative;
  top: 0;
}

.konfigurator_progress-top {
  grid-column-gap: 1em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25em;
  display: flex;
}

.konfigurator_progress-label {
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
  line-height: 1.3;
}

.konfigurator_progress-count {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
  line-height: 1.3;
}

.konfigurator_steps {
  grid-column-gap: 1em;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.konfigurator_step {
  grid-column-gap: 1em;
  flex: 1 1 0;
  align-items: center;
  min-width: 0;
  display: flex;
}

.konfigurator_step-btn {
  grid-column-gap: .75em;
  min-width: 2.75rem;
  min-height: 2.75rem;
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: default;
  background-color: #0000;
  border-style: none;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: .8125em;
  line-height: 1.3;
  display: inline-flex;
}

.konfigurator_step-num {
  width: 2.77em;
  height: 2.77em;
  color: var(--_colors---text-muted-strong);
  border: 1px solid #ffffff2e;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.konfigurator_step-label {
  white-space: nowrap;
}

.konfigurator_eyebrow {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.455em;
  font-size: .6875em;
  line-height: 1.3;
}

.section_konfigurator-done {
  outline-style: none;
  display: none;
  position: relative;
  overflow: clip;
}

.wrapper_konfigurator-done {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}

.konfigurator_done-statue {
  z-index: 0;
  pointer-events: none;
  width: 62%;
  max-width: none;
  height: auto;
  position: absolute;
  bottom: 0;
  right: -8%;
}

.konfigurator_done-content {
  grid-row-gap: 1.75em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 52em;
  margin-top: 2.5em;
  display: flex;
}

.konfigurator_done-check {
  border: 1px solid var(--_colors---purple);
  width: 4.375em;
  height: 4.375em;
  color: var(--_colors---text-white);
  background-color: #8f7dff24;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.konfigurator_done-check-icon {
  width: 1.75em;
  height: 1.75em;
}

.konfigurator_done-title {
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: 1;
}

.konfigurator_done-text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.5;
}

.konfigurator_next-steps {
  border-radius: .75em;
  align-self: stretch;
  padding: 1.25em 1.5em;
}

.konfigurator_next-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.konfigurator_next-item {
  grid-column-gap: 1em;
  color: var(--_colors---text-white);
  border-top: 1px solid #ffffff14;
  align-items: center;
  padding-top: .875em;
  padding-bottom: .875em;
  font-size: 1em;
  line-height: 1.4;
  display: flex;
}

.konfigurator_next-num {
  width: 2.545em;
  height: 2.545em;
  color: var(--_colors---text-muted-strong);
  border: 1px solid #fff3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: .6875em;
  display: flex;
}

.konfigurator_done-est {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
  line-height: 1.4;
}

.konfigurator_done-actions {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  display: flex;
}

.section_ovdecide {
  position: relative;
  overflow: clip;
}

.ovdecide_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff29, #8f7dff00);
  width: 54em;
  height: 37.5em;
  position: absolute;
  top: 18.75em;
  left: 40.5em;
}

.wrapper_ovdecide {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ovdecide_layout {
  grid-column-gap: 2em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 620fr) minmax(0, 692fr);
  align-items: start;
  margin-top: 1.5em;
  display: grid;
}

.ovdecide_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  grid-area: 1 / 1 / 2 / 2;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
}

.ovdecide_label.is-right {
  grid-column: 2 / 3;
}

.ovdecide_list, .ovdecide_item {
  display: contents;
}

.ovdecide_sit {
  grid-column-gap: 1.25em;
  border: 1px solid var(--_colors---hairline);
  min-height: 5.1875em;
  transition: border-color .3s cubic-bezier(.65, 0, .35, 1), background-color undefined undefined, box-shadow undefined undefined;
  cursor: pointer;
  background-color: #ffffff05;
  border-radius: .5em;
  grid-column: 1 / 2;
  align-items: center;
  padding: 1.75em 1.5em;
  display: flex;
  position: relative;
}

.ovdecide_sit:hover {
  border-color: #8f7dff66;
}

.ovdecide_sit-num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: .75em;
  transition-property: color;
  transition-duration: .3s;
}

.ovdecide_sit-text {
  max-width: 22em;
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-muted-strong);
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.375em;
  line-height: 1.2;
  transition-property: color;
  transition-duration: .3s;
}

.ovdecide_sit-radio {
  border: 1.5px solid #ffffff59;
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 1.375em;
  height: 1.375em;
  transition-property: border-color;
  transition-duration: .2s;
  position: relative;
}

.ovdecide_rec-glow {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff59, #8f7dff00);
  width: 22em;
  height: 22em;
  position: absolute;
  top: -6em;
  right: -6em;
}

.ovdecide_rec-art {
  z-index: 0;
  opacity: .55;
  pointer-events: none;
  width: 20em;
  height: 27.5em;
  position: absolute;
  top: 2.5em;
  left: 2.5em;
}

.ovdecide_rec-img {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 100%;
  display: block;
}

.ovdecide_rec-content {
  z-index: 1;
  position: relative;
}

.ovdecide_rec-kicker {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2em;
  font-size: .75em;
}

.ovdecide_rec-text {
  max-width: 22em;
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 1.3333em;
  font-size: 1.125em;
  line-height: 1.5;
}

.ovdecide_inline-link {
  color: var(--_colors---violet-light);
  text-underline-offset: 3px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  transition-property: color;
  transition-duration: .3s;
}

.ovdecide_inline-link:hover {
  color: var(--_colors---text-white);
}

.ovdecide_rec-divider {
  background-color: var(--_colors---hairline);
  height: 1px;
  margin-bottom: 1.5em;
}

.ovdecide_rec-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2em;
  font-size: .75em;
}

.ovdecide_rec-links {
  grid-row-gap: .625em;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.ovdecide_rec-li {
  display: block;
}

.ovdecide_rec-link {
  grid-column-gap: .875em;
  border: 1px solid var(--_colors---hairline);
  min-height: 3.625em;
  transition: border-color .3s cubic-bezier(.65, 0, .35, 1), background-color undefined undefined;
  color: var(--_colors---text-white);
  background-color: #0b09128c;
  border-radius: .375em;
  align-items: center;
  padding: .6875em .6875em .6875em 1.1875em;
  text-decoration: none;
  display: flex;
}

.ovdecide_rec-link-num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  flex-grow: 0;
  flex-shrink: 0;
  font-size: .75em;
}

.ovdecide_rec-link-title {
  font-family: var(--_tokens---font-serif);
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.25em;
  line-height: 1.2;
}

.ovdecide_rec-link-icon {
  background-color: var(--_colors---purple);
  border-radius: .25em;
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.25em;
  height: 2.25em;
}

.ovdecide_note {
  max-width: 64.2857em;
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.1429em;
  font-size: .875em;
  line-height: 1.55;
  position: relative;
}

.wrapper_ref-work {
  flex-direction: column;
  display: flex;
}

.ref-work_h2 {
  max-width: 9.1111em;
  margin-top: 0;
  margin-bottom: 0;
}

.ref-work_rows {
  display: block;
}

.ref-work_row {
  grid-column-gap: 2em;
  grid-row-gap: 0em;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 4em 25em 15em 1fr;
  align-items: start;
  padding: 2em;
  transition: background-color .3s cubic-bezier(.65, 0, .35, 1);
  display: grid;
}

.ref-work_row:hover {
  background-color: #ffffff08;
}

.ref-work_row.is-head {
  padding-top: 1.125em;
  padding-bottom: 1.125em;
}

.ref-work_row.is-head:hover {
  background-color: #0000;
}

.ref-work_th {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .75em;
  line-height: 1.3;
}

.ref-work_num {
  grid-column-gap: .9231em;
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  align-items: center;
  padding-top: .7692em;
  font-size: .8125em;
  line-height: 1.3;
  display: flex;
}

.ref-work_num.is-active {
  color: var(--_colors---violet-light);
}

.ref-work_node {
  background-color: #edf0f580;
  width: .6154em;
  height: .6154em;
}

.ref-work_node.is-active {
  background-color: var(--_colors---purple);
  box-shadow: 0 0 .7692em #8f7dffe6;
}

.ref-work_project {
  grid-row-gap: .5em;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ref-work_title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1;
}

.ref-work_sub {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
  line-height: 1.3;
}

.ref-work_phase-cell {
  padding-top: .375em;
}

.ref-work_phase {
  grid-column-gap: .6667em;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-family: var(--_tokens---font-mono);
  color: #edf0f5d9;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0b091299;
  border: 1px solid #ffffff38;
  border-radius: 999px;
  align-items: center;
  padding: .5em 1em .5em .8333em;
  font-size: .75em;
  line-height: 1.3;
  display: inline-flex;
}

.ref-work_phase.is-active {
  color: var(--_colors---violet-light);
  border-color: #8f7dff80;
}

.ref-work_phase-dot {
  border: 1px solid #edf0f5d9;
  border-radius: 50%;
  width: .5em;
  height: .5em;
}

.ref-work_phase-dot.is-active {
  border-color: var(--_colors---purple);
  background-color: var(--_colors---purple);
  box-shadow: 0 0 .6667em #8f7dffe6;
}

.ref-work_next {
  min-width: 0;
  padding-top: .375em;
}

.ref-work_next-label {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .75em;
  line-height: 1.3;
  display: none;
}

.ref-work_next-text {
  color: #edf0f5d9;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.ref-work_footnote {
  max-width: 45em;
  margin-top: 3.5em;
  margin-bottom: 0;
}

.ref-work_notes {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 3.5em;
  display: grid;
}

.ref-work_note-top {
  grid-column-gap: .875em;
  align-items: center;
  display: flex;
}

.ref-work_note-label {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .75em;
  line-height: 1.3;
}

.ref-work_note-title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.1;
}

.ref-work_note-text {
  margin-top: 0;
  margin-bottom: 0;
}

.ref-work_note-lead {
  color: #edf0f5e6;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.5;
}

.ref-work_icon {
  background-color: #1d1b28;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23B8ABFF' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='9' cy='6' r='3'/%3E%3Cpath d='M3.5 15.5c.8-2.8 3-4.3 5.5-4.3s4.7 1.5 5.5 4.3'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.125em 1.125em;
  border: 1px solid #edf0f51f;
  border-radius: .625em;
  flex-shrink: 0;
  width: 2.5em;
  height: 2.5em;
  box-shadow: inset 0 1px #ffffff14, 0 .25em .3125em #00000059;
}

.wrapper_ref-cta {
  flex-direction: column;
  display: flex;
}

.ref-cta_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff38, #8f7dff00);
  width: 45em;
  height: 32.5em;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: -5em;
  left: 43.4%;
}

.ref-cta_content {
  z-index: 1;
  grid-row-gap: 1.75em;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0%;
  align-items: flex-start;
  min-width: 0;
  padding: 4em 3.5em 4em 4em;
  display: flex;
  position: relative;
}

.ref-cta_h2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  line-height: 1;
}

.ref-cta_text {
  max-width: 28.8889em;
  margin-top: 0;
  margin-bottom: 0;
}

.ref-cta_actions {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  padding-top: .5em;
  display: flex;
}

.ref-cta_media {
  flex-shrink: 0;
  width: 33.75em;
  position: relative;
  overflow: hidden;
}

.ref-cta_parallax {
  position: absolute;
  inset: -5% 0;
}

.ref-cta_img {
  object-fit: cover;
  object-position: 100% 60%;
  width: 100%;
  height: 100%;
  display: block;
}

.wrapper_res-latest {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.res-cards {
  grid-column-gap: 1em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  display: grid;
}

.res-cards.is-list {
  grid-row-gap: 1.25em;
}

.res-latest_progress {
  background-color: #ffffff1a;
  border-radius: 2px;
  height: 2px;
  margin-top: 1.25em;
  display: none;
  position: relative;
  overflow: clip;
}

.res-latest_slider {
  position: relative;
}

.res-cl-slot {
  display: contents;
}

.res-latest_bar {
  background-color: var(--_colors---purple);
  width: 33.4%;
  transition: transform .3s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.res-latest_links {
  grid-column-gap: 2.25em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  padding-top: 1em;
  display: flex;
}

.res-card_media {
  background-color: #120f1c;
  background-image: radial-gradient(70% 90% at 50% 100%, #8f7dff29, #8f7dff00 70%), linear-gradient(#0b091200 45%, #0b091299);
  border-radius: .5em;
  flex-shrink: 0;
  width: 100%;
  height: 14.75em;
  position: relative;
  overflow: clip;
}

.res-card_title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.12;
  transition: color .24s cubic-bezier(.65, 0, .35, 1);
}

.res-card {
  grid-row-gap: 1.5em;
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  height: 100%;
  color: var(--_colors---text-white);
  isolation: isolate;
  transform-style: preserve-3d;
  background-color: #ffffff08;
  background-image: linear-gradient(160deg, #ffffff0d, #fff0 45%, #8f7dff0a);
  border-radius: .75em;
  flex-direction: column;
  padding: .5em .5em 1.75em;
  text-decoration: none;
  transition: background-color .24s cubic-bezier(.65, 0, .35, 1), box-shadow .24s cubic-bezier(.65, 0, .35, 1), transform .6s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #ffffff1f, inset 0 0 0 1px #ffffff14, 0 1.5em 3em -1.5em #00000080;
}

.res-card:hover {
  background-color: #ffffff0d;
  transform: translate3d(0, -.25em, 0);
  box-shadow: inset 0 1px #fff3, inset 0 0 0 1px #8f7dff8c, inset 0 1px 24px #8f7dff2e, 0 2em 4em -2em #0009;
}

.res-card_body {
  grid-row-gap: .875em;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 1.25em;
  padding-right: 1.25em;
  display: flex;
}

.res-card_cat {
  grid-column-gap: .625em;
  grid-row-gap: .25em;
  color: var(--_colors---violet-light);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.res-card_meta-txt {
  font-family: var(--_tokens---font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75em;
  line-height: 1.3;
}

.res-card_meta-txt.is-strong {
  color: var(--_colors---text-white);
}

.res-card_teaser {
  color: var(--_colors---text-paragraph);
  font-size: .9375em;
  line-height: 1.5;
}

.res-card_meta {
  grid-column-gap: 1em;
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: .875em;
  display: flex;
}

.res-card_time {
  grid-column-gap: .35em;
  color: var(--_colors---text-paragraph);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.res-card_clock {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-right: .25em;
}

.res-card_more {
  grid-column-gap: .375em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.3;
  transition: color .24s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
}

.wrapper_res-steps {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.res-steps_grid {
  grid-column-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 45.5em;
  align-items: start;
  display: grid;
}

.res-steps_intro {
  grid-row-gap: 2em;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 7em;
}

.res-step {
  grid-column-gap: 0em;
  color: var(--_colors---text-white);
  background-image: linear-gradient(90deg, #8f7dff24, #8f7dff00 70%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  border-bottom: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 3.125em minmax(0, 1fr) auto;
  align-items: start;
  padding: 1.75em 0;
  text-decoration: none;
  transition: background-size .5s cubic-bezier(.65, 0, .35, 1), padding-left .4s cubic-bezier(.65, 0, .35, 1);
  display: grid;
  position: relative;
}

.res-step:hover {
  background-size: 100% 100%;
  padding-left: 1em;
}

.res-step_link {
  grid-column-gap: .5em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  padding-top: .5em;
  font-size: .8125em;
  font-weight: 500;
  line-height: 1.3;
  transition: color .24s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
}

.res-step_body {
  grid-row-gap: .75em;
  flex-direction: column;
  padding-right: 2em;
  display: flex;
}

.res-step_title {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.1;
}

.res-steps_lead {
  max-width: 27.5em;
  color: var(--_colors---text-paragraph);
  font-size: 1.125em;
  line-height: 1.5;
}

.res-steps_list {
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  display: flex;
}

.res-step_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  padding-top: .25em;
  font-size: .75em;
  line-height: 1.3;
  transition: color .24s cubic-bezier(.65, 0, .35, 1);
}

.res-step_text {
  color: var(--_colors---text-paragraph);
  font-size: .9375em;
  line-height: 1.6;
}

.wrapper_res-cta {
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  isolation: isolate;
  background-color: #ffffff08;
  background-image: linear-gradient(160deg, #ffffff0f, #ffffff03 45%, #8f7dff0d);
  border-radius: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 33.75em;
  min-height: 40.5em;
  padding: 0;
  display: grid;
  position: relative;
  overflow: clip;
  box-shadow: inset 0 1px #ffffff29, inset 0 0 0 1px #ffffff14, 0 2em 4em -2em #0000008c;
}

.res-cta_copy {
  z-index: 1;
  grid-row-gap: 1.75em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 4.5em 2em 4.5em 4em;
  display: flex;
  position: relative;
}

.res-cta_text {
  max-width: 32em;
  color: var(--_colors---text-paragraph);
  font-size: 1.125em;
  line-height: 1.5;
}

.res-cta_lens {
  width: 15.5em;
  max-width: none;
  height: auto;
  position: absolute;
  top: 3.5em;
  left: 44%;
}

.res-cta_art {
  pointer-events: none;
  background-image: radial-gradient(60% 55% at 60% 30%, #8f7dff2e, #8f7dff00);
  min-height: 22em;
  position: relative;
}

.res-cta_img {
  width: 92%;
  max-width: none;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 6%;
  right: 2%;
}

.res-cta_title {
  max-width: 37em;
}

.res-cta_note {
  color: var(--_colors---text-paragraph);
  font-size: .875em;
  line-height: 1.5;
}

.res-cta_mail {
  color: var(--_colors---text-white);
  text-underline-offset: .2em;
  -webkit-text-decoration: underline #b8abff80;
  text-decoration: underline #b8abff80;
}

.section_home-pain {
  background-color: var(--_colors---background);
  position: relative;
  overflow: clip;
}

.home-pain_scene {
  z-index: 0;
  pointer-events: none;
  width: 90em;
  height: 96.25em;
  position: absolute;
  top: 0;
  left: 0;
}

.home-pain_glow {
  background-image: radial-gradient(closest-side, #8f7dff12 0%, #8f7dff0a 50%, #8f7dff00 100%);
  width: 73.75em;
  height: 61.25em;
  position: absolute;
  top: 26.0625em;
  left: 28.75em;
}

.home-pain_statue {
  mix-blend-mode: lighten;
  width: 99.5625em;
  max-width: none;
  height: 45.375em;
  position: absolute;
  top: 24.9375em;
  left: -3.75em;
}

.home-pain_fade {
  background-image: linear-gradient(#0b091200 0%, #0b0912d9 55%, #0b0912 100%);
  width: 100%;
  height: 9.4375em;
  position: absolute;
  top: 62.5625em;
  left: 0;
}

.home-pain_map {
  width: 90em;
  height: 96.25em;
  position: absolute;
  top: 0;
  left: 0;
}

.home-pain_map-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-pain_point {
  width: 0;
  height: 0;
  position: absolute;
}

.home-pain_point.is-1 {
  top: 52em;
  left: 33em;
}

.home-pain_point.is-2 {
  top: 46.125em;
  left: 38.25em;
}

.home-pain_point.is-3 {
  top: 47.8125em;
  left: 53.125em;
}

.home-pain_point.is-4 {
  top: 52.1875em;
  left: 63.4375em;
}

.home-pain_halo {
  background-image: radial-gradient(closest-side, #8f7dff33 0%, #8f7dff29 70%, #8f7dff00 100%);
  border-radius: 50%;
  width: 1.875em;
  height: 1.875em;
  position: absolute;
  top: -.9375em;
  left: -.9375em;
}

.home-pain_ring {
  border: 1.25px solid #8f7dfff2;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  position: absolute;
  top: -.5em;
  left: -.5em;
}

.home-pain_dot {
  background-color: var(--_colors---white);
  border-radius: 50%;
  width: .3125em;
  height: .3125em;
  position: absolute;
  top: -.15625em;
  left: -.15625em;
  box-shadow: 0 0 8px 1px #8f7dff;
}

.home-pain_tag {
  grid-column-gap: .375em;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  font-family: var(--_tokens---font-mono);
  white-space: nowrap;
  background-color: #120f1ad1;
  border: 1px solid #edf0f524;
  border-radius: .375em;
  align-items: center;
  padding: .3125em .5em;
  display: flex;
  position: absolute;
  top: -.75em;
  left: 1.125em;
}

.home-pain_tag.is-left {
  left: auto;
  right: .75em;
}

.home-pain_tag.is-above {
  top: -2.375em;
}

.home-pain_tag-num {
  color: var(--_colors---purple);
  letter-spacing: .08em;
  font-size: .75em;
  line-height: 1.3;
}

.home-pain_tag-label {
  color: #edf0f5d9;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.4;
}

.home-pain_title {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.home-pain_title-line {
  display: block;
}

.home-pain_cards {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 29.5em;
  display: grid;
}

.home-pain_card {
  background-color: #ffffff0f;
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 22.5em;
  padding: 2em;
  display: flex;
  overflow: clip;
}

.home-pain_card-top {
  grid-column-gap: 1em;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-pain_card-title {
  margin-top: 0;
  margin-bottom: 0;
}

.home-pain_card-index {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---purple);
  letter-spacing: .08em;
  padding-top: .25em;
  font-size: .75em;
  line-height: 1.3;
  display: none;
}

.home-pain_card-icon {
  flex-shrink: 0;
  width: 6.5em;
  height: 6.5em;
}

.home-pain_card-text {
  width: 100%;
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.home-pain_pager {
  display: none;
}

.ls-ic-1 {
  background-image: url('/images/v-leistung-icons-v2.svg');
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: 80em 1.25em;
  width: 100%;
  height: 100%;
  display: block;
}

.is-ic-db {
  background-position-x: -25em;
}

.is-ic-user {
  background-position-x: -72.5em;
}

.is-ic-wrench {
  background-position-x: -75em;
}

.branche-ablauf_steps-wrap {
  margin-top: 4.25em;
  position: relative;
}

.branche-ablauf_line {
  transform-origin: 0%;
  background-image: linear-gradient(90deg, #8f7dff 0% 20%, #ffffff29 20% 100%);
  height: 1px;
  position: absolute;
  top: .3125em;
  left: 0;
  right: 0;
}

.branche-ablauf_steps {
  grid-column-gap: 1.75em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
  position: relative;
}

.branche-ablauf_step {
  grid-row-gap: .75em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.branche-ablauf_dot {
  background-color: var(--_colors---text-white);
  width: .625em;
  height: .625em;
  margin-bottom: .75em;
  display: block;
}

.branche-ablauf_dot.is-active {
  background-color: var(--_colors---purple);
  box-shadow: 0 0 12px #8f7dffcc;
}

.branche-ablauf_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.branche-ablauf_fact {
  grid-column-gap: 1em;
  align-items: flex-start;
  display: flex;
}

.branche-ablauf_fact-copy {
  grid-row-gap: .375em;
  flex-direction: column;
  display: flex;
}

.branche-ablauf_fact-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
}

.branche-ablauf_fact-text {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.4;
}

.section_branche-team {
  background-image: radial-gradient(30% 40% at 10% 40%, #6e5adc2e, #6e5adc00);
  position: relative;
}

.branche-team_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .98fr) minmax(0, 2fr);
  margin-top: 4.25em;
  display: grid;
}

.branche-team_portrait {
  background-color: #14111d;
  border: 1px solid #ffffff1a;
  border-radius: .5em;
  margin: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.branche-team_img {
  filter: grayscale();
  object-fit: cover;
  grid-row-start: 1;
  grid-column-start: 1;
  width: 100%;
  height: 110%;
  min-height: 28em;
  display: block;
}

.branche-team_cap {
  grid-row-gap: .375em;
  background-image: linear-gradient(#0b091200, #0b0912d9);
  flex-direction: column;
  grid-row-start: 1;
  grid-column-start: 1;
  align-self: end;
  padding: 4em 1.5em 1.5em;
  display: flex;
}

.branche-team_name {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  font-size: 1.75em;
  line-height: 1.1;
}

.branche-team_role {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75em;
}

.branche-team_cards {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.branche-team_btn-row {
  margin-top: 3.75em;
  display: flex;
}

.branche-rg_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 4.25em;
  display: grid;
}

.branche-rg_media {
  aspect-ratio: 2;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.branche-rg_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  display: block;
  -webkit-mask-image: radial-gradient(60% 75%, #000 70%, #0000 100%);
  mask-image: radial-gradient(60% 75%, #000 70%, #0000 100%);
}

.branche-rg_tag {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--_colors---text-white);
  background-color: #14111eb3;
  border: 1px solid #ffffff24;
  border-radius: 62.5em;
  padding: .3em .7em;
  font-size: .6875em;
  position: absolute;
  bottom: .75em;
  left: .75em;
}

.branche-rg_body {
  grid-row-gap: .75em;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.5em 1.75em 1.75em;
  display: flex;
}

.branche-rg_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.branche-rg_more {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: auto;
  padding-top: .75em;
  font-size: .75em;
}

.branche-rg_related {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2.25em;
  display: flex;
}

.branche-rg_related-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .5em;
  font-size: .75em;
}

.section_ovsteps {
  position: relative;
}

.wrapper_ovsteps {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.ovsteps_wrap {
  margin-top: 1.5em;
  position: relative;
}

.ovsteps_wrap.is-u {
  margin-top: 0;
}

.ovsteps_line {
  background-color: #ffffff14;
  height: 1px;
  position: absolute;
  top: .28125em;
  left: 0;
  right: 0;
}

.ovsteps_line.is-u {
  background-color: #ffffff14;
  height: 2px;
  top: 1.25em;
}

.ovsteps_line-fill {
  background-image: linear-gradient(90deg, #b8abfff2, #8f7dff99 70%, #8f7dff26);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 12px #8f7dff99;
}

.ovsteps_list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.ovsteps_step {
  grid-row-gap: 1.75em;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.ovsteps_step.is-u {
  grid-row-gap: 0;
}

.ovsteps_node {
  z-index: 1;
  width: .625em;
  height: .625em;
  transition: background-color .5s cubic-bezier(.65, 0, .35, 1), box-shadow undefined undefined;
  background-color: #b8abff59;
  border-radius: 2px;
  display: block;
  position: relative;
}

.ovsteps_node.is-u {
  width: .5em;
  height: .5em;
  margin-top: 1.0625em;
  margin-left: 1.75em;
}

.ovsteps_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: .75em;
}

.ovsteps_num.is-u {
  margin-bottom: 4.5em;
}

.ovsteps_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.ovfacts_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
}

.ovfacts_text {
  color: var(--_colors---text-white);
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375em;
  line-height: 1.5;
}

.section_ovmcta {
  position: relative;
}

.ovmcta_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff52, #8f7dff1a 55%, #8f7dff00);
  width: 35em;
  height: 32.5em;
  position: absolute;
  top: -2.1953em;
  left: 45.875em;
}

.ovmcta_art {
  pointer-events: none;
  width: 31.9725em;
  position: absolute;
  top: 3.589em;
  left: 48.0138em;
}

.ovmcta_lens {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.ovmcta_copy {
  z-index: 1;
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 43.75em;
  display: flex;
  position: relative;
}

.ovmcta_text {
  max-width: 37.5em;
  color: var(--_colors---text-paragraph);
  font-size: 1em;
  line-height: 1.55;
}

.res-contents {
  display: contents;
}

.section_ls-bausteine {
  position: relative;
}

.wrapper_ls-bausteine {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.section_home-solution {
  background-color: var(--_colors---background);
  position: relative;
}

.home-solution_pin {
  position: relative;
}

.home-solution_stage {
  position: relative;
  overflow: clip;
}

.home-solution_fx {
  z-index: 5;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}

.home-solution_fx-glow {
  opacity: 0;
  background-image: radial-gradient(closest-side, #9961ff26 0%, #9961ff14 45%, #9961ff00 100%);
  width: 85em;
  height: 65em;
  margin-top: -32.5em;
  margin-left: -42.5em;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-solution_fx-core {
  opacity: 0;
  mix-blend-mode: screen;
  background-image: radial-gradient(closest-side, #ad99ffe6 0%, #ad99ff73 45%, #ad99ff00 100%);
  width: 14.625em;
  height: 11.875em;
  margin-top: -5.9375em;
  margin-left: -7.3125em;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-solution_fx-logo {
  opacity: 0;
  width: 32.5em;
  height: 21em;
  margin-top: -10.5em;
  margin-left: -16.25em;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-solution_fx-logo-img {
  width: 36.4em;
  max-width: none;
  height: auto;
  position: absolute;
  top: -2.275em;
  left: -1.95em;
}

.home-solution_fx-flood {
  opacity: 0;
  background-image: radial-gradient(closest-side, #ebe6ff 0%, #a394ffe6 18%, #5245b8bf 45%, #140f3373 100%);
  width: 181.25em;
  height: 168.75em;
  margin-top: -84.375em;
  margin-left: -90.625em;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-solution_canvas {
  position: relative;
}

.home-solution_scene {
  pointer-events: none;
  width: 90em;
  height: 58.3125em;
  position: absolute;
  top: 0;
  left: 0;
}

.home-solution_glow-blue {
  background-image: radial-gradient(closest-side, #6bb8ff26 0%, #6bb8ff12 45%, #6bb8ff00 100%);
  width: 65em;
  height: 60.125em;
  position: absolute;
  top: 17.3125em;
  left: -21.5625em;
}

.home-solution_boulder {
  mix-blend-mode: lighten;
  width: 23.787em;
  max-width: none;
  height: 21.884em;
  position: absolute;
  top: 21.946em;
  left: 74.497em;
  transform: rotate(-140deg);
}

.home-solution_statue {
  mix-blend-mode: lighten;
  width: 86.5625em;
  max-width: none;
  height: 50.6875em;
  position: absolute;
  top: 2.5625em;
  left: 16em;
}

.home-solution_ambient {
  background-image: radial-gradient(closest-side, #8f7dff17 0%, #8f7dff0d 50%, #8f7dff00 100%);
  width: 66.5625em;
  height: 40em;
  position: absolute;
  top: 8.625em;
  left: 33em;
}

.home-solution_shadow {
  background-image: radial-gradient(closest-side, #0b0912 0%, #0b0912e6 55%, #0b091200 100%);
  position: absolute;
}

.home-solution_shadow.is-1 {
  width: 28.4375em;
  height: 22.0625em;
  top: 39.375em;
  left: 14.1875em;
}

.home-solution_shadow.is-2 {
  background-image: radial-gradient(closest-side, #171327 0%, #171327d9 50%, #17132700 100%);
  width: 49.25em;
  height: 26.875em;
  top: 8.5em;
  left: 55.25em;
}

.home-solution_shadow.is-3 {
  width: 32.5625em;
  height: 24.0625em;
  top: 28.9375em;
  left: 70.0625em;
}

.home-solution_fade {
  background-image: linear-gradient(#0b091200 0%, #0b0912 49% 100%);
  width: 84.4375em;
  height: 13.125em;
  position: absolute;
  top: 40.125em;
  left: 8.6875em;
}

.home-solution_title {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.home-solution_title-line, .home-solution_title-in {
  display: block;
}

.home-solution_bg {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-solution_steps {
  height: 36.5em;
  margin-top: 14.625em;
  position: relative;
}

.home-solution_line {
  width: 70.75em;
  height: .25em;
  position: absolute;
  top: 4.625em;
  left: 16.25em;
}

.home-solution_line-glow {
  filter: blur(4px);
  transform-origin: 0%;
  background-image: linear-gradient(90deg, #ffffffe6 0%, #8f7dff80 45%, #9ed9ff00 100%);
  width: 100%;
  height: .25em;
  position: absolute;
  top: 0;
  left: 0;
}

.home-solution_line-core {
  transform-origin: 0%;
  background-image: linear-gradient(90deg, #ffffffe6 0%, #8f7dffd9 45%, #9ed9ff1a 100%);
  width: 100%;
  height: .125em;
  position: absolute;
  top: .0625em;
  left: 0;
}

.home-solution_line-head {
  background-color: var(--_colors---white);
  opacity: 0;
  border-radius: 50%;
  width: .5625em;
  height: .5625em;
  position: absolute;
  top: -.15625em;
  left: -.28125em;
  box-shadow: 0 0 20px 4px #9ed9ff;
}

.home-solution_source {
  background-color: var(--_colors---white);
  border-radius: 50%;
  width: .5em;
  height: .5em;
  position: absolute;
  top: 4.5em;
  left: 16em;
  box-shadow: 0 0 24px 5px #8f7dff;
}

.home-solution_logo {
  width: 16.25em;
  height: 10.5em;
  position: absolute;
  top: 0;
  left: 0;
}

.home-solution_logo-img {
  width: 19.7911em;
  max-width: none;
  height: 14.3798em;
  position: absolute;
  top: -1.0647em;
  left: -1.7714em;
}

.home-solution_marks {
  width: 62.75em;
  height: 2em;
  position: absolute;
  top: 4.5em;
  left: 21.25em;
}

.home-solution_mark {
  width: .5em;
  height: 2em;
  position: absolute;
  top: 0;
}

.home-solution_mark.is-1 {
  left: 1.78125em;
}

.home-solution_mark.is-2 {
  left: 22.5313em;
}

.home-solution_mark.is-3 {
  left: 43.2813em;
}

.home-solution_tick {
  background-image: linear-gradient(#fff9 0%, #ffffff14 100%);
  width: 1px;
  height: 1.75em;
  position: absolute;
  top: .25em;
  left: .21875em;
}

.home-solution_node {
  background-color: var(--_colors---white);
  width: .5em;
  height: .5em;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 14px 2px #8f7dff;
}

.home-solution_cards {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  width: 62.75em;
  display: grid;
  position: absolute;
  top: 6.5em;
  left: 21.25em;
}

.home-solution_step {
  display: flex;
  position: relative;
}

.home-solution_connector {
  display: none;
}

.home-solution_card {
  grid-row-gap: 1em;
  background-color: #ffffff0a;
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 29.875em;
  padding: 0 0 .5em;
  display: flex;
  overflow: clip;
}

.home-solution_card-content {
  grid-row-gap: 1em;
  flex-direction: column;
  padding: 2em 2em .5em;
  display: flex;
}

.home-solution_card-head {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.home-solution_card-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .6875em;
  line-height: 1.4;
}

.home-solution_card-title {
  margin-top: 0;
  margin-bottom: 0;
}

.home-solution_card-text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.home-solution_graphic {
  flex-shrink: 0;
  width: 20.25em;
  height: 12.5em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: clip;
}

.home-solution_banner {
  grid-row-gap: 2.5em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 8em;
  display: flex;
}

.home-solution_closing {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.25em;
  line-height: 1;
}

.home-solution_closing-accent {
  color: #a18fffcc;
}

.section_ovfaq {
  position: relative;
  overflow: clip;
}

.ovfaq_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff38, #8f7dff00);
  border-radius: 50%;
  width: 26.95em;
  height: 26.95em;
  position: absolute;
  top: 58.125em;
  left: 3.0249em;
}

.wrapper_ovfaq {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.ovfaq_layout {
  grid-column-gap: .875em;
  grid-row-gap: 4.5em;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(0, 666fr) minmax(0, 664fr);
  align-items: start;
  display: grid;
}

.ovfaq_aside {
  grid-row-gap: 1.75em;
  flex-direction: column;
  grid-area: 1 / 1 / 2 / 2;
  max-width: 41.5em;
  display: flex;
}

.ovfaq_note {
  max-width: 22.5em;
  color: var(--_colors---text-muted-strong);
  font-size: 1em;
  line-height: 1.5;
}

.ovfaq_link {
  color: var(--_colors---violet-light);
  text-decoration: underline;
  transition-property: color;
  transition-duration: .3s;
}

.ovfaq_link:hover {
  color: var(--_colors---text-white);
}

.ovfaq_art {
  grid-area: 2 / 1 / 3 / 2;
  width: 27.5em;
  max-width: 100%;
  margin-left: -.5em;
  position: relative;
}

.ovfaq_img {
  width: 100%;
  height: auto;
  display: block;
}

.ovfaq_lens-glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff2e, #8f7dff00);
  width: 60%;
  height: 50%;
  position: absolute;
  bottom: 10%;
  right: -10%;
}

.ovfaq_list {
  grid-row-gap: 1em;
  flex-direction: column;
  grid-area: 1 / 2 / 3 / 3;
  padding-top: .625em;
  display: flex;
}

.ovfaq_h {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1;
}

.ovfaq_q {
  grid-column-gap: 1.75em;
  width: 100%;
  min-height: 5em;
  color: var(--_colors---text-white);
  text-align: left;
  cursor: pointer;
  align-items: center;
  padding: 1.0625em 1.5em;
  display: flex;
}

.ovfaq_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: .75em;
}

.ovfaq_q-text {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.625em;
  line-height: 1.15;
}

.ovfaq_icon {
  background-color: #ffffff0f;
  border-radius: .25em;
  flex-grow: 0;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  transition: background-color .4s cubic-bezier(.65, 0, .35, 1);
  position: relative;
}

.ovfaq_panel {
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  transition-property: grid-template-rows;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: grid;
}

.ovfaq_panel-inner {
  min-height: 0;
  overflow: hidden;
}

.ovfaq_a {
  color: var(--_colors---text-paragraph);
  margin-top: -.25em;
  padding-bottom: 1.75em;
  padding-left: 4.375em;
  padding-right: 4.75em;
  font-size: 1em;
  line-height: 1.55;
}

.section_ovend {
  min-height: 58.75em;
  position: relative;
  overflow: clip;
}

.section_ovend.is-leistungen, .section_ovend.is-branchen {
  position: relative;
}

.section_ovend.is-uend {
  min-height: 66.25em;
}

.ovend_art {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 4em), #0000);
  mask-image: linear-gradient(90deg, #000 calc(100% - 4em), #0000);
}

.ovend_scene {
  width: 90em;
  height: 73.75em;
  margin-left: max(0px, 50% - 45em);
  font-size: min(1em, 1.1111vw);
  position: absolute;
  top: 0;
  left: 0;
}

.ovend_statue {
  width: 71.85em;
  max-width: none;
  height: auto;
  position: absolute;
  top: 11.425em;
  left: 19em;
}

.ovend_lens-glow {
  background-image: radial-gradient(closest-side, #8f7dff4d, #8f7dff1a 50%, #8f7dff00 100%);
  width: 47.52em;
  height: 43.34em;
  position: absolute;
  top: 17.47em;
  left: 50em;
}

.ovend_lens-wrap {
  width: 28.5263em;
  position: absolute;
  top: 15.4693em;
  left: 61.6972em;
}

.ovend_lens {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.ovend_overlay {
  background-image: linear-gradient(90deg, #0b0912 0%, #0b0912eb 28%, #0b091200 55% 81%, #0b0912b3 100%), linear-gradient(#0b0912 0%, #0b091200 30% 68%, #0b0912 100%);
  position: absolute;
  inset: 0;
}

.wrapper_ovend {
  z-index: 1;
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ovend_copy {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  max-width: min(48.5em, 53.89vw);
  display: flex;
}

.ovend_copy.is-unternehmen {
  max-width: min(40em, 44.44vw);
}

.ovend_text {
  max-width: 28.8889em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  font-size: 1.125em;
  line-height: 1.4;
}

.ovend_contact {
  color: var(--_colors---text-paragraph);
  font-size: .875em;
  line-height: 1.5;
}

.wrapper_bw-regeln {
  grid-row-gap: 3.5em;
  flex-direction: column;
  display: flex;
}

.bw_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.bw_grid.is-3 {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bw_card {
  grid-row-gap: 1em;
  border-radius: .75em;
  flex-direction: column;
  padding: 1.75em;
  display: flex;
}

.bw_card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5em;
  display: flex;
}

.bw_ico {
  width: 2.75em;
  height: 2.75em;
  color: var(--_colors---violet-light);
  background-color: #8f7dff24;
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: inset 0 0 0 1px #8f7dff73;
}

.bw_index {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
}

.bw_card-title, .bw_card-text {
  margin-top: 0;
  margin-bottom: 0;
}

.gf_head-lead {
  max-width: 40em;
  margin-top: -2.5em;
}

.wrapper_bw-prozess {
  grid-row-gap: 3.5em;
  flex-direction: column;
  display: flex;
}

.bw_steps {
  grid-column-gap: 2em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.bw_step {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.bw_step-top {
  grid-column-gap: 1em;
  align-items: center;
  margin-bottom: .5em;
  display: flex;
}

.bw_step-num {
  width: 2.75em;
  height: 2.75em;
  color: var(--_colors---violet-light);
  background-color: #8f7dff1a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .8125em;
  display: flex;
  box-shadow: inset 0 0 0 1px #8f7dff80;
}

.bw_step-line {
  background-color: #ffffff29;
  flex-grow: 1;
  height: 1px;
}

.section_branche-faq {
  background-image: radial-gradient(30% 28% at 12% 68%, #6e5adc33, #6e5adc12 55%, #6e5adc00);
  position: relative;
}

.branche-faq_grid {
  grid-column-gap: 3em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
  align-items: start;
  margin-top: 4.25em;
  display: grid;
}

.branche-faq_aside {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 10em;
}

.branche-faq_text {
  max-width: 24em;
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.branche-faq_link {
  color: var(--_colors---violet-light);
  text-decoration: underline;
}

.branche-faq_visual {
  width: 26em;
  height: 28.5em;
  margin-top: 1em;
  position: relative;
}

.branche-faq_img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-image: linear-gradient(#000 62%, #0000 98%);
  mask-image: linear-gradient(#000 62%, #0000 98%);
}

.branche-faq_img.is-base {
  object-fit: contain;
  object-position: 50% 100%;
}

.branche-faq_list {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.branche-faq_h {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
}

.branche-faq_trigger {
  width: 100%;
  min-height: 5em;
  color: var(--_colors---text-white);
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  grid-template-rows: auto;
  grid-template-columns: 2.25em minmax(0, 1fr) 1.875em;
  align-items: center;
  padding: 1.25em 1.5em;
  display: grid;
}

.branche-faq_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  font-size: .75em;
}

.branche-faq_q {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  padding-right: 1em;
  font-size: 1.75em;
  line-height: 1.15;
}

.branche-faq_icon {
  width: 1.875em;
  height: 1.875em;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), background-color undefined undefined;
  background-color: #ffffff0f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875em .875em;
  border-radius: .25em;
  display: block;
  position: relative;
}

.branche-faq_panel-inner {
  min-height: 0;
  overflow: hidden;
}

.branche-faq_answer {
  max-width: 36em;
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.5em;
  padding-left: 3.75em;
  padding-right: 1.5em;
  font-size: .9375em;
  line-height: 1.6;
}

.branche-more_chips {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  margin-top: 3.75em;
  display: flex;
}

.branche-more_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.branche-more_text {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  font-size: 1.5em;
  line-height: 1.1;
}

.branche-more_arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875em .875em;
  width: .875em;
  height: .875em;
  transition-property: transform;
  transition-duration: .3s;
  display: block;
}

.section_branche-ask {
  background-image: radial-gradient(40% 40% at 50% 45%, #6e5adc29, #6e5adc00);
  position: relative;
}

.branche-ask_pre-wrap {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.branche-ask_pre-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
}

.branche-ask_pre-grid {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.branche-ask_pre {
  grid-column-gap: 1em;
  min-height: 3.5em;
  color: var(--_colors---text-white);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .375em;
  align-items: center;
  padding: .75em 1.25em;
  font-size: .9375em;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.branche-ask_pre:hover {
  border-color: #ffffff3d;
}

.branche-ask_pre.is-checked {
  background-color: #8f7dff29;
  border-color: #8f7dffb3;
}

.branche-ask_box {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 0 0;
  border: 1px solid #ffffff59;
  border-radius: .25em;
  flex-grow: 0;
  flex-shrink: 0;
  width: 1.125em;
  height: 1.125em;
  transition-property: background-size, background-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.branche-ask_box.is-checked {
  background-color: #8f7dff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
  background-size: .875em .875em;
  border-color: #8f7dff;
}

.branche-ask_options {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.branche-ask_option-top {
  grid-column-gap: 1em;
  align-items: center;
  margin-bottom: .75em;
  display: flex;
}

.branche-ask_trust {
  grid-column-gap: 2.25em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.branche-ask_trust-item {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8ABFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .875em .875em;
  padding-left: 1.5em;
  font-size: .75em;
  line-height: 1.4;
}

.section_ls-uc {
  position: relative;
}

.wrapper_ls-uc {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-uc {
  grid-column-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 25em minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.ls-uc_item {
  display: contents;
}

.ls-uc_heading {
  border-bottom: 1px solid #ffffff14;
  grid-column: 1 / 2;
}

.ls-uc_trigger {
  grid-column-gap: 1em;
  width: 100%;
  min-height: 2.75em;
  color: var(--_colors---text-paragraph);
  text-align: left;
  cursor: pointer;
  border-left: 2px solid #0000;
  border-radius: .375em;
  align-items: center;
  padding: .75em 1em;
  transition-property: background-color, border-color, color;
  transition-duration: .32s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: flex;
  position: relative;
}

.ls-uc_trigger:hover {
  color: var(--_colors---text-white);
}

.ls-uc_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  font-size: .6875em;
}

.ls-uc_title {
  min-width: 0;
  font-family: var(--_tokens---font-serif);
  overflow-wrap: normal;
  -webkit-hyphens: manual;
  hyphens: manual;
  flex-grow: 1;
  font-size: 1.25em;
  line-height: 1.2;
}

.ls-uc_plus {
  flex-shrink: 0;
  width: 2.75em;
  height: 2.75em;
  display: none;
  position: relative;
}

.ls-uc_panel {
  grid-area: 1 / 2 / span 12 / 3;
}

.ls-uc_panel-inner {
  min-height: 0;
}

.ls-uc_index {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-uc_card-title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: .75em;
  font-size: 2.25em;
  line-height: 1.1;
}

.ls-uc_text {
  max-width: 31em;
  margin-top: 1em;
}

.ls-flow {
  margin-top: 2.5em;
}

.ls-flow_head {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .12em;
  margin-bottom: 1em;
  font-size: .6875em;
}

.ls-flow_list {
  grid-column-gap: .75em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.ls-flow_node {
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5em;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 8.5em;
  padding: 1em;
  display: flex;
  position: relative;
}

.ls-flow_node.is-ki {
  background-image: linear-gradient(#8f7dff47, #8f7dff1f);
  border-color: #8f7dff8c;
  box-shadow: 0 0 2em -.5em #8f7dff8c;
}

.ls-flow_type {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: .9em;
  margin-bottom: .5em;
  font-size: .6875em;
  line-height: 1.4;
  display: block;
}

.ls-flow_text {
  color: var(--_colors---text-white);
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: .875em;
  line-height: 1.35;
  display: block;
}

.section_home-tech {
  background-color: var(--_colors---background);
  position: relative;
  overflow: clip visible;
}

.home-tech_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #806bff1c, #806bff00);
  border-radius: 50%;
  width: 68.75em;
  height: 27.5em;
  position: absolute;
  top: 29.875em;
  left: 10.625em;
}

.wrapper_home-tech {
  flex-direction: column;
  display: flex;
  position: relative;
}

.home-tech_band {
  margin-top: 6.875em;
  position: relative;
}

.home-tech_rule {
  z-index: 3;
  height: 10px;
  position: absolute;
  left: 0;
  right: 0;
}

.home-tech_rule.is-top {
  top: -5px;
}

.home-tech_rule.is-bottom {
  bottom: -5px;
}

.home-tech_logos {
  width: 100vw;
  height: 18.75em;
  margin-left: calc(50% - 50vw);
  position: relative;
  overflow: hidden;
}

.home-tech_base {
  opacity: .42;
  position: absolute;
  inset: 0;
}

.home-tech_row {
  grid-column-gap: 4em;
  align-items: center;
  width: max-content;
  height: 2.75em;
  padding-right: 4em;
  display: flex;
  position: absolute;
  left: 0;
}

.home-tech_row.is-1 {
  top: 5.125em;
}

.home-tech_row.is-2 {
  top: 10.875em;
}

.home-tech_item {
  grid-column-gap: .75em;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 2.75em;
  display: flex;
}

.home-tech_icon {
  object-fit: contain;
  width: 1.75em;
  height: 1.75em;
  display: block;
}

.home-tech_wordmark {
  object-fit: contain;
  height: auto;
  display: block;
}

.home-tech_wordmark.is-aws {
  width: 3.136em;
}

.home-tech_wordmark.is-google-workspace {
  width: 10.732em;
}

.home-tech_wordmark.is-pipedrive {
  width: 7.18em;
}

.home-tech_wordmark.is-sap {
  width: 3.283em;
}

.home-tech_wordmark.is-datev {
  width: 2.156em;
}

.home-tech_name {
  font-family: var(--_tokens---font-sans);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  white-space: nowrap;
  font-size: 1.25em;
  line-height: 1.3;
}

.home-tech_fade {
  z-index: 1;
  pointer-events: none;
  width: 13.75em;
  position: absolute;
  top: 0;
  bottom: 0;
}

.home-tech_fade.is-left {
  background-image: linear-gradient(90deg, #0b0912, #0b091200);
  left: 0;
}

.home-tech_fade.is-right {
  background-image: linear-gradient(270deg, #0b0912, #0b091200);
  right: 0;
}

.home-tech_lens-glow {
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff29, #8f7dff00);
  border-radius: 50%;
  width: 48.8em;
  height: 17.5em;
  margin-left: -24.4em;
  position: absolute;
  top: .625em;
  left: 50%;
}

.home-tech_lens-rows {
  position: absolute;
  top: 0;
  left: 0;
}

.home-tech_static {
  padding-top: 3em;
  padding-bottom: 3em;
  display: none;
  position: relative;
}

.wrapper_bw-prinzipien, .wrapper_bw-stimmen {
  grid-row-gap: 3.5em;
  flex-direction: column;
  display: flex;
}

.bw_empty {
  grid-row-gap: 1.25em;
  text-align: center;
  background-image: linear-gradient(#ffffff09, #ffffff03);
  border: 1px dashed #fff3;
  border-radius: 1em;
  flex-direction: column;
  align-items: center;
  padding: 4.5em 2em 4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bw_empty-glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff52, #8f7dff00);
  width: 36em;
  height: 28em;
  margin-left: -18em;
  position: absolute;
  top: -12em;
  left: 50%;
}

.bw_empty-art {
  width: 22em;
  max-width: 100%;
  height: 12em;
  margin-bottom: 1em;
  position: relative;
}

.bw_ghost {
  background-color: #ffffff06;
  border-radius: .75em;
  width: 16em;
  height: 9em;
  margin-left: -8em;
  position: absolute;
  top: 1.5em;
  left: 50%;
  box-shadow: inset 0 0 0 1px #ffffff14;
}

.bw_ghost.is-c {
  grid-row-gap: .625em;
  background-color: #141020;
  flex-direction: column;
  padding: 1.25em 1.5em;
  display: flex;
  top: .75em;
  box-shadow: inset 0 0 0 1px #b8abff47, 0 20px 50px #00000073;
}

.bw_ghost-q {
  color: var(--_colors---purple);
  display: flex;
}

.bw_ghost-line {
  background-color: #ffffff1f;
  border-radius: 999px;
  width: 80%;
  height: .375em;
  display: block;
}

.bw_ghost-line.is-short {
  width: 64%;
}

.bw_ghost-line.is-shorter {
  width: 42%;
}

.bw_badge {
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #8f7dff1a;
  border-radius: 999px;
  align-items: center;
  padding: .5em .875em;
  font-size: .6875em;
  display: inline-flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #b8abff59;
}

.section_res-art {
  position: relative;
}

.bw_empty-title {
  max-width: 16em;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.bw_empty-text {
  max-width: 40em;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.bw_empty-actions {
  justify-content: center;
  margin-top: .75em;
  position: relative;
}

.section_ls-deliver {
  position: relative;
}

.wrapper_ls-deliver {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-check_path {
  stroke-dasharray: 16;
}

.ls-deliver_intro {
  margin-top: -1em;
}

.ls-deliver_body {
  max-width: 40em;
}

.ls-check_icon {
  width: 1.75em;
  height: 1.75em;
  color: var(--_colors---violet-light);
  background-color: #8f7dff24;
  border: 1px solid #8f7dff80;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ls-check_body {
  grid-row-gap: .375em;
  flex-direction: column;
  display: flex;
}

.ls-check_title {
  font-size: 1.625em;
  line-height: 1.12;
}

.ls-todo {
  max-width: 100%;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .02em;
  background-color: #8f7dff14;
  border: 1px dashed #b8abff80;
  border-radius: 4px;
  padding: .15em .5em;
  font-size: .8em;
  line-height: 1.4;
  display: inline-block;
}

.section_res-bento, .section_res-latest, .section_res-steps, .section_res-cta {
  position: relative;
}

.wrapper_bw-feedback {
  grid-row-gap: 3.5em;
  flex-direction: column;
  display: flex;
}

.section_bw-feedback {
  scroll-margin-top: 6em;
}

.bw_fb-grid {
  grid-column-gap: 6em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 40em);
  align-items: start;
  display: grid;
}

.bw_fb-copy {
  grid-row-gap: 1.5em;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 8em;
}

.bw_fb-title {
  margin-top: 0;
  margin-bottom: 0;
}

.bw_note {
  grid-column-gap: .625em;
  color: var(--_colors---text-white);
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375em;
  display: flex;
}

.bw_note-ico {
  color: var(--_colors---violet-light);
  display: flex;
}

.bw_fb-card {
  border-radius: 1em;
  padding: 2.25em;
}

.wrapper_bw-google {
  grid-row-gap: 3.5em;
  flex-direction: column;
  display: flex;
}

.bw_google {
  grid-column-gap: 2.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  padding: 2.5em;
  display: grid;
}

.bw_google-ico {
  width: 3.5em;
  height: 3.5em;
  color: var(--_colors---violet-light);
  background-color: #ffffff0a;
  border-radius: .75em;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: inset 0 0 0 1px #ffffff24;
}

.bw_google-copy {
  grid-row-gap: .75em;
  flex-direction: column;
  max-width: 52em;
  display: flex;
}

.bw_google-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
}

.bw_google-action {
  grid-row-gap: .625em;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.wrapper_gf-cta {
  grid-row-gap: 3.25em;
  flex-direction: column;
  display: flex;
}

.gf-cta_panel {
  grid-column-gap: 4em;
  grid-row-gap: 1.5em;
  border-radius: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 3.75em 3.5em;
  display: grid;
  overflow: hidden;
}

.gf-cta_glow {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff42, #8f7dff00);
  border-radius: 50%;
  width: 34em;
  height: 34em;
  position: absolute;
  top: -10em;
  right: -6em;
}

.gf-cta_copy {
  grid-row-gap: 1.75em;
  flex-direction: column;
  max-width: 52em;
  display: flex;
}

.gf-cta_lead {
  max-width: 40em;
}

.gf-cta_actions {
  justify-content: flex-end;
}

.gf-cta_note {
  grid-column: 1 / 3;
}

.gf-cta_link {
  color: var(--_colors---text-white);
  text-decoration: none;
}

.section_ls-ablauf {
  position: relative;
}

.wrapper_ls-ablauf {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-steps {
  padding-top: 2em;
  position: relative;
}

.ls-steps_rail {
  background-color: #ffffff14;
  border-radius: 2px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ls-steps_rail-fill {
  transform-origin: 0%;
  background-image: linear-gradient(90deg, #edf0f5, #8f7dff 40%, #8f7dff4d);
  width: 100%;
  height: 100%;
  transform: scaleX(1);
}

.ls-steps_list {
  grid-column-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.ls-step_dot {
  background-color: #edf0f559;
  border-radius: 2px;
  width: .625em;
  height: .625em;
  transition-property: background-color, box-shadow;
  transition-duration: .5s;
  position: absolute;
  top: -2.35em;
  left: 1.5em;
}

.ls-step_title {
  font-size: 1.5em;
  line-height: 1.12;
}

.ls-facts_grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(9em, 1fr));
  display: grid;
}

.ls-fact {
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
}

.ls-fact_label {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-fact_value {
  color: var(--_colors---text-white);
  font-size: .875em;
  line-height: 1.4;
}

.ls-facts_actions {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.branche-lt_meta {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---purple);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
}

.branche-lt_grid {
  grid-column-gap: 6em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 21em minmax(0, 45em);
  align-items: start;
  margin-top: 4.25em;
  display: grid;
}

.branche-lt_toc-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: .6875em;
}

.branche-lt_toc-list {
  grid-row-gap: .125em;
  flex-direction: column;
  display: flex;
}

.branche-lt_toc-link {
  color: var(--_colors---text-muted-strong);
  border-left: 2px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 1.75em minmax(0, 1fr);
  padding: .6em .75em;
  font-size: .8125em;
  line-height: 1.4;
  text-decoration: none;
  transition-property: color, border-color, background-color;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: grid;
}

.branche-lt_toc-link:hover {
  color: var(--_colors---text-white);
}

.branche-lt_toc-link.is-active {
  color: #b8abff;
  background-image: linear-gradient(90deg, #8f7dff29, #8f7dff00);
  border-left-color: #8f7dff;
}

.branche-lt_toc-num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  font-size: .875em;
}

.branche-lt_progress {
  background-color: #ffffff1a;
  border-radius: 2px;
  height: 2px;
  margin-top: .75em;
  overflow: hidden;
}

.branche-lt_progress-bar {
  transform-origin: 0%;
  background-color: #8f7dff;
  width: 100%;
  height: 100%;
}

.text-rich-text.branche-lt_body {
  max-width: 45em;
}

.branche-lt_chapter {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---purple);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 3em;
  margin-bottom: .5em;
  font-size: .6875em;
}

.section_branche-cta {
  background-image: radial-gradient(40% 55% at 78% 45%, #6e5adc38, #6e5adc00);
  position: relative;
  overflow: clip;
}

.branche-cta_grid {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  margin-top: 2.75em;
  display: grid;
}

.branche-cta_copy {
  grid-row-gap: 1.75em;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1.5em;
  display: flex;
}

.branche-cta_lead {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.45;
}

.branche-cta_buttons {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  margin-top: .5em;
  display: flex;
}

.branche-cta_note {
  color: var(--_colors---text-paragraph);
  margin-top: .25em;
  margin-bottom: 0;
  font-size: .875em;
}

.branche-cta_link {
  color: var(--_colors---text-white);
  text-decoration: none;
}

.branche-cta_media {
  aspect-ratio: 3 / 2;
  width: 118%;
  margin-top: -5em;
  position: relative;
}

.branche-cta_img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-image: radial-gradient(70% 70% at 55% 45%, #000 60%, #0000 100%);
  mask-image: radial-gradient(70% 70% at 55% 45%, #000 60%, #0000 100%);
}

.branche-cta_img.is-base {
  object-fit: contain;
}

.bw_form-block {
  margin-bottom: 0;
}

.bw_form {
  grid-row-gap: 1.75em;
  flex-direction: column;
  display: flex;
}

.bw_summary {
  display: none;
}

.bw_form-row {
  grid-column-gap: 1em;
  grid-row-gap: 1.75em;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.bw_field {
  flex-direction: column;
  display: flex;
  position: relative;
}

.bw_label {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .625em;
  font-size: .75em;
  font-weight: 400;
}

.bw_help {
  margin-top: .5em;
  margin-bottom: 0;
  font-size: .8125em;
  line-height: 1.45;
}

.bw_help-indent {
  margin-top: .375em;
  margin-bottom: 0;
  margin-left: 2.25em;
  font-size: .8125em;
  line-height: 1.45;
}

.bw_error {
  color: #ff8a8a;
  margin-top: .375em;
  margin-bottom: 0;
  font-size: .8125em;
  line-height: 1.4;
}

.bw_rates {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  display: flex;
}

.section_konfigurator {
  position: relative;
  overflow: clip;
}

.wrapper_konfigurator {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}

.bw_check {
  grid-column-gap: .875em;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.konfigurator_statue {
  z-index: 0;
  opacity: .34;
  pointer-events: none;
  width: 56%;
  max-width: none;
  height: auto;
  position: absolute;
  top: 3em;
  right: -8%;
}

.konfigurator_head {
  flex-direction: column;
  display: flex;
}

.konfigurator_head-grid {
  grid-column-gap: 4em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 27.5em;
  align-items: end;
  margin-top: 2.5em;
  margin-bottom: 3em;
  display: grid;
}

.konfigurator_h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.konfigurator_intro {
  grid-row-gap: 1.25em;
  flex-direction: column;
  padding-bottom: .5em;
  display: flex;
}

.konfigurator_intro-text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.6;
}

.konfigurator_hint {
  grid-column-gap: .625em;
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_hint-icon {
  width: 1.333em;
  height: 1.333em;
  color: var(--_colors---purple);
  flex: none;
}

.konfigurator_progress-meta {
  align-items: center;
  display: flex;
}

.konfigurator_site-link {
  min-height: 2.75rem;
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75em;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
}

.konfigurator_saved {
  grid-column-gap: .5em;
  min-height: 2.75rem;
  color: var(--_colors---text-muted-strong);
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.4;
  display: none;
}

.konfigurator_saved-icon {
  width: 1em;
  height: 1em;
  color: var(--_colors---violet-light);
  flex: none;
}

.konfigurator_restart {
  min-height: 2.75rem;
  color: var(--_colors---violet-light);
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  padding: 0;
  font-size: 1em;
  text-decoration: underline;
}

.konfigurator_live {
  white-space: nowrap;
  border-style: none;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.konfigurator_form, .konfigurator_form._w-form {
  margin-top: 5em;
  margin-bottom: 0;
}

.konfigurator_panel {
  display: block;
}

.konfigurator_panel-head {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2em;
  display: flex;
}

.konfigurator_panel-titles {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.konfigurator_panel-title {
  color: var(--_colors---text-white);
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.25em;
  font-weight: 400;
  line-height: 1.05;
}

.konfigurator_help {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.konfigurator_counter {
  grid-column-gap: .5em;
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  background-color: #8f7dff1a;
  border: 1px solid #8f7dff73;
  border-radius: 999px;
  flex: none;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: .667em 1.167em;
  font-size: .75em;
  line-height: 1.3;
  display: inline-flex;
}

.konfigurator_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.konfigurator_task {
  grid-row-gap: 1.25em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: .75em;
  flex-direction: column;
  padding: 1.5em;
  display: flex;
  position: relative;
}

.konfigurator_task-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.konfigurator_ic {
  display: inline-flex;
}

.konfigurator_task-icon {
  width: 2.75em;
  height: 2.75em;
  color: var(--_colors---text-white);
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: .625em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.konfigurator_task-check {
  width: 1.375em;
  height: 1.375em;
  color: var(--_colors---background);
  background-color: #ffffff08;
  border: 1px solid #ffffff47;
  border-radius: .375em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.konfigurator_task-text {
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
}

.konfigurator_task-title {
  color: var(--_colors---text-white);
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625em;
  font-weight: 400;
  line-height: 1.05;
}

.konfigurator_task-desc {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.45;
}

.konfigurator_other {
  max-width: 30em;
  margin-top: 1.75em;
}

.konfigurator_label {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .667em;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.3;
  display: block;
}

.konfigurator_input {
  width: 100%;
  height: auto;
  min-height: 3em;
  color: var(--_colors---text-white);
  margin-bottom: 0;
  padding: .75em 1em;
  font-size: 1em;
  line-height: 1.5;
  display: block;
}

.konfigurator_input.is-textarea {
  resize: vertical;
  height: auto;
  min-height: 5.5em;
}

.konfigurator_input._w-input {
  width: 100%;
  height: auto;
  min-height: 3em;
  color: var(--_colors---text-white);
  margin-bottom: 0;
  padding: .75em 1em;
  font-size: 1em;
  line-height: 1.5;
  display: block;
}

.konfigurator_error {
  color: var(--_colors---error);
  margin-top: 1em;
  margin-bottom: 0;
  font-size: .9375em;
  line-height: 1.4;
}

.konfigurator_layout {
  grid-column-gap: 1.5em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 26.25em;
  align-items: start;
  display: grid;
}

.konfigurator_layout.is-contact {
  grid-column-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 27.5em;
}

.konfigurator_rows {
  grid-row-gap: 1em;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.konfigurator_side {
  border-radius: .75em;
  padding: 1.8125em;
  position: sticky;
  top: 12.5em;
}

.konfigurator_rate {
  grid-column-gap: .625em;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .25em;
  align-items: center;
  height: 3em;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.konfigurator_rate-icon {
  width: 1.125em;
  height: 1.125em;
  color: var(--_colors---purple);
  flex: none;
}

.konfigurator_rate-input, .konfigurator_rate-input._w-input {
  width: 100%;
  height: auto;
  min-height: 2.75rem;
  color: var(--_colors---text-white);
  background-color: #0000;
  border-style: none;
  flex: auto;
  min-width: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.5;
}

.konfigurator_rate-unit {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  flex: none;
  font-size: .6875em;
  line-height: 1.3;
}

.konfigurator_side-help {
  color: var(--_colors---text-paragraph);
  margin-top: .857em;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.45;
}

.konfigurator_stats {
  grid-row-gap: .25em;
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  margin-top: 1.25em;
  padding-top: 1em;
  display: flex;
}

.konfigurator_stat {
  grid-column-gap: 1em;
  min-height: 2.286em;
  color: var(--_colors---text-muted-strong);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.4;
  display: flex;
}

.konfigurator_stat-val {
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .857em;
}

.konfigurator_note {
  grid-column-gap: .625em;
  color: var(--_colors---text-paragraph);
  align-items: flex-start;
  margin-top: 1.143em;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.45;
  display: flex;
}

.konfigurator_note-icon {
  width: 1em;
  height: 1em;
  color: var(--_colors---violet-light);
  flex: none;
  margin-top: .125em;
}

.konfigurator_empty {
  color: var(--_colors---text-white);
  border: 1px dashed #b8abff80;
  border-radius: .75em;
  margin-top: 0;
  margin-bottom: 1.5em;
  padding: 1em 1.25em;
  font-size: 1em;
  line-height: 1.5;
  display: none;
}

.konfigurator_tiles {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.656fr);
  display: grid;
}

.konfigurator_tile {
  grid-row-gap: 1em;
  border-radius: .75em;
  flex-direction: column;
  min-width: 0;
  padding: 1.8125em;
  display: flex;
  position: relative;
}

.konfigurator_tile.is-save {
  grid-area: 1 / 2 / 3 / 3;
  padding: 1.8125em;
}

.konfigurator_tile.is-hours {
  grid-area: 1 / 1 / 2 / 2;
  min-height: 13em;
}

.konfigurator_tile.is-cost {
  grid-area: 2 / 1 / 3 / 2;
  min-height: 13em;
}

.konfigurator_tile-label {
  grid-column-gap: .625em;
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_tile-icon {
  width: 1.455em;
  height: 1.455em;
  color: var(--_colors---violet-light);
  flex: none;
}

.konfigurator_tile-value {
  grid-column-gap: .625em;
  grid-row-gap: .25em;
  flex-wrap: wrap;
  align-items: baseline;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.konfigurator_num {
  color: var(--_colors---text-white);
  letter-spacing: -.02em;
  white-space: nowrap;
  font-size: 4.5em;
  line-height: .95;
}

.konfigurator_num.is-sep {
  white-space: normal;
}

.konfigurator_unit {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .75em;
  line-height: 1.3;
}

.konfigurator_tile-sub {
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.5;
}

.konfigurator_tile-note {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.45;
}

.konfigurator_band {
  background-color: #ffffff12;
  border-radius: .375em;
  height: .75em;
  margin-top: 1.75em;
  position: relative;
}

.konfigurator_band.is-mini {
  height: .375em;
  margin-top: .25em;
}

.konfigurator_band-fill {
  background-image: linear-gradient(90deg, #8f7dff8c, #b8abff);
  border-radius: .375em;
  position: absolute;
  inset: 0 30%;
}

.konfigurator_band-mark {
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  white-space: nowrap;
  margin-bottom: .545em;
  font-size: .6875em;
  line-height: 1.3;
  position: absolute;
  bottom: 100%;
  left: 30%;
}

.konfigurator_band-mark.is-end {
  left: 70%;
}

.konfigurator_band-scale {
  grid-column-gap: 1em;
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_breakdown {
  border-radius: .75em;
  margin-top: 2em;
  padding: 1.8125em;
}

.konfigurator_breakdown-title {
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .308em;
  font-size: 1.625em;
  font-weight: 400;
  line-height: 1.1;
}

.konfigurator_breakdown-rows {
  flex-direction: column;
  display: flex;
}

.konfigurator_breakdown-sum {
  grid-column-gap: 1em;
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  border-top: 1px solid #ffffff24;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.333em;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
}

.konfigurator_disclaimer {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  border-radius: .75em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.967fr) minmax(0, 1fr);
  margin-top: 2em;
  padding: 1.8125em;
  display: grid;
}

.konfigurator_disclaimer-col {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.konfigurator_disclaimer-label {
  grid-column-gap: .5em;
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_disclaimer-text {
  color: var(--_colors---text-muted-strong);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.55;
}

.konfigurator_card {
  border-radius: .75em;
  padding: 2.0625em;
}

.konfigurator_fields {
  grid-column-gap: 1em;
  grid-row-gap: 1.25em;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.konfigurator_field {
  min-width: 0;
}

.konfigurator_field.is-full {
  grid-column: 1 / -1;
}

.konfigurator_req {
  color: var(--_colors---purple);
}

.konfigurator_field-error {
  color: var(--_colors---error);
  margin-top: .462em;
  margin-bottom: 0;
  font-size: .8125em;
  line-height: 1.4;
}

.konfigurator_consent {
  margin-top: 1.25em;
}

.konfigurator_check {
  grid-column-gap: .857em;
  color: var(--_colors---text-muted-strong);
  cursor: pointer;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.konfigurator_checkbox {
  flex: none;
  width: 1.571em;
  height: 1.571em;
  margin: .1em 0 0;
}

.konfigurator_check-text {
  flex: auto;
}

.konfigurator_check-link {
  color: var(--_colors---text-white);
  text-decoration: underline;
}

.konfigurator_actions {
  grid-column-gap: 1em;
  grid-row-gap: .75em;
  border-bottom: 1px solid #ffffff1a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5em;
  padding-bottom: 1.25em;
  display: flex;
}

.konfigurator_back {
  grid-column-gap: .5em;
  justify-content: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1.25em;
  display: inline-flex;
}

.konfigurator_back-icon {
  flex: none;
  width: 1em;
  height: 1em;
}

.konfigurator_submit {
  border-radius: .25em;
  padding-right: 3.75em;
}

.konfigurator_trust {
  grid-column-gap: 1.818em;
  grid-row-gap: .727em;
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  flex-wrap: wrap;
  margin-top: 1.455em;
  margin-bottom: 0;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_trust-icon {
  width: 1.273em;
  height: 1.273em;
  color: var(--_colors---violet-light);
  margin-right: .545em;
}

.konfigurator_summary-col {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 12.5em;
}

.konfigurator_summary {
  border-radius: .75em;
  padding: 1.8125em;
}

.konfigurator_summary-head {
  grid-column-gap: 1em;
  border-bottom: 1px solid #ffffff1f;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1em;
  display: flex;
}

.konfigurator_summary-title {
  color: var(--_colors---text-white);
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625em;
  font-weight: 400;
  line-height: 1.1;
}

.konfigurator_summary-hint {
  grid-column-gap: .545em;
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_summary-block {
  grid-row-gap: .5em;
  cursor: pointer;
  border-bottom: 1px solid #ffffff1f;
  flex-direction: column;
  padding-top: 1.125em;
  padding-bottom: 1.125em;
  display: flex;
}

.konfigurator_summary-row {
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_summary-link {
  min-height: 2.75rem;
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  margin-top: -.75rem;
  margin-bottom: -.75rem;
  padding: 0;
  font-size: 1em;
}

.konfigurator_chips {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-wrap: wrap;
  display: flex;
}

.konfigurator_summary-text {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375em;
  line-height: 1.45;
}

.konfigurator_summary-big {
  grid-column-gap: .5em;
  flex-wrap: wrap;
  align-items: baseline;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.konfigurator_summary-num {
  color: var(--_colors---text-white);
  font-size: 2.5em;
  line-height: 1;
}

.konfigurator_summary-save {
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
  font-weight: 500;
  line-height: 1.5;
}

.konfigurator_alt {
  grid-column-gap: .714em;
  grid-row-gap: .286em;
  color: var(--_colors---text-muted-strong);
  border: 1px solid #ffffff24;
  border-radius: .857em;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.357em 1.429em;
  font-size: .875em;
  line-height: 1.4;
  display: flex;
}

.konfigurator_alt-link {
  min-height: 2.75rem;
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  font-size: .857em;
  text-decoration: none;
  display: inline-flex;
}

.konfigurator_nav {
  grid-column-gap: 1em;
  border-top: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5em;
  padding-top: 1.5em;
  display: flex;
}

.konfigurator_nav-right {
  grid-column-gap: 1em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.konfigurator_enter {
  grid-column-gap: .727em;
  color: var(--_colors---text-muted-strong);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_kbd {
  color: var(--_colors---text-white);
  border: 1px solid #ffffff40;
  border-radius: .364em;
  padding: .364em .545em;
}

.konfigurator_termin {
  display: none;
}

.konfigurator_next {
  position: relative;
}

.konfigurator_fail {
  background-color: #ff78780f;
  border: 1px solid #ff787873;
  border-radius: .75em;
  margin-top: 1.5em;
  padding: 1.5em;
  display: none;
}

.konfigurator_fail-label {
  grid-column-gap: .727em;
  color: var(--_colors---error);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 1.091em;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.konfigurator_fail-text {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 1.25em;
  font-size: 1em;
  line-height: 1.5;
}

.konfigurator_fail-actions {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  display: flex;
}

.bw_rate {
  cursor: pointer;
  align-items: center;
  min-height: 2.75em;
  margin-bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  display: inline-flex;
  position: relative;
}

.bw_rate-text {
  font-size: .9375em;
  line-height: 1.2;
}

.bw_check-text {
  margin-bottom: 0;
  font-size: .9375em;
  font-weight: 400;
  line-height: 1.45;
}

.bw_done {
  text-align: left;
  margin-top: 1.5em;
}

.bw_fail {
  margin-top: 1em;
}

.gf_inline-link {
  text-decoration: underline;
}

.section_ls-tech {
  position: relative;
}

.wrapper_ls-tech {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-tech_band {
  height: 18.75em;
  margin-left: -3em;
  margin-right: -3em;
  position: relative;
}

.ls-tech_line {
  background-image: linear-gradient(#ffffff29, #ffffff29);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  height: 10px;
  position: absolute;
  left: 3em;
  right: 3em;
}

.ls-tech_line.is-top {
  top: -5px;
}

.ls-tech_line.is-bottom {
  bottom: -5px;
}

.ls-tech_logos {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ls-tech_base {
  grid-row-gap: 3em;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 5.125em;
  left: 0;
  right: 0;
}

.ls-tech_row {
  grid-column-gap: 4em;
  align-items: center;
  width: max-content;
  height: 2.75em;
  display: flex;
}

.ls-logo {
  grid-column-gap: .625em;
  flex-shrink: 0;
  align-items: center;
  height: 2.75em;
  display: flex;
}

.ls-logo_img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  height: 1.5em;
  display: block;
}

.ls-logo_img.is-lg-aws {
  background-image: url('/images/tech-img-logo37.svg');
  width: 2.51em;
}

.ls-logo_img.is-lg-azure {
  background-image: url('/images/tech-img-logo38.svg');
  width: 1.59em;
}

.ls-logo_img.is-lg-google-cloud {
  background-image: url('/images/tech-img-logo39.svg');
  width: 1.87em;
}

.ls-logo_img.is-lg-docker {
  background-image: url('/images/tech-img-logo40.svg');
  width: 2.09em;
}

.ls-logo_img.is-lg-claude {
  background-image: url('/images/tech-img-logo41.svg');
  width: 1.5em;
}

.ls-logo_img.is-lg-openai {
  background-image: url('/images/tech-img-logo42.svg');
  width: 1.48em;
}

.ls-logo_img.is-lg-google-gemini {
  background-image: url('/images/tech-img-logo43.svg');
  width: 1.5em;
}

.ls-logo_img.is-lg-mistral {
  background-image: url('/images/tech-img-logo44.svg');
  width: 2.1em;
}

.ls-logo_img.is-lg-llama {
  background-image: url('/images/tech-img-logo45.svg');
  width: 2.26em;
}

.ls-logo_img.is-lg-n8n {
  background-image: url('/images/tech-img-logo46.svg');
  width: 2.85em;
}

.ls-logo_img.is-lg-make {
  background-image: url('/images/tech-img-logo47.svg');
  width: 2.12em;
}

.ls-logo_img.is-lg-langchain {
  background-image: url('/images/tech-img-logo48.svg');
  width: 1.09em;
}

.ls-logo_img.is-lg-mcp {
  background-image: url('/images/tech-img-logo49.svg');
  width: 1.35em;
}

.ls-logo_img.is-lg-qdrant {
  background-image: url('/images/tech-img-logo50.svg');
  width: 1.3em;
}

.ls-logo_img.is-lg-pinecone {
  background-image: url('/images/tech-img-logo51.svg');
  width: 1.34em;
}

.ls-logo_img.is-lg-python {
  background-image: url('/images/tech-img-logo52.svg');
  width: 1.51em;
}

.ls-logo_img.is-lg-typescript {
  background-image: url('/images/tech-img-logo54.svg');
  width: 1.5em;
}

.ls-logo_img.is-lg-node-js {
  background-image: url('/images/tech-img-logo55.svg');
  width: 1.33em;
}

.ls-logo_img.is-lg-fastapi {
  background-image: url('/images/tech-img-logo58.svg');
  width: 1.5em;
}

.ls-logo_img.is-lg-microsoft-365 {
  background-image: url('/images/tech-img-logo59.svg');
  width: 1.5em;
}

.ls-logo_img.is-lg-teams {
  background-image: url('/images/tech-img-logo60.svg');
  width: 1.61em;
}

.ls-logo_img.is-lg-google-workspace {
  background-image: url('/images/tech-img-logo61.svg');
  width: 11.7em;
}

.ls-logo_img.is-lg-slack {
  background-image: url('/images/tech-img-logo62.svg');
  width: 1.5em;
}

.ls-logo_img.is-lg-notion {
  background-image: url('/images/tech-img-logo63.svg');
  width: 1.44em;
}

.ls-logo_img.is-lg-whatsapp-business-api {
  background-image: url('/images/tech-img-logo64.svg');
  width: 1.49em;
}

.ls-logo_img.is-lg-twilio {
  background-image: url('/images/tech-img-logo65.svg');
  width: 1.5em;
}

.ls-logo_img.is-lg-gmail {
  background-image: url('/images/tech-img-logo66.svg');
  width: 1.89em;
}

.ls-logo_img.is-lg-postgresql {
  background-image: url('/images/tech-img-logo67.svg');
  width: 1.45em;
}

.ls-logo_img.is-lg-supabase {
  background-image: url('/images/tech-img-logo68.svg');
  width: 1.46em;
}

.ls-logo_img.is-lg-power-bi {
  background-image: url('/images/tech-img-part3.svg');
  width: 1.12em;
}

.ls-logo_img.is-lg-salesforce {
  background-image: url('/images/tech-img-logo69.svg');
  width: 2.14em;
}

.ls-logo_img.is-lg-hubspot {
  background-image: url('/images/tech-img-logo70.svg');
  width: 1.43em;
}

.ls-logo_img.is-lg-pipedrive {
  background-image: url('/images/tech-img-logo71.svg');
  width: 6.63em;
}

.ls-logo_img.is-lg-sap {
  background-image: url('/images/tech-img-logo72.svg');
  width: 3.03em;
}

.ls-logo_img.is-lg-datev {
  background-image: url('/images/tech-img-logo73.svg');
  width: 1.52em;
}

.ls-logo_label {
  color: #edf0f599;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1;
}

.ls-tech_fade {
  z-index: 2;
  pointer-events: none;
  width: 13.75em;
  position: absolute;
  top: 0;
  bottom: 0;
}

.ls-tech_fade.is-left {
  background-image: linear-gradient(90deg, #0b0912, #0b091200);
  left: 0;
}

.ls-tech_fade.is-right {
  background-image: linear-gradient(270deg, #0b0912, #0b091200);
  right: 0;
}

.ls-tech_grid {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.ls-tech_item {
  grid-row-gap: .5em;
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  display: flex;
}

.ls-tech_cat {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-tech_list {
  color: var(--_colors---text-white);
}

.ls-sr-only {
  white-space: nowrap;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.res-crumbs {
  grid-column-gap: .75em;
  font-family: var(--_tokens---font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  font-size: .75em;
  line-height: 1.3;
  display: flex;
}

.res-crumbs_link {
  min-height: 2.75rem;
  color: var(--_colors---text-paragraph);
  align-items: center;
  text-decoration: none;
  transition: color .24s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
}

.res-crumbs_link:hover {
  color: var(--_colors---violet-light);
}

.res-crumbs_sep {
  color: #a39eb880;
}

.res-crumbs_current {
  color: var(--_colors---text-white);
}

.section_branche-anf, .section_branche-ansatz, .section_branche-leist, .section_branche-anw, .section_branche-ablauf, .section_branche-rg, .section_branche-more, .section_branche-lt {
  position: relative;
}

.res-filter {
  z-index: 20;
  transition: background-color .3s cubic-bezier(.65, 0, .35, 1), box-shadow .3s cubic-bezier(.65, 0, .35, 1);
  position: sticky;
  top: 5em;
}

.res-filter.is-stuck {
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  backdrop-filter: blur(24px) saturate(140%);
  background-color: #0b0912b8;
  box-shadow: 0 1px #ffffff14;
}

.wrapper_res-listing {
  grid-row-gap: 6em;
  flex-direction: column;
  display: flex;
}

.res-feat {
  grid-column-gap: 3.5em;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  color: var(--_colors---text-white);
  isolation: isolate;
  background-color: #ffffff0a;
  background-image: linear-gradient(160deg, #ffffff0f, #ffffff03 45%, #8f7dff0d);
  border-radius: 1em;
  grid-template-rows: auto;
  grid-template-columns: 45em minmax(0, 1fr);
  align-items: center;
  padding: .5em 3.5em .5em .5em;
  text-decoration: none;
  transition: box-shadow .24s cubic-bezier(.65, 0, .35, 1), background-color .24s cubic-bezier(.65, 0, .35, 1);
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #ffffff29, inset 0 0 0 1px #ffffff1a, 0 2em 4em -2em #0000008c;
}

.res-feat:hover {
  background-color: #ffffff0e;
  box-shadow: inset 0 1px #ffffff38, inset 0 0 0 1px #8f7dff80, inset 0 1px 32px #8f7dff29, 0 2em 4em -2em #0009;
}

.res-feat_media {
  background-color: #120f1c;
  background-image: radial-gradient(70% 80% at 45% 100%, #8f7dff29, #8f7dff00 70%);
  border-radius: .625em;
  height: 32.5em;
  position: relative;
  overflow: clip;
}

.res-feat_lens {
  z-index: 2;
  width: 12.8em;
  max-width: none;
  height: auto;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1), filter .6s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 1.25em;
  left: 29em;
}

.res-feat_body {
  grid-row-gap: 1.375em;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.res-feat_title {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.01em;
  font-size: 3.25em;
  font-weight: 400;
  line-height: 1.05;
}

.res-slot-card {
  border: 1px dashed #b8abff47;
  border-radius: .75em;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 27em;
  padding: 2em 1.75em;
  display: flex;
  position: relative;
  overflow: clip;
}

.res-filter_sort {
  grid-column-gap: .75em;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.res-filter_chips {
  grid-column-gap: .5em;
  align-items: center;
  min-width: 0;
  padding-top: .5em;
  padding-bottom: .5em;
  display: flex;
  overflow-x: auto;
}

.res-feat_teaser {
  color: var(--_colors---text-paragraph);
  font-size: 1.0625em;
  line-height: 1.5;
}

.section_res-listing, .res-featured_wrap, .res-gridwrap {
  position: relative;
}

.res-filter_inner {
  grid-column-gap: 1.5em;
  border-top: 1px solid #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  min-height: 4.875em;
  display: flex;
}

.res-filter_total {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .75em;
  line-height: 1.3;
}

.res-filter_select {
  min-height: 2.75rem;
}

.res-listing_head {
  flex-direction: column;
  margin-bottom: -2em;
  display: flex;
}

.res-feat_badge {
  z-index: 3;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  background-color: #ffffff14;
  border-radius: 999px;
  padding: .375em .625em;
  font-size: .6875em;
  line-height: 1.3;
  position: absolute;
  top: 1em;
  left: 1em;
  box-shadow: inset 0 0 0 1px #ffffff29;
}

.res-feat_meta {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1.375em;
  display: flex;
}

.res-author {
  grid-column-gap: .75em;
  align-items: center;
  display: flex;
}

.res-author_avatar {
  object-fit: cover;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
}

.res-author_avatar.is-lg {
  width: 3.25em;
  height: 3.25em;
}

.res-author_avatar.is-md {
  width: 2.75em;
  height: 2.75em;
}

.res-author_txt {
  grid-row-gap: .125em;
  flex-direction: column;
  display: flex;
}

.res-author_name {
  color: var(--_colors---text-white);
  font-size: .9375em;
  font-weight: 500;
  line-height: 1.4;
}

.res-slot-card_lens {
  pointer-events: none;
  width: 9.5em;
  height: auto;
  position: absolute;
  top: 1em;
  right: .75em;
}

.res-slot-card_body {
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 2.5em;
  display: flex;
}

.res-empty {
  text-align: center;
  padding-top: 3em;
  padding-bottom: 3em;
}

.res-empty_text {
  color: var(--_colors---text-paragraph);
  margin-bottom: 1em;
  font-size: 1.125em;
}

.section_notfound {
  position: relative;
  overflow: clip;
}

.notfound_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #6e58e64d, #6e58e600);
  width: 56.25em;
  height: 43.75em;
  position: absolute;
  top: 29.25em;
  left: 52.78%;
}

.wrapper_notfound {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}

.notfound_copy {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 40em;
  margin-top: .375em;
  display: flex;
  position: relative;
}

.notfound_num {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---violet-light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21.25em;
  font-weight: 400;
  line-height: .88;
}

.notfound_h1 {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: .1428em;
  margin-bottom: 0;
  font-size: 3.5em;
  font-weight: 400;
  line-height: 1.05;
}

.notfound_text {
  color: #ada8c0;
  max-width: 37.65em;
  margin-top: 1.1765em;
  margin-bottom: 0;
  font-size: 1.0625em;
  line-height: 1.6;
}

.notfound_nav {
  flex-direction: column;
  width: 100%;
  margin-top: 3.5em;
  display: flex;
}

.notfound_nav-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 1.2727em;
  font-size: .6875em;
  line-height: 1.2;
}

.notfound_link {
  grid-column-gap: .75em;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---hairline);
  min-height: 4.0625em;
  color: var(--_colors---text-white);
  border-bottom: 1px solid #0000;
  grid-template-rows: auto;
  grid-template-columns: 2em minmax(0, 1fr) auto 1.75em;
  align-items: center;
  margin-bottom: -1px;
  padding: .5em 0;
  text-decoration: none;
  transition-property: background-color, border-color, padding;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: grid;
}

.notfound_link:hover {
  border-bottom-color: var(--_colors---purple);
  background-color: #ffffff0a;
  padding-left: 1em;
  padding-right: .75em;
}

.notfound_link-num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .6875em;
  line-height: 1.2;
  transition-property: color;
  transition-duration: .25s;
}

.notfound_link-label {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  font-size: 1.625em;
  line-height: 1.2;
}

.notfound_link-path {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .04em;
  font-size: .6875em;
  line-height: 1.2;
}

.notfound_link-arrow {
  transition: transform .25s cubic-bezier(.65, 0, .35, 1), color undefined undefined;
  color: var(--_colors---text-white);
  justify-self: end;
  font-size: 1.125em;
  line-height: 1;
}

.notfound_visual {
  z-index: 1;
  pointer-events: none;
  width: 41.25em;
  height: 48.75em;
  position: absolute;
  top: 14.0625em;
  left: 43.875em;
}

.notfound_statue-wrap {
  will-change: transform;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.notfound_img {
  filter: brightness(.8) saturate(.85);
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  display: block;
}

.notfound_lens-track {
  will-change: transform;
  width: 26.8em;
  height: 26.8em;
  position: absolute;
  top: 21.8em;
  left: 18.75em;
}

.notfound_lens {
  -webkit-backdrop-filter: blur(2px) saturate(1.3) brightness(1.08);
  backdrop-filter: blur(2px) saturate(1.3) brightness(1.08);
  background-image: radial-gradient(circle at 30% 25%, #ffffff24, #ffffff05 55%, #8f7dff1a);
  border: 1px solid #ffffff38;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 1px #ffffff59, inset 0 -1.5em 3em #0b091259, 0 2em 4em #00000059;
}

.is-glossar {
  max-width: 4.6em;
}

.glossar_search-host {
  z-index: 5;
  width: 100%;
  max-width: 40em;
  min-height: 4em;
  position: relative;
}

.glossar_search {
  grid-column-gap: .875em;
  min-height: 4em;
  color: var(--_colors---text-paragraph);
  align-items: center;
  padding: 0 1.5em 0 1.25em;
  display: flex;
}

.glossar_search-ico {
  color: var(--_colors---text-white);
  display: flex;
}

.glossar_search-ph {
  color: #edf0f573;
  flex-grow: 1;
  font-size: 1em;
}

.glossar_search-count {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .75em;
}

.glossar_chips {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  max-width: 52em;
  display: flex;
}

.glossar_chip {
  min-height: 3.385em;
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #120f1cc7;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  align-items: center;
  padding-left: 1.125em;
  padding-right: 1.125em;
  font-size: .8125em;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.is-ovhero {
  max-width: 8.2em;
  color: var(--_colors---text-white);
}

.section_glossar-az {
  z-index: 20;
  padding-top: .5em;
  padding-bottom: .5em;
  position: sticky;
  top: 5.75em;
}

.glossar_az {
  grid-column-gap: 1.25em;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  background-color: #120f1cb8;
  border-radius: .75em;
  align-items: center;
  min-height: 4.75em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  display: flex;
  box-shadow: inset 0 0 0 1px #ffffff1a, inset 0 1px #ffffff1f;
}

.glossar_az-label {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .75em;
}

.glossar_az-letters {
  grid-column-gap: .25em;
  scrollbar-width: none;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.glossar_az-pill {
  background-color: var(--_colors---purple);
  opacity: 0;
  pointer-events: none;
  border-radius: .375em;
  width: 2.5em;
  height: 2.5em;
  margin-top: -1.25em;
  position: absolute;
  top: 50%;
  left: 0;
  box-shadow: 0 0 20px #8f7dff73;
}

.glossar_az-link {
  z-index: 1;
  width: 2.5em;
  height: 2.5em;
  color: var(--_colors---text-white);
  border-radius: .375em;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .875em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.glossar_az-link.is-empty {
  opacity: .24;
  pointer-events: none;
}

.glossar_az-count {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .75em;
}

.section_glossar-list {
  scroll-margin-top: 10em;
  position: relative;
}

.wrapper_glossar-list {
  grid-row-gap: 3.5em;
  flex-direction: column;
  display: flex;
}

.glossar_list-host {
  width: 100%;
}

.glossar_noresult {
  padding-top: 2em;
  padding-bottom: 2em;
}

.section_home-projects {
  background-color: var(--_colors---background);
  position: relative;
  overflow: clip visible;
}

.glossar_term-body {
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
}

.home-projects_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #806bff1a, #806bff00);
  border-radius: 50%;
  width: 75em;
  height: 35em;
  position: absolute;
  top: 40em;
  left: 7.5em;
}

.wrapper_home-projects {
  flex-direction: column;
  display: flex;
  position: relative;
}

.home-projects_cards {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 6.875em;
  display: grid;
}

.home-projects_cover {
  z-index: 1;
  position: absolute;
  inset: 0;
}

.home-projects_head {
  pointer-events: none;
  flex-grow: 0;
  flex-shrink: 0;
  height: 15em;
  position: relative;
}

.home-projects_media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.home-projects_marble {
  mix-blend-mode: lighten;
  object-fit: cover;
  width: 83.33%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 8.33%;
}

.home-projects_lens {
  background-color: #0b0912;
  border-radius: .5em;
  position: absolute;
  inset: .75em;
  overflow: hidden;
}

.home-projects_marble-zoom {
  mix-blend-mode: lighten;
  object-fit: cover;
  width: 110.3%;
  max-width: none;
  height: 138.9%;
  position: absolute;
  top: -19.4%;
  left: -5.15%;
}

.home-projects_pane {
  background-image: linear-gradient(152deg, #ffffff02 0%, #ffffff01 35.7%, #ccd9ff02 71.4%);
  border: 1px solid #ffffff52;
  border-radius: .5em;
  position: absolute;
  inset: .75em;
  box-shadow: inset 0 1px #ffffff1f;
}

.home-projects_tags {
  z-index: 2;
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-wrap: wrap;
  align-content: flex-end;
  display: flex;
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
}

.home-projects_tag {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #edf0f5d9;
  white-space: nowrap;
  background-color: #0b091299;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  padding: .3125em .75em;
  font-size: .75em;
  line-height: 1.3;
  display: inline-flex;
}

.home-projects_content {
  z-index: 2;
  grid-row-gap: 1.75em;
  pointer-events: none;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 1.625em 2em 1.75em;
  display: flex;
  position: relative;
}

.home-projects_stages {
  flex-direction: column;
  display: flex;
}

.home-projects_stage {
  grid-column-gap: 1em;
  display: flex;
}

.home-projects_rail {
  grid-row-gap: 6px;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  width: 8px;
  padding-top: 4px;
  display: flex;
}

.home-projects_node {
  background-color: var(--_colors---text-white);
  flex-grow: 0;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: block;
}

.home-projects_node.is-result {
  background-color: var(--_colors---purple);
  box-shadow: 0 0 18px 3px #8f7dff;
}

.home-projects_line {
  flex-grow: 1;
  width: 1.5px;
  display: block;
}

.home-projects_line.is-problem {
  background-image: linear-gradient(#a39eb88c, #ffffffd9);
  box-shadow: 0 0 6px #8f7dff59;
}

.home-projects_line.is-solution {
  background-image: linear-gradient(#ffffffe6, #8f7dfff2);
  box-shadow: 0 0 8px #8f7dffcc;
}

.home-projects_copy {
  grid-row-gap: 6px;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  padding-bottom: 1.5em;
  display: flex;
}

.home-projects_copy.is-last {
  padding-bottom: 0;
}

.home-projects_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.4;
}

.home-projects_label.is-result {
  color: var(--_colors---purple);
}

.home-projects_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.glossar_term {
  grid-column-gap: 2.5em;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  text-decoration: none;
  display: grid;
  position: relative;
}

.glossar_term-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.1;
}

.glossar_term-def {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.glossar_term-arrow {
  justify-content: center;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  display: flex;
}

.section_ovbtiles {
  position: relative;
}

.ovbtiles_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff1a, #8f7dff00);
  width: 83.125em;
  height: 43.75em;
  position: absolute;
  top: 26.25em;
  left: 3.4375em;
}

.wrapper_ovbtiles {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ovbtiles_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1.5em;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.ovbtile_item {
  display: flex;
}

.ovbtile_hover-glow {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(90% 70% at 50% 0, #8f7dff47, #8f7dff00 70%);
  height: 60%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ovbtile_top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.375em;
  display: flex;
  position: relative;
}

.ovbtile_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
  transition-property: color;
  transition-duration: .3s;
}

.ovbtile_arrow {
  width: 1.875em;
  height: 1.875em;
  transition: transform .3s cubic-bezier(.65, 0, .35, 1), background-color undefined undefined, border-color undefined undefined;
  border: 1px solid #ffffff2e;
  border-radius: .25em;
  display: block;
}

.ovbtile_text {
  color: var(--_colors---text-paragraph);
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 1.1429em;
  font-size: .875em;
  line-height: 1.55;
}

.ovbtile_divider {
  background-color: var(--_colors---hairline);
  height: 1px;
  margin-bottom: 1em;
}

.ovbtile_badges {
  grid-row-gap: .5em;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1em;
  display: flex;
}

.ovbtile_badge {
  min-height: 2.1818em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #8f7dff1f;
  border: 1px solid #8f7dff73;
  border-radius: 62.5em;
  align-items: center;
  padding-left: .9091em;
  padding-right: .9091em;
  font-size: .6875em;
  display: inline-flex;
}

.ovbtile_status {
  grid-column-gap: .7273em;
  min-height: 2.1818em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #ffffff24;
  border-radius: 62.5em;
  align-items: center;
  padding-left: .9091em;
  padding-right: .9091em;
  font-size: .6875em;
  display: inline-flex;
}

.ovbtile_example {
  color: var(--_colors---text-muted-strong);
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8125em;
  line-height: 1.55;
}

.kt-hero_facts {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  margin-top: .75em;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.kt-hero_chip-dot {
  background-color: var(--_colors---purple);
  border-radius: 50%;
  width: .5em;
  height: .5em;
}

.section_ls-privacy {
  position: relative;
}

.wrapper_ls-privacy {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-privacy_copy {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ls-privacy_text {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  font-size: 1.625em;
  line-height: 1.25;
}

.ls-privacy_badges {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  display: flex;
}

.ls-privacy_points {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.ls-point {
  grid-column-gap: 1.25em;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 2.5em minmax(0, 1fr);
  padding-top: 1.125em;
  padding-bottom: 1.125em;
  display: grid;
}

.ls-point_body {
  grid-row-gap: .375em;
  flex-direction: column;
  display: flex;
}

.ls-point_title {
  color: var(--_colors---text-white);
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4;
}

.ls-point_text {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ls-privacy_hint {
  grid-column-gap: .75em;
  align-items: center;
  margin-top: -2em;
  display: flex;
}

.section_ls-cases {
  position: relative;
}

.wrapper_ls-cases {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-cases {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  display: grid;
}

.ls-cases.is-1 {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.ls-cases.is-3 {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ls-case_media {
  aspect-ratio: 437 / 200;
  background-image: radial-gradient(at 50% 40%, #ffffff0d, #ffffff04 70%);
  border-radius: .5em .5em 0 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  overflow: hidden;
}

.ls-case_img {
  object-fit: cover;
  width: 108%;
  max-width: none;
  height: 100%;
  margin-left: -4%;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  display: block;
  transform: scale(1);
}

.ls-case_body {
  grid-row-gap: .75em;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.5em 1.75em 1.75em;
  display: flex;
}

.ls-case_status {
  color: var(--_colors---violet-light);
  font-size: .6875em;
}

.ls-case_meta {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-case_title {
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: 1.5em;
}

.ls-case_text {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ls-case_result {
  grid-row-gap: .375em;
  flex-direction: column;
  margin-top: auto;
  padding-top: 1em;
  display: flex;
}

.ls-case_result-label {
  color: var(--_colors---violet-light);
  font-size: .6875em;
}

.ls-teaser_copy {
  z-index: 1;
  grid-row-gap: 1.5em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ls-teaser_kicker {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-teaser_title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  font-size: 2em;
  line-height: 1.15;
}

.ls-teaser_img {
  opacity: .9;
  pointer-events: none;
  object-fit: contain;
  object-position: 70% 100%;
  width: 100%;
  height: auto;
  max-height: 70%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 30%);
  mask-image: linear-gradient(#0000, #000 30%);
}

.ls-teaser_cta {
  z-index: 1;
  position: relative;
}

.ls-more {
  grid-column-gap: .5em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  margin-top: auto;
  padding-top: .75em;
  font-size: .75em;
  line-height: 1.3;
  display: inline-flex;
}

.ls-more_arrow {
  color: var(--_colors---purple);
  transition-property: transform;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

.section_ls-branchen {
  position: relative;
}

.wrapper_ls-branchen {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-tile_text {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ls-tile_top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25em;
  display: flex;
}

.ls-tile_arrow {
  color: var(--_colors---text-paragraph);
  font-size: .875em;
  line-height: 1;
  transition-property: transform, color;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

.ls-tile_title {
  font-size: 1.375em;
}

.section_home-faq {
  background-color: var(--_colors---background);
  position: relative;
  overflow: clip;
}

.home-faq_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #806bff29, #806bff00);
  border-radius: 50%;
  width: 26.95em;
  height: 26.95em;
  position: absolute;
  top: 42.75em;
  left: 2.775em;
}

.wrapper_home-faq {
  flex-direction: column;
  display: flex;
  position: relative;
}

.home-faq_grid {
  grid-column-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  margin-top: 4em;
  display: grid;
}

.home-faq_aside {
  flex-direction: column;
  min-height: 56.25em;
  display: flex;
  position: sticky;
  top: 7em;
}

.home-faq_intro {
  grid-row-gap: 1.5em;
  flex-direction: column;
  display: flex;
}

.home-faq_note {
  max-width: 20em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.444;
}

.home-faq_note-link {
  color: var(--_colors---purple-soft);
  text-underline-offset: .15em;
  text-decoration: underline;
}

.home-faq_note-link:hover {
  color: var(--_colors---violet-light);
}

.home-faq_figure {
  width: 27.5em;
  height: 32.5em;
  margin-top: 4.75em;
  margin-left: -.5em;
  position: relative;
}

.home-faq_figure.is-mobile {
  display: none;
}

.home-faq_statue {
  opacity: .8;
  width: 147.02%;
  max-width: none;
  height: 186.72%;
  position: absolute;
  top: -55.98%;
  left: -23.91%;
}

.home-faq_lens {
  border-radius: 50%;
  width: 71.44%;
  height: 59.08%;
  position: absolute;
  top: 44.77%;
  left: 45.45%;
}

.home-faq_lens-rim {
  pointer-events: none;
  width: 102.5%;
  max-width: none;
  height: 86.7%;
  position: absolute;
  top: 28.6%;
  left: 30.2%;
}

.home-faq_list {
  grid-row-gap: 1em;
  flex-direction: column;
  padding-top: .625em;
  display: flex;
}

.home-faq_h {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
}

.home-faq_trigger {
  grid-column-gap: 1.25em;
  width: 100%;
  color: var(--_colors---text-white);
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-width: 0;
  align-items: center;
  padding: 1.5625em;
  display: flex;
}

.home-faq_num {
  width: 2em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: .75em;
  line-height: 1.3;
}

.home-faq_q {
  min-width: 0;
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.75em;
  line-height: 1.1;
}

.home-faq_icon {
  background-color: #ffffff0a;
  border-radius: 4px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  position: relative;
}

.home-faq_icon-h {
  background-color: var(--_colors---text-white);
  width: 12px;
  height: 1px;
  margin-top: -.5px;
  margin-left: -6px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-faq_icon-v {
  background-color: var(--_colors---text-white);
  width: 1px;
  height: 12px;
  margin-top: -6px;
  margin-left: -.5px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-faq_panel {
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  display: grid;
}

.home-faq_panel-inner {
  min-height: 0;
  overflow: hidden;
}

.home-faq_answer {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 4.8125em 1.5625em 4.3125em;
  font-size: 1em;
  line-height: 1.5;
}

.home-faq_edge {
  opacity: 0;
  pointer-events: none;
  background-image: linear-gradient(90deg, #fff0 0%, #fffffff2 35%, #8f7dffcc 70%, #8f7dff00 100%);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 3px #8f7dff;
}

.section_ovbanner {
  position: relative;
}

.ovbanner_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff47, #8f7dff00);
  width: 43.75em;
  height: 37.5em;
  position: absolute;
  top: -10em;
  left: -7.5em;
}

.ovbanner_copy {
  z-index: 1;
  grid-row-gap: 1.25em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 47.5em;
  display: flex;
  position: relative;
}

.ovbanner_kicker {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: max(12px, .75em);
}

.ovbanner_text {
  color: var(--_colors---text-paragraph);
  font-size: 1em;
  line-height: 1.6;
}

.ovbanner_actions {
  z-index: 1;
  grid-row-gap: .75em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ovbanner_micro {
  grid-row-gap: .5em;
  flex-direction: column;
  margin-top: .75em;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.ovbanner_micro-item {
  grid-column-gap: .9091em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: .6875em;
  display: flex;
}

.section_ovcontact {
  position: relative;
}

.wrapper_ovcontact {
  grid-row-gap: 1.25em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ovcontact_kicker {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: max(12px, .75em);
}

.ovcontact_text {
  max-width: 36em;
  color: var(--_colors---text-paragraph);
  margin-bottom: .5em;
  font-size: 1em;
  line-height: 1.6;
}

.ovcontact_line {
  background-image: linear-gradient(90deg, #fff0, #8f7dff80, #fff0);
  height: 1px;
  margin-top: 5em;
}

.wrapper_kt-wege {
  flex-direction: column;
  display: flex;
}

.kt-wege_h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.kt-wege_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 4em;
  display: grid;
}

.kt-wege_top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.kt-icon {
  background-color: #8f7dff1f;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  border: 1px solid #8f7dff73;
  border-radius: .5em;
  flex-shrink: 0;
  width: 2.75em;
  height: 2.75em;
  transition: box-shadow .3s cubic-bezier(.65, 0, .35, 1);
}

.kt-icon.is-cal, .kt-icon.is-msg, .kt-icon.is-tel, .kt-icon.is-check, .kt-icon.is-mail, .kt-icon.is-user, .kt-icon.is-clock, .kt-icon.is-pin {
  flex-shrink: 0;
}

.kt-wege_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  font-size: .75em;
  line-height: 1.3;
}

.kt-wege_text {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.kt-wege_title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.05;
}

.kt-wege_desc {
  margin-top: 0;
  margin-bottom: 0;
}

.kt-wege_action {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.kt-wege_links {
  flex-direction: column;
  display: flex;
}

.kt-wege_contact {
  min-height: 2.4444em;
  color: var(--_colors---text-white);
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  align-items: center;
  padding-left: 1.5556em;
  font-size: 1.125em;
  line-height: 1.5;
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
  display: inline-flex;
}

.kt-wege_contact:hover {
  color: var(--_colors---violet-light);
}

.kt-wege_contact.is-tel, .kt-wege_contact.is-mail {
  background-size: 1em 1em;
}

.wrapper_kt-termin {
  flex-direction: column;
  display: flex;
}

.kt-row {
  grid-column-gap: 4em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 30em 1fr;
  align-items: start;
  margin-top: 4em;
  display: grid;
}

.kt-row_side {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.kt-row_h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  line-height: 1;
}

.kt-row_lead {
  margin-top: 0;
  margin-bottom: 0;
}

.kt-steps {
  grid-row-gap: .75em;
  flex-direction: column;
  width: 100%;
  margin-top: .5em;
  display: flex;
}

.kt-steps_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.3;
}

.kt-steps_list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.kt-steps_item {
  grid-column-gap: 1.25em;
  border-top: 1px solid #ffffff1a;
  align-items: baseline;
  padding-top: .875em;
  padding-bottom: .875em;
  display: flex;
}

.kt-steps_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  flex-shrink: 0;
  font-size: .75em;
  line-height: 1.3;
}

.kt-steps_text {
  color: var(--_colors---text-white);
  font-size: 1em;
  line-height: 1.5;
}

.kt-cal_bar {
  z-index: 1;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: .875em 1.25em;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.kt-cal_bar-l {
  grid-column-gap: .6em;
  align-items: center;
  display: flex;
}

.kt-cal_bar-dot {
  background-color: var(--_colors---text-paragraph);
  border-radius: 50%;
  width: .5em;
  height: .5em;
}

.kt-cal_state-pre {
  display: inline;
}

.kt-cal_ph {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 3em 2em;
  transition: opacity .3s cubic-bezier(.65, 0, .35, 1);
  display: flex;
  position: relative;
}

.kt-cal_preview {
  opacity: .35;
  filter: blur(6px);
  background-image: linear-gradient(90deg, #ffffff0f 1px, #0000 1px), linear-gradient(#ffffff0f 1px, #0000 1px), radial-gradient(circle at 30% 40%, #8f7dff59, #8f7dff00 45%);
  background-position: 2em 2em, 2em 2em, 0 0;
  background-size: 3.25em 3.25em, 3.25em 3.25em, 100% 100%;
  position: absolute;
  inset: 0;
}

.kt-cal_box {
  z-index: 1;
  grid-row-gap: 1em;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  text-align: center;
  background-color: #0b0912b8;
  border: 1px solid #ffffff1f;
  border-radius: .5em;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 30em;
  padding: 2.5em 2.5em 2em;
  display: flex;
  position: relative;
}

.kt-cal_title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  margin-top: .25em;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1;
}

.kt-cal_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: .5em;
  font-size: .875em;
  line-height: 1.55;
}

.kt-cal_remember {
  grid-column-gap: .75em;
  min-height: 2.75em;
  color: var(--_colors---text-paragraph);
  cursor: pointer;
  align-items: center;
  font-size: .875em;
  line-height: 1.4;
  display: flex;
}

.kt-cal_check {
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
}

.kt-cal_links {
  grid-column-gap: 1.5em;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: .5em;
  display: flex;
}

.kt-cal_link {
  min-height: 2.75em;
  color: var(--_colors---violet-light);
  align-items: center;
  font-size: .8125em;
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
  display: inline-flex;
}

.kt-cal_link:hover {
  color: var(--_colors---text-white);
}

.kt-cal_link.is-external {
  padding-right: 0;
}

.kt-cal_target {
  width: 100%;
}

.kt-cal_direct {
  display: none;
}

.section_home-cta {
  background-color: var(--_colors---background);
  position: relative;
  overflow: clip;
}

.home-cta_art {
  pointer-events: none;
  width: 90em;
  height: 73.75em;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.home-cta_sisyphus {
  width: 79.83%;
  max-width: none;
  height: 64.93%;
  position: absolute;
  top: 15.49%;
  left: 21.11%;
}

.home-cta_shade {
  width: 100%;
  position: absolute;
  left: 0%;
}

.home-cta_shade.is-left {
  background-image: linear-gradient(90deg, #0b0912eb 0%, #0b09128c 38%, #0b091200 60%);
  height: 100%;
  top: 0%;
}

.home-cta_shade.is-top {
  background-image: linear-gradient(#0b0912, #0b091200);
  height: 27.12%;
  top: 0%;
}

.home-cta_shade.is-bottom {
  background-image: linear-gradient(#0b091200 0%, #0b0912bf 32%, #0b0912 58.8%);
  height: 47.29%;
  top: 52.71%;
}

.home-cta_shade.is-right {
  background-image: linear-gradient(90deg, #0b091200, #0b0912);
  width: 18.67%;
  height: 100%;
  top: 0%;
  left: 81.33%;
}

.home-cta_lens-ambient {
  background-image: radial-gradient(closest-side, #8f7dff33, #8f7dff00);
  border-radius: 50%;
  width: 44%;
  height: 52%;
  position: absolute;
  top: 4%;
  left: 56%;
}

.home-cta_lens {
  width: 26.02%;
  height: 20.51%;
  position: absolute;
  top: 23.05%;
  left: 71.39%;
}

.home-cta_lens-light {
  object-fit: contain;
  max-width: none;
  position: absolute;
}

.home-cta_lens-light.is-violet {
  width: 53.58%;
  height: 55.3%;
  top: -4.6%;
  left: 44.64%;
}

.home-cta_lens-light.is-blue {
  width: 62.51%;
  height: 55.3%;
  top: 45.16%;
  left: 2.97%;
}

.home-cta_lens-body {
  width: 121.8%;
  max-width: none;
  height: 137%;
  position: absolute;
  top: -10.14%;
  left: -10.9%;
}

.home-cta_lens-reflection {
  mix-blend-mode: screen;
  width: 100%;
  max-width: none;
  height: 100.15%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.home-cta_lens-glow {
  background-image: radial-gradient(closest-side, #8f7dff1f, #8f7dff00);
  border-radius: 50%;
  width: 70%;
  height: 80%;
  position: absolute;
  top: 12%;
  left: 45%;
}

.wrapper_home-cta {
  flex-direction: column;
  display: flex;
  position: relative;
}

.home-cta_intro {
  grid-row-gap: 2em;
  flex-direction: column;
  margin-top: 4em;
  display: flex;
}

.home-cta_lead {
  max-width: 26.111em;
  color: var(--_colors---text-paragraph);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.4;
}

.home-cta_panels {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 777fr) minmax(0, 550fr);
  align-items: stretch;
  margin-top: 9.125em;
  display: grid;
}

.home-cta_panel-head {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.home-cta_panel-title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75em;
  font-weight: 400;
  line-height: 1;
}

.home-cta_panel-text {
  max-width: 26.875em;
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.home-cta_cal {
  flex-direction: column;
  flex-grow: 1;
  min-height: 30.875em;
  display: flex;
  position: relative;
}

.home-cta_cal-ph {
  grid-row-gap: 1em;
  background-color: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: .5em;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 2em;
  display: flex;
}

.home-cta_cal-icon {
  background-color: #a18fff2e;
  border-radius: 4px;
  width: 2.5em;
  height: 2.5em;
  margin-bottom: .5em;
  box-shadow: inset 0 0 0 1px #a18fff99, 0 0 16px #8f7dff59;
}

.home-cta_cal-title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  line-height: 1.1;
}

.home-cta_cal-text {
  max-width: 32em;
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.home-cta_cal-actions {
  grid-column-gap: 1.5em;
  grid-row-gap: 1em;
  margin-top: .5em;
}

.home-cta_cal-privacy {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---purple-soft);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-underline-offset: .2em;
  font-size: .6875em;
  line-height: 1.4;
  text-decoration: underline;
}

.home-cta_cal-target {
  min-height: 0;
}

.home-cta_cal-direct {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: .75em;
  font-size: .6875em;
  line-height: 1.4;
  text-decoration: underline;
  display: none;
}

.home-cta_form-wrap {
  flex-direction: column;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.section_ls-calc {
  position: relative;
}

.wrapper_ls-calc {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-calc {
  width: 100%;
  min-height: 51em;
}

.section_ls-guides {
  position: relative;
}

.wrapper_ls-guides {
  grid-row-gap: 4.5em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-guide_text {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ls-guide_media {
  aspect-ratio: 437 / 200;
  background-image: radial-gradient(at 50% 40%, #ffffff0d, #ffffff04 70%);
  border-radius: .5em .5em 0 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  overflow: hidden;
}

.ls-guide_img {
  object-fit: cover;
  width: 108%;
  max-width: none;
  height: 100%;
  margin-left: -4%;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  display: block;
  transform: scale(1);
}

.ls-guide_body {
  grid-row-gap: .75em;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.5em 1.75em 1.75em;
  display: flex;
}

.ls-guide_tag {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-guide_title {
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: 1.375em;
}

.ls-guide_title-text {
  background-image: linear-gradient(#b8abff, #b8abff);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition-property: background-size;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
}

.ls-related {
  grid-column-gap: 1.5em;
  grid-row-gap: .25em;
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  align-items: center;
  margin-top: -2em;
  padding-top: 1.25em;
  display: flex;
}

.ls-related_label {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-related_link {
  min-height: 2.75em;
  color: var(--_colors---text-white);
  text-underline-offset: .25em;
  align-items: center;
  -webkit-text-decoration: underline #8f7dff99;
  text-decoration: underline #8f7dff99;
  display: inline-flex;
}

.ls-related_link:hover {
  color: var(--_colors---violet-light);
}

.ls-actions {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.section_term-hero {
  position: relative;
  overflow: clip;
}

.wrapper_term-hero {
  grid-row-gap: 2.5em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.term_crumbs {
  z-index: 1;
  grid-column-gap: .75em;
  grid-row-gap: .25em;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  font-size: .75em;
  display: flex;
  position: relative;
}

.term_crumb {
  min-height: 2em;
  color: var(--_colors---text-paragraph);
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.term_crumb.is-current {
  color: var(--_colors---text-white);
}

.term_crumb-sep {
  color: var(--_colors---text-paragraph);
  display: flex;
}

.term_hero-grid {
  z-index: 1;
  grid-column-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  display: grid;
  position: relative;
}

.term_hero-copy {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.term_h1 {
  overflow-wrap: anywhere;
}

.term_longform {
  color: var(--_colors---violet-light);
  margin-top: -.25em;
  margin-bottom: 0;
  font-size: 2.25em;
  line-height: 1.1;
}

.term_meta {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  padding-bottom: .5em;
  display: flex;
}

.term_meta-chip {
  min-height: 3.667em;
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #120f1cb3;
  border-radius: 999px;
  align-items: center;
  padding-left: 1.125em;
  padding-right: 1.125em;
  font-size: .75em;
  text-decoration: none;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #ffffff24;
}

.term_meta-chip.is-cat {
  background-color: var(--_colors---purple);
  color: var(--_colors---text-black);
  box-shadow: 0 0 20px #8f7dff73;
}

.wrapper_term-body {
  grid-column-gap: 6em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 27.5em;
  align-items: start;
  display: grid;
}

.term_article {
  grid-row-gap: 2.25em;
  flex-direction: column;
  min-width: 0;
  max-width: 50.5em;
  display: flex;
}

.term_def {
  border-radius: .5em;
  padding: 2.25em;
  overflow: hidden;
}

.term_def-glow {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff47, #8f7dff00);
  width: 30em;
  height: 24em;
  position: absolute;
  top: -12em;
  right: -8em;
}

.term_def-text {
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 1.25em;
  margin-bottom: 0;
  font-size: 2.25em;
  line-height: 1.2;
}

.term_h2 {
  margin-top: 1em;
  margin-bottom: 0;
}

.term_richtext {
  color: var(--_colors---text-paragraph);
  font-size: 1.125em;
  line-height: 1.6;
}

.term_example {
  grid-column-gap: 1.5em;
  background-color: #8f7dff0f;
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 1.75em 2em 1.75em 1.5em;
  display: grid;
  box-shadow: inset 0 0 0 1px #8f7dff59;
}

.term_example-ico {
  width: 2.75em;
  height: 2.75em;
  color: var(--_colors---violet-light);
  background-color: #8f7dff29;
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: inset 0 0 0 1px #8f7dff73;
}

.term_example-body {
  grid-row-gap: .625em;
  flex-direction: column;
  display: flex;
}

.term_example-label {
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
}

.term_example-text {
  color: var(--_colors---text-white);
  font-size: 1.0625em;
  line-height: 1.55;
}

.term_side {
  align-self: start;
  position: relative;
  top: 0;
}

.term_side-in {
  grid-row-gap: 2.5em;
  flex-direction: column;
  display: flex;
}

.term_side-block {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.term_side-label {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
}

.term_related-src {
  display: none;
}

.term_related {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  display: flex;
}

.term_service {
  grid-row-gap: .75em;
  color: var(--_colors---text-white);
  flex-direction: column;
  padding: 1.75em;
  text-decoration: none;
  display: flex;
}

.term_service-kicker {
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75em;
}

.term_service-name {
  color: var(--_colors---text-white);
  font-size: 2em;
  line-height: 1.05;
}

.term_service-link {
  align-self: flex-start;
  margin-top: .5em;
}

.term_all-link {
  align-self: flex-start;
}

.wrapper_term-pn {
  grid-row-gap: 2.5em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.term_pn {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  width: 100%;
  min-height: 8.75em;
  display: grid;
}

.term_pn-all {
  grid-column-gap: .625em;
  min-height: 2.75em;
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: .8125em;
  text-decoration: none;
  display: inline-flex;
}

.term_pn-all-ico {
  display: flex;
}

.term_pn-src, .home-cta_tmp {
  display: none;
}

.home-cta_form {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.home-cta_row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.home-cta_field {
  grid-row-gap: 7px;
  flex-direction: column;
  display: flex;
}

.home-cta_field.v-field {
  position: relative;
}

.home-cta_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: .6875em;
  font-weight: 400;
  line-height: 1.4;
}

.home-cta_error {
  color: var(--_colors---error);
  font-size: .8125em;
  line-height: 1.4;
}

.home-cta_error.v-field-error {
  min-height: 0;
}

.home-cta_check {
  grid-column-gap: .75em;
  cursor: pointer;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.home-cta_checkbox {
  flex-grow: 0;
  flex-shrink: 0;
  width: 1.125em;
  height: 1.125em;
  margin-top: .125em;
  margin-left: 0;
}

.home-cta_check-label {
  color: var(--_colors---text-paragraph);
  font-size: .875em;
  line-height: 1.5;
}

.home-cta_check-link {
  color: var(--_colors---purple-soft);
  text-decoration: underline;
}

.home-cta_done {
  grid-row-gap: 1.75em;
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 2em;
  display: none;
}

.home-cta_done-icon {
  background-color: var(--_colors---purple-soft);
  border-radius: 4px;
  width: 2.5em;
  height: 2.5em;
  box-shadow: 0 0 14px #8f7dff99;
}

.home-cta_done-text {
  max-width: 13em;
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875em;
  line-height: 1.15;
}

.home-cta_fail {
  background-color: #ff8fa314;
  border-radius: .5em;
  margin-top: 1em;
  padding: 1em 1.25em;
  display: none;
}

.home-cta_fail-text {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.home-cta_fail-link {
  color: var(--_colors---purple-soft);
  text-decoration: underline;
}

.home-cta_wform {
  flex-direction: column;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.wrapper_kt-form {
  flex-direction: column;
  display: flex;
}

.kt-note_label {
  grid-column-gap: .6em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  font-size: .6875em;
  line-height: 1.3;
  display: flex;
}

.kt-note_clock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23B8ABFF' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M8 4.8V8l2.2 1.4'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  width: 1.2em;
  height: 1.2em;
}

.kt-note_text {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  line-height: 1.2;
}

.kt-form_block {
  margin-bottom: 0;
}

.kt-form {
  grid-row-gap: 1.25em;
  flex-direction: column;
  transition-property: opacity;
  transition-duration: .3s;
  display: flex;
}

.kt-form_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1.25em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.kt-field {
  grid-row-gap: .5em;
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.kt-field.is-wide {
  grid-column: 1 / 3;
}

.kt-field.is-wide.form_field, .kt-field.form_field {
  position: relative;
}

.kt-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: .6875em;
  font-weight: 400;
  line-height: 1.3;
  transition-property: color;
  transition-duration: .2s;
}

.kt-req {
  color: var(--_colors---violet-light);
}

.kt-error {
  color: var(--_colors---error);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8125em;
  line-height: 1.4;
}

.kt-error.form_error {
  margin-top: 0;
}

.kt-hp {
  width: 12em;
  height: 6em;
  position: absolute;
  left: -10000px;
  overflow: hidden;
}

.kt-consent {
  grid-column-gap: .75em;
  cursor: pointer;
  align-items: flex-start;
  min-height: 2.75em;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.kt-consent_box {
  accent-color: #8f7dff;
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  margin-top: .1em;
  margin-left: 0;
}

.kt-consent_text {
  color: var(--_colors---text-paragraph);
  font-size: .875em;
  line-height: 1.5;
}

.kt-inline-link {
  color: var(--_colors---violet-light);
  text-decoration: underline;
}

.kt-inline-link:hover {
  color: #edf0f5;
}

.kt-form_submit-row {
  grid-column-gap: 1.25em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.kt-form_hint {
  color: var(--_colors---text-paragraph);
  flex-grow: 1;
  flex-basis: 12em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  line-height: 1.5;
}

.kt-form_legal {
  color: var(--_colors---text-paragraph);
  border-top: 1px solid #ffffff1a;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.25em;
  font-size: .875em;
  line-height: 1.5;
}

.kt-form_done {
  text-align: left;
  background-color: #0000;
  padding: 2em 0;
}

.kt-form_fail {
  background-color: #ff8fa314;
  border: 1px solid #ff8fa373;
  border-radius: .375em;
  margin-top: 1em;
  padding: 1em 1.25em;
}

.kt-form_state-title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 2em;
  line-height: 1.15;
}

.kt-form_state-text {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.wrapper_branche-anw {
  position: relative;
}

.branche-flow {
  grid-row-gap: .625em;
  background-color: #0b091273;
  border: 1px solid #ffffff14;
  border-radius: .375em;
  flex-direction: column;
  margin-top: 0;
  padding: .875em;
  display: flex;
  position: relative;
}

.branche-flow_line {
  background-image: linear-gradient(#ffffff24, #8f7dff80, #ffffff24);
  width: 1px;
  position: absolute;
  top: 1.75em;
  bottom: 1.75em;
  left: 1.6875em;
}

.branche-flow_step {
  grid-column-gap: .75em;
  align-items: center;
  display: flex;
  position: relative;
}

.branche-flow_ico {
  background-color: #14111d;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875em .875em;
  border: 1px solid #ffffff24;
  border-radius: .25em;
  flex-grow: 0;
  flex-shrink: 0;
  width: 1.625em;
  height: 1.625em;
  display: block;
}

.branche-flow_ico.is-mail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3zM3 7l9 6 9-6'/%3E%3C/svg%3E");
}

.branche-flow_ico.is-doc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7zM14 3v4h4M10 12h5M10 16h5'/%3E%3C/svg%3E");
}

.branche-flow_ico.is-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
}

.branche-flow_ico.is-chat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E");
}

.branche-flow_ico.is-clock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 7v5l3 2'/%3E%3C/svg%3E");
}

.branche-flow_ico.is-cal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v14H4zM4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E");
}

.branche-flow_ico.is-bell {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l2 2H4zM10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E");
}

.branche-flow_ico.is-cam {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h4l2-2h4l2 2h4v12H4zM12 17a4 4 0 1 0 0-8 4 4 0 0 0 0 8z'/%3E%3C/svg%3E");
}

.branche-flow_ico.is-spark {
  background-color: #6e5adc8c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EDF0F5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v6M12 15v6M3 12h6M15 12h6M7 7l2 2M15 15l2 2M17 7l-2 2M9 15l-2 2'/%3E%3C/svg%3E");
  border-color: #8f7dff99;
  box-shadow: 0 0 14px #8f7dff73;
}

.branche-flow_copy {
  grid-row-gap: .125em;
  flex-direction: column;
  display: flex;
}

.branche-flow_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75em;
  line-height: 1.3;
}

.branche-flow_label.is-ki {
  color: var(--_colors---violet-light);
}

.branche-flow_text {
  color: var(--_colors---text-white);
  font-size: .8125em;
  line-height: 1.35;
}

.section_ls-faq {
  position: relative;
}

.wrapper_ls-faq {
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-faq_heading, .ls-faq_title {
  margin-top: 0;
  margin-bottom: 0;
}

.ls-faq {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.ls-faq_aside {
  grid-row-gap: 1.5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 8.75em;
}

.ls-faq_visual {
  aspect-ratio: 440 / 520;
  width: 27.5em;
  max-width: 100%;
  position: relative;
}

.ls-faq_img {
  width: 100%;
  height: auto;
  display: block;
}

.ls-faq_list {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.ls-faq_trigger {
  grid-column-gap: 1.25em;
  width: 100%;
  min-height: 4.5em;
  color: var(--_colors---text-white);
  text-align: left;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.ls-faq_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  font-size: .6875em;
}

.ls-faq_q {
  font-family: var(--_tokens---font-serif);
  flex-grow: 1;
  font-size: 1.375em;
  line-height: 1.2;
}

.ls-faq_toggle {
  background-color: #ffffff0f;
  border-radius: .25em;
  flex-shrink: 0;
  width: 1.75em;
  height: 1.75em;
  transition-property: background-color;
  transition-duration: .3s;
  position: relative;
}

.ls-faq_panel {
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  transition-property: grid-template-rows;
  transition-duration: .36s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: grid;
}

.ls-faq_panel-inner {
  min-height: 0;
  overflow: hidden;
}

.ls-faq_a {
  -webkit-hyphens: auto;
  hyphens: auto;
  padding-bottom: 1.5em;
  padding-left: 2.4em;
  padding-right: 3em;
}

.home-cta_check-text {
  display: inline;
}

.wrapper_kt-data {
  flex-direction: column;
  display: flex;
}

.kt-data_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: -1px;
  margin-right: -1px;
  display: grid;
}

.kt-data_cell {
  grid-column-gap: 1em;
  border-bottom: 1px solid #ffffff14;
  border-right: 1px solid #ffffff14;
  align-items: flex-start;
  padding: 1.5em;
  transition: background-color .3s cubic-bezier(.65, 0, .35, 1);
  display: flex;
}

.kt-data_cell:hover {
  background-color: #ffffff05;
}

.kt-data_cell.is-wide {
  grid-column: 1 / 3;
}

.kt-data_body {
  grid-row-gap: .375em;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.kt-data_k {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.3;
}

.kt-data_v {
  color: var(--_colors---text-white);
  overflow-wrap: anywhere;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.kt-data_v.is-link {
  align-items: center;
  min-height: 2.75em;
  margin-top: -.625em;
  margin-bottom: -.625em;
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
  display: inline-flex;
}

.kt-data_v.is-link:hover {
  color: var(--_colors---violet-light);
}

.kt-data_addr {
  color: var(--_colors---text-white);
  margin-bottom: .25em;
  font-size: 1em;
  font-style: normal;
  line-height: 1.5;
}

.kt-data_route {
  min-height: 2.75em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23B8ABFF' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M3.5 8.5l5-5M4.5 3.5h4v4'/%3E%3C/svg%3E");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: .75em .75em;
  align-items: center;
  padding-right: 1.25em;
  font-size: .75em;
  text-decoration: none;
  display: inline-flex;
}

.kt-data_route:hover {
  color: #edf0f5;
}

.wrapper_kt-flow {
  flex-direction: column;
  display: flex;
}

.kt-flow_h2 {
  max-width: 11.1111em;
  margin-top: 0;
  margin-bottom: 0;
}

.kt-flow {
  margin-top: 4em;
  position: relative;
}

.kt-flow_line {
  pointer-events: none;
  height: .25em;
  position: absolute;
  top: 1.1875em;
  left: 0;
  right: 0;
}

.kt-flow_line-glow {
  transform-origin: 0%;
  background-image: linear-gradient(90deg, #fff, #8f7dff 40%, #8f7dff26);
  height: .125em;
  position: absolute;
  top: .0625em;
  left: 0;
  right: 0;
  box-shadow: 0 0 .75em #8f7dff99;
}

.kt-flow_source {
  background-color: #fff;
  border-radius: 50%;
  width: .5em;
  height: .5em;
  position: absolute;
  top: -.125em;
  left: -.25em;
  box-shadow: 0 0 .75em #fff, 0 0 1.5em #8f7dffe6;
}

.kt-flow_list {
  grid-column-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.kt-flow_item {
  flex-direction: column;
  padding-top: 4.5em;
  display: flex;
  position: relative;
}

.kt-flow_node {
  background-color: var(--_colors---background);
  width: .5em;
  height: .5em;
  transition: background-color .4s cubic-bezier(.65, 0, .35, 1), box-shadow undefined undefined;
  border: 1px solid #edf0f5;
  position: absolute;
  top: 1.0625em;
  left: 2em;
}

.kt-flow_tick {
  background-color: #edf0f559;
  width: 1px;
  height: 2.75em;
  position: absolute;
  top: 1.625em;
  left: 2.25em;
}

.kt-flow_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  font-size: .75em;
  line-height: 1.3;
}

.kt-flow_text {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.kt-flow_title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.1;
}

.kt-flow_desc {
  margin-top: 0;
  margin-bottom: 0;
}

.wrapper_kt-faq {
  flex-direction: column;
  display: flex;
}

.kt-faq_row {
  grid-column-gap: 1.5em;
  grid-row-gap: 2.25em;
  grid-template-rows: auto;
  grid-template-columns: 38.5em 1fr;
  align-items: start;
  margin-top: 4em;
  display: grid;
}

.kt-faq_side {
  grid-row-gap: 1.5em;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 7.5em;
}

.kt-faq_h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.kt-faq_sub {
  max-width: 20em;
  margin-top: 0;
  margin-bottom: 0;
}

.kt-faq_list {
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
}

.kt-faq_h {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.2;
}

.kt-faq_q {
  grid-column-gap: 1.25em;
  width: 100%;
  min-height: 4.5em;
  color: var(--_colors---text-white);
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  align-items: center;
  padding: 1em 1.25em;
  display: flex;
}

.kt-faq_q:hover {
  background-color: #ffffff05;
}

.kt-faq_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .07em;
  flex-shrink: 0;
  font-size: .75em;
}

.kt-faq_q-text {
  font-family: var(--_tokens---font-serif);
  flex-grow: 1;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
}

.kt-faq_icon {
  background-image: linear-gradient(#edf0f5, #edf0f5), linear-gradient(#edf0f5, #edf0f5);
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: .625em 1.5px, 1.5px .625em;
  border: 1px solid #ffffff24;
  border-radius: .25em;
  flex-shrink: 0;
  width: 1.75em;
  height: 1.75em;
  transition-property: background-color, background-size, border-color;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  position: relative;
}

.kt-faq_panel {
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  transition-property: grid-template-rows;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.65, 0, .35, 1);
  display: grid;
}

.kt-faq_panel-inner {
  min-height: 0;
  overflow: hidden;
}

.kt-faq_a {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 4.25em 1.25em 3.75em;
  font-size: .9375em;
  line-height: 1.55;
}

.section_ls-request {
  position: relative;
}

.wrapper_ls-request {
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-option_title {
  margin-top: 0;
  margin-bottom: 0;
}

.ls-request_lead {
  max-width: 30em;
}

.ls-request_head {
  grid-column-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.ls-request_title {
  font-size: 3.25em;
  line-height: 1.05;
}

.ls-request_goals {
  grid-row-gap: .875em;
  flex-direction: column;
  display: flex;
}

.ls-request_label {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-goals {
  grid-column-gap: .625em;
  grid-row-gap: .625em;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.ls-goal_box {
  border: 1px solid #ffffff59;
  border-radius: 3px;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  transition-property: background-color, border-color;
  transition-duration: .16s;
}

.ls-goal_text {
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: .8125em;
  line-height: 1.3;
}

.ls-options {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  display: grid;
}

.ls-option_note {
  color: var(--_colors---text-paragraph);
  font-size: .6875em;
}

.ls-contact {
  grid-column-gap: 1.5em;
  flex-wrap: wrap;
  margin-top: -1em;
  display: flex;
}

.ls-contact_link {
  min-height: 2.75em;
  color: var(--_colors---text-white);
  align-items: center;
  font-size: .875em;
  display: inline-flex;
}

.ls-contact_link:hover {
  color: var(--_colors---violet-light);
}

.ovuhero_chips {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  margin-top: .5em;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.ovuhero_chip {
  grid-column-gap: .7273em;
  min-height: 3.0909em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: .25em;
  align-items: center;
  padding-left: 1.0909em;
  padding-right: 1.0909em;
  font-size: .6875em;
  display: flex;
}

.wrapper_branche-anf, .wrapper_branche-ausg, .wrapper_branche-ansatz, .wrapper_branche-leist, .wrapper_branche-ablauf, .wrapper_branche-team, .wrapper_branche-rg, .wrapper_branche-faq, .wrapper_branche-more, .wrapper_branche-ask, .wrapper_branche-lt, .wrapper_branche-cta {
  position: relative;
}

.is-dl {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.branche-anw_dl {
  grid-row-gap: .875em;
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  margin-top: .5em;
  margin-bottom: 0;
  padding-top: 1.25em;
  display: flex;
}

.branche-anw_dl-row {
  grid-column-gap: 1em;
  grid-row-gap: .25em;
  grid-template-rows: auto;
  grid-template-columns: 9.5em minmax(0, 1fr);
  display: grid;
}

.branche-anw_dl-term {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  padding-top: .15em;
  font-size: .6875em;
  line-height: 1.4;
}

.branche-anw_dl-text {
  color: var(--_colors---text-paragraph);
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-left: 0;
  font-size: .875em;
  line-height: 1.5;
}

.is-db {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6c0-1.7 3.6-3 8-3s8 1.3 8 3-3.6 3-8 3-8-1.3-8-3zM4 6v12c0 1.7 3.6 3 8 3s8-1.3 8-3V6M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E");
}

.section_ovperson {
  position: relative;
  overflow: clip;
}

.ovperson_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff24, #8f7dff00);
  width: 47.5em;
  height: 47.5em;
  position: absolute;
  top: 10.1875em;
  left: 12.1875em;
}

.wrapper_ovperson {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ovperson_row {
  grid-column-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 615fr) minmax(0, 665fr);
  align-items: start;
  display: grid;
}

.ovperson_copy {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ovperson_role {
  grid-column-gap: .8333em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 2.6667em;
  margin-bottom: 1.6667em;
  font-size: max(12px, .75em);
  display: flex;
}

.ovperson_text {
  max-width: 37.5em;
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 2em;
  font-size: 1em;
  line-height: 1.65;
}

.ovperson_contact {
  border-top: 1px solid var(--_colors---hairline);
  width: 100%;
  padding-top: 1.25em;
}

.ovperson_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .6667em;
  font-size: .75em;
}

.ovperson_links {
  grid-column-gap: 1.75em;
  grid-row-gap: .25em;
  flex-wrap: wrap;
  display: flex;
}

.ovperson_link {
  grid-column-gap: .625em;
  min-height: 2.75em;
  color: var(--_colors---text-white);
  align-items: center;
  font-size: 1em;
  text-decoration: none;
  display: flex;
}

.ovportrait {
  aspect-ratio: 665 / 642;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---hairline);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---hairline);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---hairline);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---hairline);
  background-color: #14111f;
  border-radius: .75em;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.ovportrait_img {
  object-fit: cover;
  object-position: 60% 20%;
  width: 100%;
  height: 100%;
  display: block;
}

.ovportrait_cap {
  z-index: 2;
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 2em;
  left: 2em;
}

.ovportrait_name {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  font-size: 2em;
  line-height: 1.05;
}

.ovportrait_role {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-muted-strong);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75em;
}

.ovportrait_lens {
  z-index: 2;
  width: 12em;
  max-width: none;
  height: auto;
  position: absolute;
  bottom: 1em;
  right: 1.25em;
}

.section_ovvalues {
  position: relative;
}

.wrapper_ovvalues {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.ovvalues_grid {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.ovvalue_top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1em;
  display: flex;
}

.ovvalue_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
}

.ovvalue_icon {
  width: 4.5em;
  height: 4.5em;
  display: block;
}

.ovvalue_text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375em;
  line-height: 1.55;
}

.section_ls-long {
  position: relative;
}

.wrapper_ls-long {
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.ls-long_title {
  max-width: 17.5em;
}

.ls-long_meta {
  color: var(--_colors---text-paragraph);
  margin-top: -2.5em;
  font-size: .6875em;
}

.ls-long {
  grid-column-gap: 6em;
  grid-template-rows: auto;
  grid-template-columns: 21.25em minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.ls-toc_head {
  color: var(--_colors---text-paragraph);
  justify-content: space-between;
  padding-left: .5em;
  padding-right: .5em;
  font-size: .875em;
  display: flex;
}

.ls-toc_count {
  color: var(--_colors---text-paragraph);
}

.ls-toc_track {
  background-color: #ffffff14;
  height: 2px;
  margin-left: .5em;
  margin-right: .5em;
  position: relative;
  overflow: hidden;
}

.ls-toc_bar {
  background-color: var(--_colors---purple);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
}

.ls-toc_list {
  grid-row-gap: .125em;
  flex-direction: column;
  display: flex;
}

.ls-toc_link {
  grid-column-gap: .625em;
  min-height: 2.75em;
  color: var(--_colors---text-paragraph);
  border-left: 2px solid #0000;
  border-radius: .375em;
  align-items: flex-start;
  padding: .625em;
  font-size: .8125em;
  line-height: 1.35;
  text-decoration: none;
  transition-property: color, background-color, border-color;
  transition-duration: .24s;
  display: flex;
}

.ls-toc_link:hover {
  color: var(--_colors---text-white);
}

.ls-toc_link.is-active {
  color: #edf0f5;
  background-color: #ffffff0d;
  border-left-color: #8f7dff;
}

.ls-toc_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  padding-top: .1em;
  font-size: .85em;
}

.ls-article {
  max-width: 47.5em;
}

.ls-article_kicker {
  color: var(--_colors---violet-light);
  margin-top: 3em;
  margin-bottom: .75em;
  font-size: .6875em;
}

.ls-article_h3 {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-bottom: 1em;
  scroll-margin-top: 9em;
  font-size: 2em;
  line-height: 1.15;
}

.ls-article_p {
  color: var(--_colors---text-muted-strong);
  margin-bottom: 1.25em;
  font-size: 1em;
  line-height: 1.65;
}

.ls-article_list {
  grid-row-gap: .75em;
  color: var(--_colors---text-muted-strong);
  flex-direction: column;
  margin-bottom: 1.5em;
  padding-left: 1.25em;
  list-style-type: none;
  display: flex;
}

.ls-article_li {
  font-size: 1em;
  line-height: 1.6;
  position: relative;
}

.section_ls-final {
  position: relative;
  overflow: clip;
}

.wrapper_ls-final {
  grid-row-gap: 4em;
  flex-direction: column;
  min-height: 48em;
  display: flex;
  position: relative;
}

.ls-final_art {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: -7.5em -3em -10em;
}

.ls-final_img {
  object-fit: cover;
  object-position: 65% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.ls-final_shade {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(#0b0912 0%, #0b091200 18% 80%, #0b0912 100%);
  position: absolute;
  inset: -7.5em -3em -10em;
}

.ls-final_copy {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  max-width: 50em;
  display: flex;
  position: relative;
}

.ls-final_title {
  max-width: 9em;
}

.ls-final_lead {
  max-width: 21em;
  margin-top: 1.5556em;
}

.ls-final_contact {
  max-width: 30em;
  color: var(--_colors---text-muted-strong);
  margin-top: 1.75em;
  font-size: .6875em;
  line-height: 1.6;
}

.ovsteps_source {
  background-color: var(--_colors---text-white);
  border-radius: 50%;
  width: .5em;
  height: .5em;
  position: absolute;
  top: -.1875em;
  left: -.25em;
  box-shadow: 0 0 14px 4px #8f7dffcc;
}

.ovsteps_tick {
  background-color: #ffffff29;
  width: 1px;
  height: 2.75em;
  margin-left: 2em;
  display: block;
}

.ovpay_copy {
  grid-row-gap: .5em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ovpay_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
}

.ovpay_title {
  max-width: 25em;
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  line-height: 1.15;
}

.ovpay_note {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
}

.ovpay_bar {
  grid-row-gap: .625em;
  flex-direction: column;
  display: flex;
}

.ovpay_track {
  background-color: #ffffff1a;
  border-radius: 62.5em;
  height: .375em;
  position: relative;
  overflow: hidden;
}

.ovpay_fill {
  background-color: var(--_colors---purple);
  border-radius: 62.5em;
  width: 40%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.ovpay_labels {
  grid-template-rows: auto;
  grid-template-columns: 40% 60%;
  display: grid;
}

.ovpay_l1 {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
}

.ovpay_l2 {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
}

.section_ovgroup {
  position: relative;
}

.wrapper_ovgroup {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.ovgroup_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.ovgroup_li {
  display: flex;
}

.ovgroup_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  margin-bottom: auto;
  font-size: .75em;
}

.ovgroup_wm {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 1.3333em;
  margin-bottom: .3333em;
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1;
}

.ovgroup_wm.is-italic {
  font-style: italic;
}

.ovgroup_wm.is-mono {
  font-family: var(--_tokens---font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 2.1818em;
  margin-bottom: .5455em;
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.1;
}

.ovgroup_sub {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.4;
}

.section_ovplace {
  position: relative;
}

.wrapper_ovplace {
  grid-row-gap: 4em;
  flex-direction: column;
  display: flex;
}

.ovplace_row {
  grid-column-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 560fr) minmax(0, 720fr);
  align-items: start;
  display: grid;
}

.ovplace_copy {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.ovplace_text {
  max-width: 32.9412em;
  color: var(--_colors---text-paragraph);
  font-size: 1.0625em;
  line-height: 1.6;
}

.ovplace_label {
  grid-column-gap: .8333em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: .75em;
  display: flex;
}

.ovplace_address {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 1.25em;
  font-size: 1em;
  line-height: 1.6;
}

.ovplace_divider {
  background-color: var(--_colors---hairline);
  height: 1px;
  margin-bottom: .5em;
}

.ovplace_route {
  grid-column-gap: .6667em;
  min-height: 3.6667em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75em;
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
  display: inline-flex;
}

.ovplace_route:hover {
  color: var(--_colors---text-white);
}

.res-art-hero_progress {
  z-index: 90;
  pointer-events: none;
  height: 2px;
  transition: transform .7s cubic-bezier(.65, 0, .35, 1);
  position: fixed;
  top: 5em;
  left: 0;
  right: 0;
}

.res-art-hero_title {
  font-family: var(--_tokens---font-serif);
  letter-spacing: -.02em;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-wrap: balance;
  font-size: 6.25em;
  font-weight: 400;
  line-height: 1;
}

.res-art-hero_teaser {
  max-width: 44em;
  color: var(--_colors---text-paragraph);
  font-size: 1.25em;
  line-height: 1.5;
}

.res-art-hero_media {
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  isolation: isolate;
  background-color: #ffffff08;
  background-image: radial-gradient(55% 70% at 62% 45%, #8f7dff29, #8f7dff00 70%), linear-gradient(160deg, #ffffff0d, #fff0 45%);
  border-radius: 1em;
  height: 38.75em;
  position: relative;
  overflow: clip;
  box-shadow: inset 0 1px #ffffff29, inset 0 0 0 1px #ffffff14, 0 2em 4em -2em #0000008c;
}

.res-art-hero_img {
  width: 45em;
  max-width: none;
  height: auto;
  position: absolute;
  bottom: -.5em;
  right: 0;
}

.res-art-hero_lens {
  z-index: 2;
  width: 22em;
  max-width: none;
  height: auto;
  position: absolute;
  top: 8em;
  left: 50%;
}

.wrapper_res-art-hero {
  z-index: 1;
  grid-row-gap: 2.25em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.res-art-hero_head {
  grid-row-gap: 1.75em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 76.25em;
  display: flex;
}

.res-art-hero_meta {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 76.75em;
  padding-top: 1.5em;
  display: flex;
}

.section_res-art-hero {
  position: relative;
  overflow: clip;
}

.res-art-hero_progress-bar {
  background-color: var(--_colors---purple);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  box-shadow: 0 0 8px #8f7dff99;
}

.res-art-hero_pill {
  grid-column-gap: .5em;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--_colors---violet-light);
  background-color: #ffffff08;
  border-radius: 999px;
  align-items: center;
  padding: .5em .875em .5em .75em;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #ffffff1f;
}

.res-art-hero_fact {
  grid-column-gap: .4em;
  color: var(--_colors---text-paragraph);
  align-items: center;
  display: flex;
}

.res-author_role {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.3;
}

.wrapper_res-art {
  grid-column-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 16.25em minmax(0, 45em) 17.5em;
  justify-content: space-between;
  align-items: start;
  display: grid;
}

.res-art_toc-col {
  z-index: 5;
  min-width: 0;
  position: sticky;
  top: 7em;
}

.res-art_cta-col {
  min-width: 0;
  position: sticky;
  top: 7em;
}

.res-toc {
  grid-row-gap: .75em;
  flex-direction: column;
  display: flex;
}

.res-toc_toggle {
  grid-column-gap: .5em;
  pointer-events: none;
  min-height: 2.75rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  padding: 0;
  font-size: .75em;
  display: flex;
}

.res-toc_num {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  font-size: .75em;
  display: none;
}

.res-toc_pct {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  font-size: .75em;
}

.res-toc_current {
  color: var(--_colors---text-paragraph);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  min-width: 0;
  font-size: .8125em;
  line-height: 1.3;
  display: none;
  overflow: hidden;
}

.res-toc_panel {
  grid-template-rows: 1fr;
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.res-toc_inner {
  grid-row-gap: 2.5em;
  flex-direction: column;
  min-height: 0;
  padding-top: 1.25em;
  display: flex;
}

.res-richtext {
  color: #d6d3e2;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: 1.0625em;
  line-height: 1.82;
}

.res-art-cta {
  grid-row-gap: 1em;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  isolation: isolate;
  background-color: #ffffff0a;
  background-image: radial-gradient(90% 60% at 30% 0, #8f7dff38, #8f7dff00 70%), linear-gradient(160deg, #ffffff0f, #fff0 50%);
  border-radius: 1em;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5em;
  display: flex;
  position: relative;
  overflow: clip;
  box-shadow: inset 0 1px #ffffff2e, inset 0 0 0 1px #ffffff1a, 0 2em 4em -2em #0000008c;
}

.res-art_main {
  grid-row-gap: 3em;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.res-toc_head {
  grid-column-gap: .75em;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.res-toc_bar {
  background-color: #ffffff1f;
  height: 1px;
  position: relative;
}

.res-toc_bar-in {
  background-color: var(--_colors---purple);
  transform-origin: 0%;
  width: 100%;
  height: 2px;
  position: absolute;
  top: -.5px;
  left: 0;
  transform: scaleX(0);
}

.res-toc_list {
  border-left: 1px solid #ffffff14;
}

.res-toc_top {
  opacity: 0;
  min-height: 2.75rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75em;
  transition: opacity .4s cubic-bezier(.65, 0, .35, 1), color .24s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
}

.res-toc_top:hover {
  color: var(--_colors---violet-light);
}

.res-toc_top.is-visible {
  opacity: 1;
}

.res-share {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border-top: 1px solid #ffffff1a;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 2em;
  display: flex;
}

.res-share_label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-right: .75em;
  font-size: .75em;
}

.res-share_btn {
  min-height: 2.75rem;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #ffffff08;
  border-radius: 999px;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  font-size: .75em;
  transition: box-shadow .24s cubic-bezier(.65, 0, .35, 1), color .24s cubic-bezier(.65, 0, .35, 1);
  display: inline-flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff1f;
}

.res-share_btn:hover {
  color: var(--_colors---violet-light);
  box-shadow: inset 0 0 0 1px #8f7dff99;
}

.res-share_tip {
  background-color: var(--_colors---text-white);
  opacity: 0;
  pointer-events: none;
  color: #1a1a1a;
  white-space: nowrap;
  transform-style: preserve-3d;
  border-radius: .375em;
  margin-bottom: .5em;
  padding: .375em .625em;
  transition: opacity .2s cubic-bezier(.65, 0, .35, 1), transform .2s cubic-bezier(.65, 0, .35, 1);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate3d(-50%, .25em, 0);
}

.res-art-cta_title {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  padding-top: .5em;
  font-size: 1.75em;
  line-height: 1.1;
}

.res-art-cta_text {
  color: var(--_colors---text-paragraph);
  font-size: .875em;
  line-height: 1.5;
}

.res-art-cta_rel {
  grid-row-gap: .5em;
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: .5em;
  padding-top: 1.25em;
  display: flex;
}

.section_res-related {
  position: relative;
}

.section_case-hero {
  position: relative;
  overflow: clip;
}

.case-hero_glow {
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff24, #8f7dff00);
  width: 56.25em;
  height: 31.25em;
  position: absolute;
  top: 31.25em;
  left: -12.5em;
}

.wrapper_case-hero {
  flex-direction: column;
  display: flex;
}

.case-hero_copy {
  z-index: 2;
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 47.5em;
  display: flex;
  position: relative;
}

.case-hero_crumb {
  color: inherit;
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
}

.case-hero_crumb:hover {
  color: var(--_colors---text-white);
}

.case-hero_crumb-branche {
  white-space: normal;
  overflow-wrap: normal;
  min-width: 0;
  display: block;
}

.case-hero_zeit {
  display: inline;
}

.case-hero_status-text {
  margin-top: 0;
  margin-bottom: 0;
}

.case-hero_badges {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  margin-top: 1.5em;
  display: flex;
}

.case-hero_status {
  grid-column-gap: .5em;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0b091299;
  border: 1px solid #8f7dff80;
  border-radius: 999px;
  align-items: center;
  padding: .375em .75em .375em .625em;
  font-size: .75em;
  line-height: 1.3;
  display: inline-flex;
}

.case-hero_status.is-small {
  font-size: .75em;
}

.case-hero_tag {
  color: #edf0f5d9;
  background-color: #0b091273;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: .375em .75em;
  font-size: .75em;
  line-height: 1.3;
  display: inline-flex;
}

.case-hero_h1 {
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 0;
}

.case-hero_lead {
  max-width: 30em;
  margin-top: .25em;
  margin-bottom: 0;
}

.case-hero_bg {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0 -3em;
  overflow: hidden;
}

.case-hero_pic {
  display: block;
  position: absolute;
  inset: 0 0 -10%;
}

.case-hero_img {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: contain;
  object-position: 50% 50%;
  width: 79.375vw;
  height: 52.92vw;
  position: absolute;
  top: 13.47vw;
  left: 29.17vw;
  right: auto;
}

.case-hero_shade {
  background-image: linear-gradient(90deg, #0b0912 32%, #0b09128c 58%, #0b091200 78%, #0b091299 100%), linear-gradient(#0b0912 0%, #0b091200 26% 62%, #0b0912 92%);
  position: absolute;
  inset: 0;
}

.case-hero_logo {
  width: 26.02vw;
  height: auto;
  position: absolute;
  top: 18.89vw;
  left: 72vw;
  right: auto;
}

.case-hero_cell {
  grid-row-gap: .75em;
  border-right: 1px solid #ffffff14;
  flex-direction: column;
  flex: 13.75em;
  min-width: auto;
  padding: 1.75em 1.25em;
  display: flex;
}

.case-hero_cell.is-wide {
  flex-grow: 2.2;
  flex-basis: 20em;
}

.case-hero_cell.is-narrow {
  flex-grow: .6;
  flex-basis: 9em;
}

.case-hero_k {
  grid-column-gap: .6667em;
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  font-size: .75em;
  line-height: 1.3;
  display: flex;
}

.case-hero_k-dot {
  background-color: var(--_colors---purple);
  flex-shrink: 0;
  width: .5em;
  height: .5em;
}

.case-hero_v {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  overflow-wrap: normal;
  margin-left: 0;
  font-size: 1.625em;
  line-height: 1.15;
}

.case-hero_v.is-status {
  font-size: 1em;
}

.case-hero_tech {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: #edf0f5d9;
  flex-wrap: wrap;
  margin-left: 0;
  font-size: .8125em;
  line-height: 1.3;
  display: flex;
}

.branche_badge {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .04em;
  white-space: nowrap;
  border: 1px dashed #8f7dff99;
  border-radius: .25em;
  padding: .2em .5em;
  font-size: .6875em;
  display: inline-block;
}

.branche-anw_case {
  grid-column-gap: 3em;
  grid-row-gap: 1.5em;
  background-image: radial-gradient(at 0 0, #8f7dff33, #8f7dff00 60%);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  margin-top: 4em;
  padding: 2.5em;
  display: grid;
}

.branche-anw_case-copy {
  grid-row-gap: .875em;
  flex-direction: column;
  max-width: 48em;
  display: flex;
}

.branche-anw_case-title {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
}

.branche-anw_case-meta {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
}

.branche-anw_case-text {
  color: var(--_colors---text-paragraph);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375em;
  line-height: 1.55;
}

.branche-anw_case-result {
  grid-column-gap: .5em;
  color: var(--_colors---text-white);
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875em;
  display: flex;
}

.is-user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C4DB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}

.section_case-detail {
  position: relative;
  overflow: clip;
}

.case-detail_glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #8f7dff1a, #8f7dff00);
  width: 56.25em;
  height: 43.75em;
  position: absolute;
  top: 87.5em;
  left: 41.67%;
}

.wrapper_case-detail {
  flex-direction: column;
  display: flex;
}

.case-detail_layout {
  grid-column-gap: 6em;
  grid-template-rows: auto;
  grid-template-columns: 16.25em 1fr;
  align-items: start;
  margin-top: 4.5em;
  display: grid;
}

.case-detail_aside {
  flex-direction: column;
  align-self: start;
  min-width: 0;
  display: flex;
  position: sticky;
  top: 7.5em;
}

.case-toc_label {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 1.6667em;
  font-size: .75em;
  line-height: 1.3;
}

.case-toc {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.case-toc_link {
  grid-column-gap: 1em;
  height: 3em;
  transition: background-color .25s cubic-bezier(.65, 0, .35, 1), border-color undefined undefined, color undefined undefined;
  white-space: nowrap;
  border-left: 1px solid #ffffff1a;
  align-items: center;
  padding-left: 1.25em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.case-toc_link:hover {
  border-left-color: #8f7dff80;
}

.case-toc_link.is-active {
  border-left-width: 1.5px;
  border-left-color: var(--_colors---purple);
  background-image: linear-gradient(90deg, #8f7dff24, #8f7dff00);
}

.case-toc_num {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  font-size: .75em;
  line-height: 1.3;
  transition-property: color;
  transition-duration: .25s;
}

.case-toc_text {
  color: var(--_colors---text-paragraph);
  font-size: .9375em;
  line-height: 1.3;
  transition-property: color;
  transition-duration: .25s;
}

.case-toc_progress {
  grid-row-gap: .625em;
  flex-direction: column;
  margin-top: 2em;
  display: flex;
}

.case-toc_progress-row {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  justify-content: space-between;
  font-size: .75em;
  line-height: 1.3;
  display: flex;
}

.case-toc_progress-count {
  color: var(--_colors---violet-light);
}

.case-toc_track {
  background-color: #ffffff1a;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.case-toc_bar {
  background-color: var(--_colors---purple);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
}

.case-detail_article {
  grid-row-gap: 6em;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.case-detail_chapter {
  grid-row-gap: 1.5em;
  flex-direction: column;
  scroll-margin-top: 6.25em;
  display: flex;
}

.case-detail_idx {
  grid-column-gap: .8333em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .07em;
  align-items: center;
  font-size: .75em;
  line-height: 1.3;
  display: flex;
}

.case-detail_idx-dot {
  background-color: var(--_colors---purple);
  width: .5em;
  height: .5em;
}

.case-detail_h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.case-detail_note {
  font-family: var(--_tokens---font-mono);
  color: #c9c4db;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75em;
  line-height: 1.3;
}

.case-detail_rt {
  color: #edf0f5d9;
  font-size: 1.125em;
  line-height: 1.6;
}

.wrapper_case-more {
  flex-direction: column;
  display: flex;
}

.case-more_h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.case-more_list {
  margin-top: 3.5em;
}

.ls-flow_ex {
  grid-column-gap: .625em;
  color: var(--_colors---text-muted-strong);
  border: 1px dashed #c9c4db59;
  border-radius: .5em;
  align-items: center;
  margin-top: 1em;
  padding: .5em .875em .5em .625em;
  font-size: .875em;
  line-height: 1.35;
  display: inline-flex;
}

.gf-hero_visual {
  width: 100%;
  position: relative;
}

.ls-pkg {
  grid-row-gap: .5em;
  color: var(--_colors---text-paragraph);
  flex-direction: column;
  margin-top: .5em;
  padding-left: 1.125em;
  list-style-type: disc;
  display: flex;
}

.ls-pkg_item {
  font-size: .9375em;
  line-height: 1.5;
}

.home-solution_glass {
  filter: drop-shadow(0 0 1.25em #8f7dff8c);
  width: 98%;
  position: absolute;
  top: 0%;
  left: 1%;
}

.inline-div-0 {
  width: 100%;
}

.ls-final_logo {
  filter: drop-shadow(0 0 1.5em #8f7dff59);
  position: absolute;
}

.ls-inline-link {
  color: #c9beff;
  text-decoration: underline;
}

.res-scrim {
  z-index: 30;
  opacity: 0;
  pointer-events: none;
  background-color: #0b0912b8;
  transition: opacity .4s cubic-bezier(.65, 0, .35, 1);
  position: fixed;
  inset: 0;
}

.res-more {
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: center;
  padding-top: 4em;
  display: flex;
}

.ovend_link {
  color: var(--_colors---text-muted-strong);
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
}

.ovend_link:hover {
  color: var(--_colors---violet-light);
}

.home-pain_counter {
  font-family: var(--_tokens---font-mono);
}

.ovrelated_link {
  min-height: 2.75em;
  transition: color .3s cubic-bezier(.65, 0, .35, 1), text-decoration-color undefined undefined;
  color: var(--_colors---text-white);
  text-underline-offset: .25em;
  align-items: center;
  font-size: 1em;
  -webkit-text-decoration: underline #8f7dff99;
  text-decoration: underline #8f7dff99;
  display: inline-flex;
}

.ovrelated_link:hover {
  color: var(--_colors---violet-light);
  text-decoration-color: #8f7dff;
}

.rechtliches_info {
  border-radius: .75em;
  align-items: flex-start;
  column-gap: .875em;
  padding: 1.5em 1.75em 1.5em 1.5em;
  display: flex;
}

.rechtliches_info-body {
  flex-direction: column;
  row-gap: .625em;
  min-width: 0;
  display: flex;
}

.rechtliches_info-label {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---purple);
  letter-spacing: .1em;
  text-transform: uppercase;
  padding-top: .15em;
  font-size: .6875em;
  line-height: 1.2;
}

.rechtliches_note {
  color: var(--_colors---text-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.625;
}

.case-hero_glass-logo {
  width: 100%;
}

.ovql_scope {
  position: relative;
}

.gf-lens-alt {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gf-lens-alt_img {
  filter: brightness(78%);
  width: 100%;
  height: auto;
  display: block;
}

.home-faq_lens-layers {
  display: contents;
}

.home-faq_base {
  position: absolute;
  inset: 0%;
}

.home-faq_alt {
  position: absolute;
}

.ovgrp_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.ovgrp_li {
  display: flex;
}

.ovgrp_li.is-main {
  grid-row: 1 / 3;
}

.ovgrp_media {
  aspect-ratio: 16 / 10;
  background-color: #0b0912;
  border-radius: .5em;
  position: relative;
  overflow: hidden;
}

.ovgrp_media.is-main {
  aspect-ratio: auto;
  flex-grow: 1;
  min-height: 20em;
}

.ovgrp_img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ovgrp_num {
  z-index: 2;
  min-height: 1.8333em;
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-white);
  letter-spacing: .08em;
  background-color: #0b091299;
  border-radius: .3333em;
  align-items: center;
  padding-left: .6667em;
  padding-right: .6667em;
  font-size: .75em;
  display: flex;
  position: absolute;
  top: .75em;
  left: .75em;
}

.ovgrp_body {
  grid-column-gap: 1em;
  justify-content: space-between;
  align-items: center;
  padding: 1em .375em .375em .5em;
  display: flex;
}

.ovgrp_text {
  grid-row-gap: .375em;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ovgrp_name {
  font-family: var(--_tokens---font-serif);
  color: var(--_colors---text-white);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1;
}

.ovgrp_name.is-italic {
  font-style: italic;
}

.ovgrp_name.is-mono {
  font-family: var(--_tokens---font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.3;
}

.ovgrp_tag {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---text-paragraph);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875em;
  line-height: 1.4;
}

.ovgrp_arrow {
  background-color: #8f7dff29;
  border-radius: .25em;
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.25em;
  height: 2.25em;
  position: relative;
  overflow: hidden;
}

.ovgrp_here {
  font-family: var(--_tokens---font-mono);
  color: var(--_colors---violet-light);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: .6875em;
}

.home-cta_hp, .konfigurator_hp, .bw_hp {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
  top: auto;
  left: -9999px;
  overflow: hidden;
}

.faq_sticky-scope {
  position: relative;
}

@media screen and (min-width: 1280px) {
  .v-h2.v-leistung-h2, .v-title {
    font-size: 5.625rem;
  }

  .v-title.v-konfigurator-panel-title {
    font-size: 3.25rem;
  }

  .v-title.v-branche-aside-title {
    font-size: 4rem;
  }

  .v-title.v-gf-aside-title {
    font-size: 5.625rem;
    line-height: 1;
  }

  .v-title.v-branche-ratgeber-title {
    font-size: 3.25rem;
  }

  .vn-bar {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .vn-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .vn-link {
    letter-spacing: .06em;
    font-size: .9375rem;
  }

  .vn-cta {
    letter-spacing: .06em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: .9375rem;
  }

  .v-cta {
    grid-template-columns: minmax(0, 1.4fr) auto;
    align-items: end;
  }

  .case-hero_img {
    width: 71.4375em;
    height: 47.625em;
    top: 12.125em;
    left: 26.25em;
  }

  .case-hero_logo {
    width: 23.42em;
    top: 17em;
    left: 71.75em;
  }

  .case-hero_cell {
    padding-left: 1.75em;
    padding-right: 1.75em;
  }
}

@media screen and (max-width: 991px) {
  .hero_bottom-fade {
    width: 96em;
    height: 9.8em;
    top: 93.3667em;
    left: -32em;
  }

  .hero_divider {
    width: 58.6667em;
    top: 97.6667em;
    left: 2.66667em;
  }

  .hero_header {
    z-index: 3;
    width: 64em;
    overflow: visible;
  }

  .hero_trust-line {
    z-index: 3;
    flex-direction: column;
    align-items: flex-start;
    width: 58.6667em;
    height: auto;
    top: 99.8333em;
    left: 2.66667em;
    overflow: visible;
  }

  .hero_links {
    display: none;
  }

  .hero_01-hero {
    width: 64em;
    height: 106.25em;
    margin-left: 0;
  }

  .hero_img-hero-sisyphus {
    width: 96em;
    height: 64em;
    top: 39.1667em;
    left: -32em;
  }

  .hero_lens-vertion-logo {
    width: 40em;
    height: 25.8333em;
    top: 14.6667em;
    left: 51.5333em;
  }

  .padding-global {
    padding-left: 2em;
    padding-right: 2em;
  }

  .hero_button-secondary-large {
    box-shadow: inset 0 0 0 1px #edf0f524;
  }

  .hero_lens-world-inside-the-lens-ordered {
    width: 96em;
    height: 64em;
    top: 39.1667em;
    left: -32em;
  }

  .hero_button-secondary-small {
    top: calc(50% + .0416667em);
    right: 7.33333em;
  }

  .padding-vertical {
    padding-top: 7.5em;
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-gf-hero {
    padding-top: 9.5em;
    padding-bottom: 3.5em;
  }

  .padding-vertical.is-rechtliches-hero {
    padding-top: 9.375em;
    padding-bottom: 2.75em;
  }

  .padding-vertical.is-home-services {
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-rechtliches-body {
    padding-top: 0;
    padding-bottom: 6em;
  }

  .padding-vertical.is-ref-hero {
    padding-top: 10em;
    padding-bottom: 5.5em;
  }

  .padding-vertical.is-faq {
    padding-top: 2.5em;
    padding-bottom: 6em;
  }

  .padding-vertical.is-ls-hero {
    padding-top: 7.5em;
    padding-bottom: 3em;
  }

  .padding-vertical.is-res-hero {
    padding-top: 9.5em;
    padding-bottom: 0;
  }

  .padding-vertical.is-ovhero {
    padding-top: 9.375em;
    padding-bottom: 0;
  }

  .padding-vertical.is-home-about {
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-ref-facts, .padding-vertical.is-branche {
    padding-top: 7.5em;
  }

  .padding-vertical.is-ls {
    padding-top: 6em;
    padding-bottom: 0;
  }

  .padding-vertical.is-home-hero {
    padding-top: 9.375em;
    padding-bottom: 1.9375em;
  }

  .padding-vertical.is-ref-cases {
    padding-top: 7.5em;
  }

  .padding-vertical.is-res-bento {
    padding-top: 5em;
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-konfigurator-done {
    padding-top: 6.5em;
    padding-bottom: 5em;
  }

  .padding-vertical.is-ref-work {
    padding-top: 7.5em;
  }

  .padding-vertical.is-ref-cta {
    padding-top: 7.5em;
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-res-latest {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .padding-vertical.is-res-steps {
    padding-top: 5em;
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-res-cta {
    padding-top: 3em;
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-home-pain {
    padding-top: 7.5em;
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-ovend {
    padding-bottom: 28.75em;
  }

  .padding-vertical.is-bw-regeln, .padding-vertical.is-bw-prozess {
    padding-top: 4.5em;
    padding-bottom: 2em;
  }

  .padding-vertical.is-home-tech {
    padding-bottom: 6em;
  }

  .padding-vertical.is-bw-prinzipien, .padding-vertical.is-bw-stimmen, .padding-vertical.is-bw-feedback, .padding-vertical.is-bw-google {
    padding-top: 4.5em;
    padding-bottom: 2em;
  }

  .padding-vertical.is-gf-cta {
    padding-top: 4em;
    padding-bottom: 6em;
  }

  .padding-vertical.is-konfigurator {
    padding-top: 6.5em;
    padding-bottom: 4em;
  }

  .padding-vertical.is-res-hero-list {
    padding-top: 7.5em;
    padding-bottom: 0;
  }

  .padding-vertical.is-notfound {
    padding-top: 9.375em;
    padding-bottom: .5em;
  }

  .padding-vertical.is-home-projects {
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-kt-hero {
    padding-top: 8.5em;
    padding-bottom: 0;
  }

  .padding-vertical.is-home-faq {
    padding-bottom: 3.75em;
  }

  .padding-vertical.is-ovbanner {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .padding-vertical.is-kt-wege {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .padding-vertical.is-kt-termin {
    padding-top: 7.5em;
    padding-bottom: 5em;
  }

  .padding-vertical.is-home-cta {
    padding-bottom: 7.5em;
  }

  .padding-vertical.is-term-hero {
    padding-top: 8.5em;
    padding-bottom: 3.5em;
  }

  .padding-vertical.is-kt-form, .padding-vertical.is-kt-data, .padding-vertical.is-kt-flow, .padding-vertical.is-kt-faq {
    padding-top: 7.5em;
    padding-bottom: 5em;
  }

  .padding-vertical.is-ovuhero {
    padding-top: 9.375em;
    padding-bottom: 0;
  }

  .padding-vertical.is-ovperson, .padding-vertical.is-ovvalues {
    padding-bottom: 5em;
  }

  .padding-vertical.is-ls-final {
    padding-top: 6em;
    padding-bottom: 24em;
  }

  .padding-vertical.is-ovusteps, .padding-vertical.is-ovgroup, .padding-vertical.is-ovplace {
    padding-bottom: 5em;
  }

  .padding-vertical.is-res-art-hero {
    padding-top: 8.5em;
    padding-bottom: 4em;
  }

  .padding-vertical.is-res-art {
    padding-top: 1em;
    padding-bottom: 5em;
  }

  .padding-vertical.is-res-related {
    padding-top: 4em;
    padding-bottom: 3em;
  }

  .padding-vertical.is-case-hero {
    padding-top: 7.5em;
    padding-bottom: 4em;
  }

  .padding-vertical.is-case-detail, .padding-vertical.is-case-more {
    padding-top: 7.5em;
  }

  .hero_ambient-glow {
    z-index: 2;
    width: 63.3333em;
    height: 63.3333em;
    top: -19em;
    left: 29.1667em;
  }

  .hero_p-5 {
    width: 30em;
  }

  .hero_h1 {
    width: 7.75em;
    font-size: 6.66667em;
  }

  .hero_img-hero-inside-lens-ordered-world {
    width: 95.52em;
    height: 63.68em;
    top: .1075em;
    left: .1975em;
  }

  .hero_logo {
    top: calc(50% + .0416667em);
    left: 2.66667em;
  }

  .hero_scroll {
    display: none;
  }

  .hero_text {
    width: 100%;
  }

  .hero_overlay-left, .hero_overlay-bottom {
    width: 96em;
    height: 64em;
    top: 39.1667em;
    left: -32em;
  }

  .hero_content-2 {
    grid-column-gap: 2.66667em;
    grid-row-gap: 1.16667em;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 58.6667em;
  }

  .container-large {
    width: 100%;
    max-width: 84em;
  }

  .hero_content {
    z-index: 3;
    width: 51.6667em;
    top: 12.5em;
    left: 2.66667em;
  }

  .hero_div {
    inset: -23.95%;
  }

  .pain_tag-3 {
    border-width: 0;
    padding: .5em .75em;
    top: -.555833em;
    left: 1.83333em;
  }

  .pain_02-wissen {
    width: 5.2em;
    height: 16.8em;
    top: 57.0833em;
    left: 22.15em;
  }

  .pain_text {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    align-content: stretch;
    align-items: flex-start;
    height: auto;
    display: flex;
  }

  .pain_start-node-card-4 {
    width: .3em;
    height: .3em;
    top: 10.5em;
    left: 10.75em;
  }

  .pain_leader-line {
    width: 15.3em;
    height: 10.05em;
    top: .75em;
    left: .15em;
  }

  .pain_leader-line-4 {
    width: 10.15em;
    height: 9.9em;
    top: .75em;
    left: .75em;
  }

  .pain_target-dot-3 {
    width: .25em;
    height: .25em;
    top: .625em;
    left: .625em;
  }

  .pain_04-excel-listen {
    width: 11.05em;
    height: 10.8em;
    top: 63.0833em;
    left: 46em;
  }

  .pain_target-ring-2 {
    width: .8em;
    height: .8em;
    top: 1.5em;
    left: 4.05em;
  }

  .pain_target-dot-2 {
    width: .25em;
    height: .25em;
    top: 1.775em;
    left: 4.325em;
  }

  .pain_halo-3 {
    width: 1.5em;
    height: 1.5em;
  }

  .pain_target-dot {
    width: .25em;
    height: .25em;
    top: .625em;
    left: 15.325em;
  }

  .pain_03-anfragen {
    width: 6.2em;
    height: 14.3em;
    top: 59.5833em;
    left: 37.75em;
  }

  .pain_target-ring-3 {
    width: .8em;
    height: .8em;
    top: .35em;
    left: .35em;
  }

  .pain_p-3 {
    white-space: normal;
    flex-shrink: 0;
    width: 25.5556em;
    position: relative;
    top: auto;
    left: auto;
  }

  .pain_start-node-card {
    width: .3em;
    height: .3em;
    top: 10.65em;
  }

  .pain_cards-2 {
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    width: 58.6667em;
    top: 73.8333em;
    left: 2.66667em;
  }

  .pain_01-copy-paste {
    width: 16.2em;
    height: 10.95em;
    top: 62.9333em;
    left: 6.95em;
  }

  .pain_02-pain-points {
    width: 64em;
    height: 145.167em;
    margin-left: 0;
  }

  .pain_tag-2 {
    border-width: 0;
    padding: .5em .75em;
    top: .594167em;
    left: -3.91083em;
  }

  .pain_img-sisyphus-resting {
    width: 79.65em;
    height: 36.3em;
    top: 42.0333em;
    left: -7em;
  }

  .pain_cards {
    display: contents;
  }

  .pain_hairline-top {
    width: auto;
    top: 50%;
    right: -52.5833em;
    transform: translateY(-50%);
  }

  .pain_tag {
    border-width: 0;
    padding: .5em .75em;
    top: -.555833em;
    left: 3.33917em;
  }

  .pain_content {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    width: 58.6667em;
    top: 10em;
    left: 2.66667em;
  }

  .pain_target-ring {
    width: .8em;
    height: .8em;
    top: .35em;
    left: 15.05em;
  }

  .pain_leader-line-2 {
    width: 2.9em;
    height: 14.75em;
    top: 1.9em;
    left: 1.55em;
  }

  .pain_glow {
    width: 41em;
    height: 31em;
    top: 51.9333em;
    left: 28em;
  }

  .pain_halo {
    width: 1.5em;
    height: 1.5em;
    left: 14.7em;
  }

  .pain_card-pain {
    flex-grow: 0;
    flex-basis: auto;
    width: 28.6667em;
    min-width: 0;
    top: 0;
    left: 0;
  }

  .pain_leader-line-3 {
    width: 1.8em;
    height: 13.4em;
    top: .75em;
    left: .75em;
  }

  .pain_start-node-card-3 {
    width: .3em;
    height: .3em;
    top: 14em;
    left: 2.4em;
  }

  .pain_halo-2 {
    width: 1.5em;
    height: 1.5em;
    top: 1.15em;
    left: 3.7em;
  }

  .pain_fade-bottom {
    width: 72em;
    height: 7.55em;
    top: 72.1333em;
    left: -4em;
  }

  .pain_start-node-card-2 {
    width: .3em;
    height: .3em;
    top: 16.5em;
    left: 1.4em;
  }

  .pain_crosshair-2 {
    top: 50%;
    transform: translateY(-50%);
  }

  .solution_p {
    flex-shrink: 0;
    width: 25.5556em;
    position: relative;
    top: auto;
    left: auto;
  }

  .services_fade-4 {
    width: auto;
    right: 0;
  }

  .services_04-services {
    width: 64em;
    height: 149.833em;
    margin-left: 0;
  }

  .services_button-secondary-large {
    top: 135.5em;
    bottom: auto;
    left: 18em;
    transform: none;
  }

  .solution_text-2 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    align-content: stretch;
    align-items: flex-start;
    height: auto;
    display: flex;
  }

  .services_fade-2, .services_fade {
    width: auto;
    right: 0;
  }

  .services_ambient-glow {
    width: 70.4em;
    height: 41.9057em;
    top: 43.6667em;
    left: -3.2em;
  }

  .solution_text {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    width: 58.6667em;
    top: 10em;
    left: 2.66667em;
  }

  .services_card {
    width: 28.6667em;
  }

  .services_cards {
    flex-wrap: wrap;
    align-content: flex-start;
    width: 58.6667em;
    top: 40.3333em;
    left: 2.66667em;
  }

  .services_fade-6, .services_fade-5 {
    width: auto;
    right: 0;
  }

  .services_service-01-custom-web-apps-company-apps-2 {
    width: 28.6667em;
  }

  .services_service-01-custom-web-apps-company-apps, .services_fade-3 {
    width: auto;
    right: 0;
  }

  .solution_glass-logo {
    width: 13.4333em;
    height: 8.67567em;
    left: 25.25em;
  }

  .solution_scene {
    width: 100.104em;
    height: 58.6667em;
    top: 30.0833em;
    left: -10.75em;
  }

  .solution_span-2 {
    font-size: 3.33333em;
  }

  .solution_div {
    width: 34.4408em;
    height: 34.1906em;
    top: 14.4508em;
    left: 65.6625em;
  }

  .solution_span-3 {
    font-size: 3.33333em;
  }

  .solution_ambient-glow {
    width: 50.7333em;
    height: 22.4em;
    top: 15.8em;
    left: 36.0667em;
  }

  .solution_shadow-left-ground-edge-2 {
    width: 36.5333em;
    height: 12.6667em;
    top: 13.5333em;
    right: 5.90333em;
  }

  .solution_tick-3, .solution_steps {
    display: contents;
  }

  .solution_shadow-left-ground-edge {
    width: 23.6667em;
    height: 16.8667em;
    top: 41.8em;
    left: 9.2em;
  }

  .solution_fade-ground {
    width: 90.0667em;
    height: 14em;
    top: 39.2667em;
  }

  .solution_div-11 {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20230%20150%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20height%3D%27100%25%27%20width%3D%27100%25%27%20fill%3D%27url%28%2523grad%29%27%20opacity%3D%271%27%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%27grad%27%20gradientUnits%3D%27userSpaceOnUse%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%2710%27%20gradientTransform%3D%27matrix%2811.5%200%200%207.5%20115%2075%29%27%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0.13%29%27%20offset%3D%270%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0.06%29%27%20offset%3D%270.55%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0%29%27%20offset%3D%271%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }

  .solution_steps-block {
    width: 64em;
    height: 95.259em;
    top: 77.1667em;
  }

  .solution_p-22 {
    text-align: center;
    letter-spacing: -.0666667em;
    white-space: normal;
    width: min-content;
    min-width: 100%;
    font-size: 1em;
  }

  .solution_boulder-rolled-on-along-the-line {
    width: 25.3724em;
    height: 23.3426em;
  }

  .solution_banner {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    width: 58.6667em;
    top: 181.759em;
    left: 2.66667em;
  }

  .solution_tick-2 {
    display: contents;
  }

  .solution_glow {
    top: 73.8333em;
    left: 18.6667em;
  }

  .solution_03-solution {
    width: 64em;
    height: 202.426em;
    margin-left: 0;
  }

  .solution_node-2 {
    top: 37.9258em;
    left: 31.6667em;
  }

  .solution_div-24 {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20230%20140%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20height%3D%27100%25%27%20width%3D%27100%25%27%20fill%3D%27url%28%2523grad%29%27%20opacity%3D%271%27%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%27grad%27%20gradientUnits%3D%27userSpaceOnUse%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%2710%27%20gradientTransform%3D%27matrix%2811.5%200%200%207%20115%2070%29%27%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0.13%29%27%20offset%3D%270%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0.06%29%27%20offset%3D%270.55%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0%29%27%20offset%3D%271%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }

  .solution_node-1 {
    top: 15.3425em;
    left: 31.6667em;
  }

  .solution_div-19 {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20207%20150%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20height%3D%27100%25%27%20width%3D%27100%25%27%20fill%3D%27url%28%2523grad%29%27%20opacity%3D%271%27%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%27grad%27%20gradientUnits%3D%27userSpaceOnUse%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%2710%27%20gradientTransform%3D%27matrix%2810.35%200%200%207.5%20103.5%2075%29%27%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0.13%29%27%20offset%3D%270%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0.06%29%27%20offset%3D%270.55%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28237%2C240%2C245%2C0%29%27%20offset%3D%271%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  }

  .solution_p-3 {
    white-space: pre-line;
  }

  .solution_tick-1 {
    display: contents;
  }

  .solution_step-line {
    display: none;
  }

  .solution_span {
    font-size: 3.33333em;
  }

  .solution_img-sisyphus-standing {
    width: 92.3333em;
    height: 54.0667em;
    top: -.8em;
    left: 7.8em;
  }

  .solution_shadow-left-ground-edge-3 {
    width: 22.7333em;
    height: 13.6667em;
    top: 33.3333em;
    right: 5.90333em;
  }

  .solution_node-3 {
    top: 60.5092em;
    left: 31.6667em;
  }

  .solution_step-columns {
    display: contents;
  }

  .tech_hairline-bottom {
    width: 58.6667em;
    left: 2.66667em;
  }

  .tech_ambient-glow {
    width: 64em;
    height: 25.6667em;
    top: 42.5em;
    left: 0;
  }

  .tech_row-1 {
    left: -90.3em;
  }

  .tech_div {
    inset: -64.94% -26.04%;
  }

  .tech_logos {
    width: 64em;
    top: 45.8333em;
  }

  .tech_06-tech-stack {
    width: 64em;
    height: 78.8333em;
    margin-left: 0;
  }

  .tech_edge-fade-left {
    width: 10em;
  }

  .tech_row-2 {
    left: -48.225em;
  }

  .tech_glass {
    width: 36.6667em;
  }

  .tech_text {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    align-content: stretch;
    align-items: flex-start;
    height: auto;
    display: flex;
  }

  .tech_row-1-no-color {
    left: -66em;
  }

  .tech_p {
    flex-shrink: 0;
    width: 11em;
    font-size: 5.33333em;
    position: relative;
    top: auto;
    left: auto;
  }

  .tech_lens {
    width: 36.6667em;
  }

  .tech_p-2 {
    flex-shrink: 0;
    width: 25.5556em;
    position: relative;
    top: auto;
    left: auto;
  }

  .tech_hairline-top {
    width: 58.6667em;
    left: 2.66667em;
  }

  .tech_lens-glow {
    width: 44.7333em;
    left: 9.63333em;
  }

  .tech_div-3 {
    background-image: linear-gradient(151.298deg, #ffffff05 7.0922%, #ffffff01 39.007%, #d9ebff03 78.014%);
  }

  .tech_edge-fade-right {
    width: 10em;
    left: 54em;
  }

  .tech_div-2 {
    left: -13.04%;
    right: -13.04%;
  }

  .tech_row-2-no-color {
    left: -27.75em;
  }

  .projects_ambient-glow {
    width: 76.8em;
    height: 32.6667em;
    top: 49.0833em;
    left: -6.4em;
  }

  .projects_fade {
    height: 8.33333em;
  }

  .projects_case-02-anfragen-angebote-b2b-dienstleister {
    width: 30em;
    height: 59.4167em;
  }

  .projects_07-projects {
    width: 64em;
    height: 115.167em;
    margin-left: 0;
  }

  .projects_glass-pane-refracts-the-marble {
    border-width: 0;
    border-radius: .555583em;
    inset: .833333em;
  }

  .projects_content-2 {
    grid-column-gap: normal;
    grid-row-gap: normal;
  }

  .projects_case-cards {
    grid-column-gap: 1.33333em;
    grid-row-gap: 1.33333em;
    top: 42.4167em;
    left: 2.66667em;
  }

  .projects_p {
    white-space: pre-wrap;
    flex-shrink: 0;
    width: 11em;
    font-size: 5.33333em;
    position: relative;
    top: auto;
    left: auto;
  }

  .projects_marble-detail-2 {
    width: 30em;
    height: 16.6667em;
  }

  .projects_lens-view-magnified-marble {
    border-radius: .555583em;
    width: 28.3333em;
    height: 15em;
    top: .833333em;
    left: .833333em;
  }

  .projects_case-01-wissenssuche-maschinenbau-mittelstand {
    width: 30em;
    height: 59.4167em;
  }

  .projects_div-2 {
    border-radius: .555583em;
  }

  .projects_marble-detail-1-25 {
    width: 37.5em;
    height: 20.8333em;
    top: -2.91667em;
    left: -4.58333em;
  }

  .projects_media {
    height: 16.6667em;
  }

  .projects_div {
    inset: -51.02% -21.7%;
  }

  .projects_content {
    grid-column-gap: normal;
    grid-row-gap: normal;
  }

  .projects_marble-detail {
    width: 30em;
    height: 16.6667em;
  }

  .faq_image {
    width: 29.3333em;
    height: 34.6667em;
    top: 100.167em;
    left: 17.3333em;
  }

  .faq_ambient-glow {
    top: 110.567em;
    left: 14.0333em;
  }

  .faq_div-2 {
    width: 100%;
    min-width: 0;
    font-size: 5.33333em;
  }

  .faq_img-contemplative-figure {
    width: 29.3333em;
    height: 34.6667em;
  }

  .faq_lens {
    width: 20.9568em;
    height: 20.4805em;
    top: 15.5192em;
    left: 13.3333em;
  }

  .faq_questions-accordion-one-open-at-a-time {
    width: 58.6667em;
    top: 41.1667em;
    left: 2.66667em;
  }

  .faq_left-content {
    display: contents;
  }

  .faq_08-faq {
    width: 64em;
    height: 139.833em;
    margin-left: 0;
  }

  .faq_top-content {
    width: 58.6667em;
    top: 10em;
    left: 2.66667em;
  }

  .faq_p {
    width: 100%;
    font-size: 1em;
  }

  .faq_text {
    width: 58.6667em;
    top: 19.5em;
    left: 2.66667em;
  }

  .about_img {
    border-radius: .346833em;
  }

  .about_05-about {
    width: 64em;
    height: 146.336em;
    margin-left: 0;
  }

  .about_glow {
    width: 64em;
    height: 64em;
    top: 20.3em;
    left: -19.2em;
  }

  .about_light-side-light-from-the-left-shadow-side-ri {
    inset: -.0433333em -.0433333em calc(2.34% - .0416667em);
  }

  .about_p-5 {
    letter-spacing: -.0099987em;
    font-size: 1.90775em;
  }

  .about_cards {
    flex-direction: column;
    width: 58.6667em;
    top: 72.6692em;
    left: 2.66667em;
    overflow: clip;
  }

  .about_light-background-glow-behind-the-head-violet {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20346%20326.23%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20height%3D%27100%25%27%20width%3D%27100%25%27%20fill%3D%27url%28%2523grad%29%27%20opacity%3D%271%27%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%27grad%27%20gradientUnits%3D%27userSpaceOnUse%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%2710%27%20gradientTransform%3D%27matrix%282.4327%20-33.537%2033.802%202.4519%20-4.3649%20365.22%29%27%3E%3Cstop%20stop-color%3D%27rgba%28133%2C117%2C255%2C0.62%29%27%20offset%3D%270%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28115%2C140%2C255%2C0.26%29%27%20offset%3D%270.45%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28115%2C140%2C255%2C0%29%27%20offset%3D%271%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    inset: -.0433333em -.0433333em calc(2.34% - .0416667em);
  }

  .about_div-2 {
    width: 19.6471em;
    font-size: 1.41667em;
    bottom: 74.2953em;
    left: 23.6471em;
  }

  .about_grade-violet-tone-like-the-statues {
    inset: -.0433333em;
  }

  .about_p-7 {
    white-space: pre-line;
    width: 11em;
    font-size: 5.33333em;
    top: 3.65625em;
    left: .5em;
  }

  .about_lens-vertion-logo-the-hero-lens-one-last-time {
    width: 9.43em;
    height: 6.09025em;
    inset: 59.835em auto auto 20.66em;
  }

  .about_card-text {
    width: 41.6667em;
  }

  .about_p {
    margin-bottom: .941177em;
  }

  .about_text {
    grid-column-gap: .69375em;
    grid-row-gap: .69375em;
    width: 28.8333em;
    padding: 1.3875em;
    bottom: -.0433333em;
    left: -.0433333em;
  }

  .about_p-6 {
    font-size: 1em;
  }

  .about_card-2 {
    flex-grow: 0;
    flex-basis: auto;
    width: 100%;
    min-width: 0;
    height: 20.3333em;
  }

  .about_div {
    inset: -42.97%;
  }

  .about_card-1 {
    flex-grow: 0;
    flex-basis: auto;
    align-self: auto;
    width: 100%;
    min-width: 0;
    height: 20.3333em;
  }

  .about_image {
    border-width: 0;
    border-radius: .346833em;
    width: 28.8333em;
    height: 27.8361em;
    top: 39.5em;
    left: 17.0833em;
  }

  .about_fade-desk-dissolves-into-dark {
    inset: -.0433333em;
  }

  .about_top-content {
    width: 58.6667em;
    top: 10em;
    left: 2.66667em;
  }

  .cta_booking-text {
    white-space: normal;
    width: 100%;
  }

  .cta_p-28 {
    white-space: normal;
    width: 100%;
    font-size: 3.33333em;
  }

  .cta_overlay-right-edge {
    width: 17.9232em;
    height: 78.6667em;
    left: 78.0767em;
  }

  .cta_p-25 {
    top: calc(50% - .6em);
    left: calc(50% - 1.3em);
  }

  .cta_div-3 {
    background-image: linear-gradient(136.589deg, #ffffff04 0%, #ffffff02 35.714%, #ccd9ff03 71.429%);
  }

  .cta_lens-vertion-logo-the-hero-lens-one-last-time {
    width: 24.9823em;
    height: 16.1344em;
    top: 18.1333em;
    left: 68.5333em;
  }

  .cta_p-3, .cta_calendar {
    width: 100%;
  }

  .cta_contact-form {
    width: 100%;
    height: auto;
  }

  .cta_checkbox-datenschutz {
    width: 100%;
  }

  .cta_overlay-left-text-legibility {
    width: 96em;
    height: 78.6667em;
  }

  .cta_overlay-top {
    width: 96em;
    height: 21.3333em;
  }

  .cta_booking {
    width: 100%;
  }

  .cta_p-24 {
    top: calc(50% - .6em);
    left: calc(50% - 1.5em);
  }

  .cta_div-4 {
    background-image: linear-gradient(138.539deg, #ffffff03 0%, #ffffff01 35.714%, #ccd9ff02 71.429%);
  }

  .cta_p-27 {
    top: calc(50% - .6em);
    left: calc(50% - 1.3em);
  }

  .cta_text-2 {
    width: 100%;
  }

  .cta_overlay-bottom-into-panels {
    width: 96em;
    height: 21.8706em;
    top: 41.4675em;
  }

  .cta_image-sisyphus {
    width: 118em;
    height: 78.6667em;
    left: -22em;
  }

  .cta_lens-glow {
    width: 50.6889em;
    height: 46.2271em;
    top: 46.8067em;
    left: 20em;
  }

  .cta_p-33 {
    width: 50.8333em;
    font-size: 1em;
  }

  .cta_focus-light-edge {
    width: auto;
    right: 15.9167em;
  }

  .cta_09-cta {
    width: 64em;
    height: 197.5em;
    margin-left: 0;
  }

  .cta_slot-13-00-selected, .cta_slot-09-00 {
    height: 3.66667em;
  }

  .cta_p-29 {
    width: 100%;
  }

  .cta_p-26 {
    top: calc(50% - .6em);
    left: calc(50% - 1.36667em);
  }

  .cta_p {
    flex-shrink: 0;
    width: 25.5556em;
    position: relative;
    top: auto;
    left: auto;
  }

  .cta_contacts {
    z-index: 2;
    flex-direction: column;
    width: 58.6667em;
    top: 78.8333em;
    left: 2.66667em;
  }

  .cta_imagr {
    width: 96em;
    height: 78.6667em;
    top: 28.1667em;
    left: -33.3333em;
  }

  .cta_p-2 {
    width: 100%;
    font-size: 3.33333em;
  }

  .cta_text {
    z-index: 2;
    grid-column-gap: 2.33333em;
    grid-row-gap: 2.33333em;
    flex-direction: column;
    align-content: stretch;
    align-items: flex-start;
    width: 58.6667em;
    height: auto;
    display: flex;
    top: 19.5em;
    left: 2.66667em;
  }

  .cta_ambient-glow-lens {
    width: 31.0766em;
    height: 23.8669em;
    top: 11.4542em;
    left: 59.5517em;
  }

  .footer_p-3 {
    top: 29.7273em;
    left: 2.90909em;
  }

  .footer_ambient-glow {
    width: 67.84em;
    height: 16.0664em;
    top: 43.8967em;
    left: -1.92em;
  }

  .footer_p-4 {
    top: 27.1667em;
    left: 56.5833em;
  }

  .footer_links-2 {
    top: 8.375em;
    left: 39.75em;
  }

  .footer_10-footer {
    width: 64em;
    height: 48.6667em;
    margin-left: 0;
  }

  .footer_links {
    top: 8.375em;
    left: 23.4375em;
  }

  .footer_hairline {
    width: 58.6667em;
    top: 6.66667em;
    left: 2.66667em;
  }

  .footer_lettering-vertion-glass-full-width {
    width: 58.6667em;
    height: 18.4918em;
    top: 36.5em;
    left: 2.66667em;
  }

  .footer_p {
    width: 9.46875em;
    font-size: 2.66667em;
    top: 5.84375em;
    left: 1em;
  }

  .footer_div {
    inset: -103.74% -24.57%;
  }

  .footer_divider {
    width: 58.6667em;
    top: 25.5833em;
    left: 2.66667em;
  }

  .footer_logo-vertion {
    top: calc(50% - 12.0417em);
    left: 2.66667em;
  }

  .footer_refraction-backdrop {
    width: 58.6667em;
    height: 25.4048em;
    top: 33.4442em;
    left: 2.66667em;
  }

  .rsp-pain-26 {
    white-space: normal;
    flex-shrink: 0;
    width: 11em;
    font-size: 5.33333em;
    position: relative;
    top: auto;
    left: auto;
  }

  .rsp-cta-41 {
    white-space: normal;
    flex-shrink: 0;
    width: min-content;
    min-width: 100%;
    font-size: 5.33333em;
    position: relative;
    top: auto;
    left: auto;
  }

  .rsp-solution-62 {
    flex: 0 auto;
    align-self: auto;
    width: 28.3333em;
    min-width: 0;
    position: absolute;
    top: 12.0092em;
    left: 2.66667em;
  }

  .rsp-solution-132 {
    flex: 0 auto;
    align-self: auto;
    width: 28.3333em;
    min-width: 0;
    position: absolute;
    top: 34.5925em;
    left: 33em;
  }

  .rsp-solution-209 {
    flex: 0 auto;
    align-self: auto;
    width: 28.3333em;
    min-width: 0;
    position: absolute;
    top: 57.1758em;
    left: 2.66667em;
  }

  .rsp-solution-127, .rsp-solution-130 {
    background-color: #edf0f50f;
    width: 5.83333em;
  }

  .rsp-about-32, .rsp-about-39 {
    left: 47.3333em;
  }

  .rsp-projects-39 {
    box-shadow: inset 0 .0578333em 0 0 #ffffff1f;
  }

  .rsp-projects-40, .rsp-projects-136 {
    width: 26em;
    top: 13em;
    left: 2em;
  }

  .responsive_menu-toggle {
    grid-row-gap: .375em;
    background-color: #ffffff0f;
    border: 1px solid #ffffff24;
    border-radius: .666667em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3.66667em;
    height: 3.66667em;
    display: flex;
    position: absolute;
    top: 50%;
    right: 2.66667em;
    transform: translateY(-50%);
  }

  .responsive_hero-fade {
    z-index: 1;
    background-image: linear-gradient(#0b0912 0%, #0b091200 100%);
    width: 64em;
    height: 21.6667em;
    display: block;
    position: absolute;
    top: 39em;
    left: 0;
  }

  .responsive_cta-fade {
    z-index: 1;
    background-image: linear-gradient(#0b0912 0%, #0b0912d9 35%, #0b091200 100%);
    width: 64em;
    height: 25em;
    display: block;
    position: absolute;
    top: 28.1667em;
    left: 0;
  }

  .responsive_services-pagination, .responsive_services-pagination-1, .responsive_services-pagination-2, .responsive_services-pagination-3, .responsive_services-pagination-4, .responsive_services-pagination-5, .responsive_services-pagination-6 {
    display: none;
  }

  .responsive_projects-pagination {
    place-content: stretch space-between;
    align-items: center;
    width: 58.6667em;
    height: 1.33333em;
    display: flex;
    position: absolute;
    top: 103.833em;
    left: 2.66667em;
    overflow: clip;
  }

  .responsive_projects-pagination-1 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-shrink: 0;
    align-content: stretch;
    align-items: center;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .responsive_projects-pagination-2 {
    background-color: #8f7dff;
    border-radius: .0833333em;
    flex-shrink: 0;
    width: 2.66667em;
    height: .166667em;
    position: relative;
  }

  .responsive_projects-pagination-3, .responsive_projects-pagination-4 {
    background-color: #fff3;
    border-radius: .0833333em;
    flex-shrink: 0;
    width: 1.33333em;
    height: .166667em;
    position: relative;
  }

  .responsive_projects-pagination-5 {
    color: #a39eb8;
    letter-spacing: .08em;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
  }

  .responsive_pain-pagination, .responsive_pain-pagination-1, .responsive_pain-pagination-2, .responsive_pain-pagination-3, .responsive_pain-pagination-4, .responsive_pain-pagination-5, .responsive_pain-pagination-6, .responsive_point-1, .responsive_point-1-1, .responsive_point-2, .responsive_point-2-1, .responsive_point-3, .responsive_point-3-1, .responsive_point-4, .responsive_point-4-1 {
    display: none;
  }

  .responsive_timeline-0 {
    width: .666667em;
    height: .666667em;
    display: block;
    position: absolute;
    top: 7.8425em;
    left: 31.6667em;
  }

  .responsive_timeline-0-1 {
    position: absolute;
    inset: -362.5%;
  }

  .responsive_timeline-1 {
    background-image: linear-gradient(#8f7dffe6 0%, #8f7dff40 100%);
    border-radius: .166667em;
    width: .333333em;
    height: 52.6667em;
    display: block;
    position: absolute;
    top: 8.17583em;
    left: 31.8333em;
  }

  .responsive_timeline-2 {
    background-image: linear-gradient(#fff 0%, #8f7dff99 100%);
    width: .125em;
    height: 52.6667em;
    display: block;
    position: absolute;
    top: 8.17583em;
    left: 31.9375em;
  }

  .responsive_timeline-mobile-0, .responsive_timeline-mobile-1, .responsive_timeline-mobile-2, .responsive_timeline-mobile-3 {
    display: none;
  }

  .responsive_card-number {
    color: #8f7dff;
    letter-spacing: .08em;
    font-size: 1em;
    line-height: 1.3;
    display: block;
    position: absolute;
    top: 3em;
    left: 24.6667em;
    right: auto;
  }

  .v-container {
    padding-right: var(--_tokens---gutter-tablet);
    padding-left: var(--_tokens---gutter-tablet);
  }

  .v-section {
    padding-top: var(--_tokens---section-space-tablet);
    padding-bottom: var(--_tokens---section-space-tablet);
  }

  .v-h1 {
    font-size: 5rem;
  }

  .v-h2, .v-h2.v-leistung-h2 {
    font-size: 4rem;
  }

  .v-title {
    font-size: 4rem;
    line-height: 1;
  }

  .v-title.v-rechtliches-404-h1 {
    font-size: 3rem;
  }

  .v-title.v-leistung-h2 {
    font-size: 2.5rem;
  }

  .v-title.v-konfigurator-panel-title {
    font-size: 4rem;
    line-height: 1.05;
  }

  .v-title.is-cta {
    font-size: 2.5rem;
  }

  .v-title.v-branche-aside-title {
    font-size: 4rem;
  }

  .v-title.v-gf-aside-title {
    font-size: 4rem;
    line-height: 1;
  }

  .v-title.v-branche-ratgeber-title {
    font-size: 2.5rem;
  }

  .v-h3 {
    font-size: 1.625rem;
  }

  .v-lead {
    font-size: 1.125rem;
  }

  .v-body {
    font-size: 1rem;
  }

  .v-small {
    font-size: .875rem;
  }

  .v-small.v-branche-svc-text {
    grid-column: 2 / 3;
    grid-row-start: 2;
  }

  .v-eyebrow, .v-index {
    font-size: .8125rem;
  }

  .v-mono {
    font-size: .75rem;
  }

  .v-section-head {
    margin-bottom: var(--_tokens---space-xl);
    grid-row-gap: 1.5rem;
  }

  .v-section-head-meta {
    display: flex;
  }

  .v-hairline {
    height: 1px;
  }

  .v-section-head-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .v-btn-primary, .v-btn-primary._w-button, .v-btn-secondary {
    font-size: .9375rem;
  }

  .v-btn-icon {
    width: 2.25rem;
  }

  .v-link-arrow {
    font-size: .8125rem;
  }

  .v-glass-card {
    padding: 1.75rem;
  }

  .v-chip {
    font-size: .75rem;
  }

  .v-grid-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .v-grid-3 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .v-grid-3.v-branche-pain-track {
    grid-column-gap: .75rem;
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: auto;
  }

  .v-grid-4 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .v-stack {
    grid-row-gap: 1.25rem;
  }

  .v-cluster {
    grid-column-gap: .75rem;
  }

  .v-richtext {
    font-size: 1.0625rem;
  }

  .v-quicklinks {
    z-index: 20;
    grid-column-gap: .5rem;
    background-color: #0b0912db;
    flex-direction: row;
    max-height: none;
    padding: .75rem 0;
    position: sticky;
    top: 4rem;
    overflow: auto hidden;
  }

  .v-quicklinks-link {
    border: 1px solid var(--_colors---hairline);
    border-radius: var(--_tokens---radius-pill);
    background-color: var(--_colors---glass-weak);
    min-height: 2.75rem;
    font-family: var(--_tokens---font-mono);
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2;
  }

  .v-faq-item {
    position: relative;
  }

  .v-faq-q {
    font-size: 1.625rem;
  }

  .v-faq-a {
    padding-right: 2rem;
  }

  .v-input, .v-input._w-input, .v-input._w-select {
    font-size: 1rem;
  }

  .v-textarea, .v-textarea._w-input {
    min-height: 9rem;
  }

  .v-label {
    font-size: .75rem;
  }

  .v-checkbox {
    font-size: .875rem;
  }

  .v-glow {
    width: 26rem;
    height: 13rem;
  }

  .vn-bar {
    height: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .vn-nav {
    display: none;
  }

  .vn-cta {
    letter-spacing: .06em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: .9375rem;
    display: flex;
  }

  .vn-burger {
    display: flex;
  }

  .vn-mobile {
    padding-top: 4rem;
  }

  .vf-inner {
    padding: 5rem 2rem 0;
  }

  .vf-top {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .vf-claim {
    font-size: 2.5rem;
  }

  .vf-contact-big {
    align-items: center;
    min-height: 2.75rem;
    display: inline-flex;
  }

  .vf-cols {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .vf-link {
    align-items: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    display: inline-flex;
  }

  .vf-group {
    flex-direction: column;
    align-items: flex-start;
  }

  .vf-lettering {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .v-cta {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 3rem 2rem;
  }

  .v-ref-hero {
    padding-top: 9rem;
    padding-bottom: 4rem;
  }

  .v-ref-hero-glow {
    top: 24rem;
    right: -10rem;
  }

  .v-ref-hero-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-ref-hero-media {
    justify-self: center;
    max-width: 28rem;
  }

  .v-ref-facts {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 3rem;
  }

  .v-ref-fact {
    min-height: 13rem;
    padding: 1.75rem;
  }

  .v-ref-fact-num {
    font-size: 4rem;
  }

  .v-rechtliches-hero {
    padding-top: 5.5rem;
    padding-bottom: 3rem;
  }

  .v-rechtliches-title {
    margin-top: 3rem;
  }

  .v-rechtliches-body {
    padding-top: 0;
    padding-bottom: 6rem;
  }

  .v-rechtliches-layout {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2.5rem;
  }

  .v-rechtliches-toc {
    z-index: 20;
    background-color: #0b0912eb;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
    row-gap: 0;
    max-height: none;
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 0 2rem;
    top: 4rem;
  }

  .v-rechtliches-toc-head {
    display: none;
  }

  .v-rechtliches-progress {
    border-radius: 0;
    order: 2;
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .v-rechtliches-progress-row, .v-rechtliches-toc-foot {
    display: none;
  }

  .v-rechtliches-article {
    row-gap: 3.5rem;
  }

  .v-rechtliches-h2 {
    font-size: 2.25rem;
  }

  .v-rechtliches-totop {
    display: flex;
  }

  .v-gf-hero {
    padding-top: 9.5rem;
    padding-bottom: 4rem;
  }

  .v-gf-hero-fig {
    opacity: .5;
    width: 16rem;
    top: 6rem;
    right: 1.5rem;
  }

  .v-gf-hero-copy {
    grid-row-gap: 1.5rem;
  }

  .v-ref-filter-group {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-ref-filter-label {
    padding-top: 0;
  }

  .v-ref-chips {
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    margin-right: -1.5rem;
    padding-bottom: .25rem;
    padding-right: 1.5rem;
    overflow-x: auto;
  }

  .v-ref-chip {
    scroll-snap-align: start;
  }

  .v-uebersicht-hero {
    min-height: 0;
    margin-top: -4rem;
    padding-top: 8.5rem;
    padding-bottom: 0;
  }

  .v-uebersicht-hero-art {
    order: 2;
    height: 34rem;
    margin-top: 1rem;
    position: relative;
    inset: auto;
  }

  .v-uebersicht-hero-img {
    object-position: 80% 50%;
  }

  .v-uebersicht-ql {
    border-top-style: none;
    top: 4rem;
  }

  .v-uebersicht-ql-inner {
    grid-column-gap: .5rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .v-uebersicht-ql-label {
    display: none;
  }

  .v-uebersicht-ql-link {
    background-color: #ffffff08;
    border: 1px solid #ffffff1a;
    border-radius: 62.5rem;
    min-height: 2.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .v-uebersicht-lgrid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .v-uebersicht-lcard {
    min-height: 0;
  }

  .v-gf-tabbar {
    top: 4.5rem;
  }

  .v-gf-faq {
    padding-bottom: 7.5rem;
  }

  .v-gf-faq-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-gf-faq-main {
    grid-row-gap: 4.5rem;
  }

  .v-gf-faq-aside {
    position: static;
  }

  .v-gf-ask-title {
    font-size: 4rem;
  }

  .v-ref-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-ref-card-title {
    font-size: 1.625rem;
  }

  .v-uebersicht-decide {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-decide-label-r {
    display: none;
  }

  .v-uebersicht-decide-list {
    grid-row-gap: .75rem;
    flex-direction: column;
    display: flex;
  }

  .v-uebersicht-decide-item {
    display: block;
  }

  .v-uebersicht-rec {
    margin-top: .75rem;
    padding: 1.75rem;
  }

  .v-uebersicht-rec-art {
    opacity: .35;
    width: 14rem;
    height: 19rem;
    top: 1rem;
    left: auto;
    right: -2rem;
  }

  .v-uebersicht-rec-title {
    font-size: 2.25rem;
  }

  .v-branche-hero {
    padding-top: 8rem;
  }

  .v-branche-hero-glow {
    width: 36rem;
    height: 36rem;
    top: 20rem;
    right: -10rem;
  }

  .v-branche-hero-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-branche-hero-media {
    justify-content: center;
  }

  .v-branche-hero-img {
    max-width: 22rem;
  }

  .v-branche-trust {
    margin-top: 2.5rem;
  }

  .v-uebersicht-steps-line {
    background-image: linear-gradient(#8f7dffe6, #8f7dff59 70%, #ffffff14);
    width: 1px;
    height: auto;
    inset: .5rem auto .5rem .25rem;
  }

  .v-uebersicht-steps-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-step {
    grid-column-gap: 1.5rem;
    flex-direction: row;
    align-items: flex-start;
  }

  .v-uebersicht-step-node {
    flex: none;
    margin-top: 1.75rem;
  }

  .v-uebersicht-facts {
    flex-direction: column;
    align-items: flex-start;
  }

  .v-uebersicht-mcta {
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 3rem 2rem;
  }

  .v-uebersicht-mcta-art {
    order: -1;
  }

  .v-uebersicht-mcta-img {
    max-width: 18rem;
  }

  .v-uebersicht-faq {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-faq-aside {
    grid-area: 1 / 1 / 2 / 2;
  }

  .v-uebersicht-faq-art {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: center;
    max-width: 22rem;
  }

  .v-uebersicht-faq-list {
    grid-area: 2 / 1 / 3 / 2;
  }

  .v-uebersicht-endcta {
    flex-direction: column;
    min-height: 0;
    padding-top: 7.5rem;
    padding-bottom: 0;
    display: flex;
  }

  .v-uebersicht-endcta-art {
    order: 2;
    height: 30rem;
    margin-top: 1rem;
    position: relative;
    inset: auto;
  }

  .v-uebersicht-endcta-img {
    object-position: 88% 50%;
  }

  .v-uebersicht-endcta-title {
    font-size: 3.5rem;
  }

  .v-res-hero {
    padding-top: 3.5rem;
    padding-bottom: 3rem;
  }

  .v-res-glow {
    width: 32rem;
    height: 26rem;
  }

  .v-res-hero-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-res-hero-art {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .v-res-hero-art.is-list {
    justify-self: center;
    max-width: 22rem;
    margin-left: 0;
    margin-right: 0;
  }

  .v-leistung-hero {
    padding-top: 7.5rem;
    padding-bottom: 3rem;
  }

  .v-leistung-hero-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-leistung-h1-long {
    font-size: 5rem;
  }

  .v-leistung-hero-media {
    order: 1;
    justify-content: center;
    justify-self: center;
    width: 100%;
    max-width: 30rem;
    margin-right: 0;
  }

  .v-ref-table {
    margin-top: 2.5rem;
  }

  .v-ref-row {
    grid-row-gap: .75rem;
    grid-template-rows: auto;
    grid-template-columns: 3.5rem minmax(0, 1fr) minmax(0, 1fr);
    padding: 1.5rem;
  }

  .v-ref-row-head {
    display: none;
  }

  .v-ref-td-next {
    grid-column: 2 / 4;
  }

  .v-branche-ql {
    top: 5rem;
  }

  .v-branche-quote {
    font-size: 2.75rem;
  }

  .v-res-sec-tight {
    padding-top: 4rem;
  }

  .v-res-head.is-grid {
    margin-top: 4.5rem;
  }

  .v-res-bento-top {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-res-bento-col {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .v-res-tile {
    min-height: 27rem;
    padding: 1.5rem;
  }

  .v-res-tile.is-lg {
    min-height: 32rem;
  }

  .v-res-tile-media {
    width: 70%;
    height: 62%;
    bottom: auto;
  }

  .v-res-tile-media.is-sm {
    width: 62%;
    height: 55%;
  }

  .v-res-tile-title.is-lg {
    font-size: 3.25rem;
  }

  .v-leistung-ql {
    margin-top: 0;
    top: 5rem;
  }

  .v-leistung-ql-bar {
    border-radius: .625rem;
    padding: .375rem;
  }

  .v-leistung-ql-label {
    display: none;
  }

  .v-leistung-lead {
    justify-self: start;
    max-width: 40rem;
  }

  .v-leistung-def {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 3rem;
    padding: 2rem;
  }

  .v-leistung-def-text {
    font-size: 1.625rem;
  }

  .v-leistung-card-top {
    margin-bottom: 2rem;
  }

  .v-branche-card.v-branche-pain {
    scroll-snap-align: start;
    flex: 0 0 21.25rem;
    min-height: 29.375rem;
  }

  .v-branche-split {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-branche-svc-row {
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
  }

  .v-branche-svc-title {
    font-size: 1.75rem;
  }

  .v-res-cards {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-leistung-uc {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-leistung-steps {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 0;
    padding-left: 2rem;
  }

  .v-leistung-rail {
    background-image: linear-gradient(#edf0f5, #8f7dff 40%, #8f7dff26);
    width: 2px;
    height: auto;
    inset: 0 auto 0 .25rem;
  }

  .v-leistung-step-dot {
    top: 1.75rem;
    left: -2.05rem;
  }

  .v-leistung-facts {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3rem;
    padding: 1.75rem;
  }

  .v-leistung-facts-actions {
    flex-flow: wrap;
  }

  .v-leistung-tech {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-branche-dl-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .v-branche-steps {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-branche-facts, .v-branche-team {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-branche-portrait {
    max-width: 28rem;
  }

  .v-ref-case-hero {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .v-ref-case-hero-img {
    opacity: .45;
    width: 100%;
    right: -20%;
  }

  .v-ref-case-h1 {
    font-size: 4.5rem;
  }

  .v-ref-brief {
    grid-row-gap: 1px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 3rem;
    display: grid;
  }

  .v-ref-brief-wide {
    grid-column-start: span 2;
  }

  .v-gf-steps, .v-gf-principles {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-gf-empty-title {
    font-size: 2.5rem;
  }

  .v-branche-faq {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-branche-faq-img {
    display: none;
  }

  .v-ref-case-layout {
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.5rem;
  }

  .v-ref-case-aside {
    z-index: 5;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #0b0912e0;
    border-bottom: 1px solid #ffffff14;
    margin-left: -2rem;
    margin-right: -2rem;
    padding: .75rem 2rem;
    top: 4rem;
  }

  .v-ref-toc-label {
    display: none;
  }

  .v-ref-toc {
    grid-column-gap: .5rem;
    scroll-snap-type: x proximity;
    border-left-style: none;
    flex-direction: row;
    overflow-x: auto;
  }

  .v-ref-toc-link {
    white-space: nowrap;
    scroll-snap-align: start;
    border: 1px solid #ffffff1f;
    border-radius: 62.5rem;
    flex: none;
    margin-left: 0;
    padding: .5rem 1rem;
  }

  .v-ref-toc-link.is-active {
    background-color: #8f7dff2e;
    background-image: none;
    border-color: #8f7dff;
  }

  .v-ref-progress, .v-ref-toc-cta {
    display: none;
  }

  .v-ref-article {
    grid-row-gap: 4rem;
  }

  .v-leistung-panel {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 2rem;
  }

  .v-leistung-cases {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .v-leistung-case-teaser {
    grid-column: 1 / -1;
    min-height: 18rem;
  }

  .v-leistung-teaser-img {
    width: 55%;
    left: auto;
  }

  .v-leistung-calc {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 2rem;
  }

  .v-res-card-title {
    font-size: 1.625rem;
  }

  .v-rechtliches-404 {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }

  .v-rechtliches-404-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 3rem;
  }

  .v-rechtliches-404-num {
    margin-bottom: -1rem;
    font-size: 15rem;
  }

  .v-rechtliches-404-visual {
    justify-self: center;
    max-width: 32rem;
    margin-bottom: -5rem;
    margin-right: 0;
  }

  .v-branche-lt {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-branche-toc {
    position: relative;
    top: 0;
  }

  .v-branche-toc-list {
    grid-column-gap: .5rem;
    flex-direction: row;
    padding-bottom: .25rem;
    overflow-x: auto;
  }

  .v-gf-fb-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-gf-fb-copy {
    position: static;
  }

  .v-leistung-guides {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .v-leistung-faq {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-leistung-faq-aside {
    position: relative;
    top: 0;
  }

  .v-leistung-faq-img {
    display: none;
  }

  .v-leistung-request {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 2rem;
  }

  .v-leistung-request-head {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-leistung-options {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-leistung-long {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-leistung-toc {
    max-height: none;
    position: relative;
    top: 0;
  }

  .v-leistung-final {
    min-height: auto;
    padding-bottom: 22rem;
  }

  .v-leistung-final-bg {
    object-position: 75% 100%;
    height: 26rem;
    top: auto;
    bottom: 0;
  }

  .v-gf-google {
    grid-template-rows: auto;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .v-gf-google-title {
    font-size: 4rem;
  }

  .v-gf-google-action {
    grid-column-start: 2;
    align-items: flex-start;
  }

  .v-uebersicht-bgrid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-uebersicht-btile {
    min-height: 0;
  }

  .v-uebersicht-btile-top {
    margin-bottom: 2rem;
  }

  .v-uebersicht-banner {
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 3rem 2rem;
  }

  .v-kt-cards {
    margin-top: 2.5rem;
  }

  .v-gf-azwrap {
    top: 4.5rem;
  }

  .v-gf-az {
    padding: .5rem .75rem;
  }

  .v-gf-az-letters {
    justify-content: flex-start;
  }

  .v-gf-az-count {
    display: none;
  }

  .v-gf-sr {
    font-size: 4rem;
  }

  .v-kt-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.5rem;
  }

  .v-konfigurator-statue {
    opacity: .25;
    width: 80%;
    right: -20%;
  }

  .v-konfigurator-head-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.5rem;
  }

  .v-konfigurator-progress {
    top: 4.5rem;
  }

  .v-konfigurator-steps, .v-konfigurator-step {
    column-gap: .75rem;
  }

  .v-res-filter {
    top: 4rem;
  }

  .v-res-slot-card {
    grid-column: span 2 / span 2;
    min-height: 14rem;
  }

  .v-gf-term-name {
    font-size: 1.625rem;
  }

  .v-res-featured {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-res-featured-body {
    padding: .75rem 1.25rem 1.5rem;
  }

  .v-res-featured-title {
    font-size: 2.25rem;
  }

  .v-kt-data {
    margin-top: 2.5rem;
  }

  .v-kt-flow {
    background-image: linear-gradient(#ffffffe6, #8f7dff 40%, #8f7dff26);
    background-position: .35rem 0;
    background-size: 2px 100%;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.5rem;
    padding-top: 0;
    padding-left: 2rem;
  }

  .v-kt-flow-node {
    top: 1.75rem;
    left: -2rem;
  }

  .v-kt-flow-card {
    min-height: 0;
  }

  .v-konfigurator-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-konfigurator-layout {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-konfigurator-side {
    grid-row-start: 1;
    position: relative;
    top: 0;
  }

  .v-konfigurator-tiles {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-konfigurator-tile-save {
    grid-column: 1 / -1;
    grid-row-start: 1;
  }

  .v-konfigurator-num, .v-konfigurator-num-sep {
    font-size: 3.5rem;
  }

  .v-konfigurator-tile-hours {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  .v-konfigurator-tile-cost {
    grid-row-start: 2;
    grid-column-start: 2;
  }

  .v-konfigurator-disclaimer {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.5rem;
  }

  .v-konfigurator-layout-contact {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-konfigurator-summary-col {
    grid-row-start: 1;
    position: relative;
    top: 0;
  }

  .v-konfigurator-enter {
    display: none;
  }

  .v-konfigurator-done-statue {
    opacity: .35;
    width: 90%;
    right: -30%;
  }

  .v-konfigurator-done-title {
    font-size: 4rem;
  }

  .v-uebersicht-uhero-art {
    order: 2;
    height: 30rem;
    margin-top: 1rem;
    position: relative;
    inset: auto;
  }

  .v-uebersicht-uhero-img {
    object-position: 35% 0%;
  }

  .v-uebersicht-person {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-person-copy {
    max-width: none;
  }

  .v-uebersicht-values, .v-uebersicht-pay {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-brands {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-uebersicht-place {
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-place-copy {
    display: contents;
  }

  .v-uebersicht-address {
    order: 2;
  }

  .v-uebersicht-map {
    order: 1;
  }

  .v-gf-thero {
    padding-top: 8.5rem;
    padding-bottom: 3rem;
  }

  .v-gf-tgrid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-gf-def-text {
    font-size: 1.75rem;
  }

  .v-gf-h2 {
    font-size: 4rem;
  }

  .v-gf-side {
    position: static;
  }

  .v-branche-case {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 2rem;
  }

  .v-res-art-hero {
    padding-top: 4rem;
  }

  .v-res-progress {
    top: 4rem;
  }

  .v-res-art-title {
    font-size: 5rem;
    line-height: 1;
  }

  .v-res-art {
    padding-top: 1.5rem;
  }

  .v-res-art-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2.5rem;
  }

  .v-res-toc-col {
    z-index: 35;
    top: 4.75rem;
  }

  .v-res-toc {
    background-color: #14111feb;
    border: 1px solid #ffffff1f;
    border-radius: .75rem;
    row-gap: .5rem;
    padding: .75rem 1rem;
  }

  .v-res-toc-num {
    color: #edf0f5;
    display: block;
  }

  .v-res-toc-panel {
    grid-template-rows: 0fr;
    grid-template-columns: 1fr;
    transition: grid-template-rows .4s cubic-bezier(.65, 0, .35, 1);
  }

  .v-res-toc-inner {
    overflow: hidden;
  }

  .v-res-cta-col {
    position: static;
  }

  .v-res-toc-toggle {
    pointer-events: auto;
    color: #edf0f5;
  }

  .v-branche-casehint {
    flex-direction: column;
    align-items: flex-start;
  }

  .v-w3-glow-wrap {
    display: none;
  }

  .v-branche-pre-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wrapper_rb-test {
    row-gap: 3em;
  }

  .heading-styles-h1 {
    font-size: 5em;
  }

  .heading-styles-h1.branche-hero_h1 {
    max-width: 9em;
  }

  .heading-styles-h1.is-ovhero {
    font-size: 5em;
  }

  .heading-styles-h1.is-ovhero.is-ovl {
    max-width: 8.6em;
  }

  .heading-styles-h1.is-ovuhero {
    max-width: none;
    font-size: 5em;
  }

  .heading-styles-h1.is-ls-long {
    font-size: 5em;
  }

  .heading-styles-h2 {
    font-size: 4em;
  }

  .heading-styles-h2.home-about_title {
    grid-column: 1 / 3;
  }

  .heading-styles-h2.branche_head-title, .heading-styles-h2.branche-ansatz_title {
    max-width: none;
  }

  .heading-styles-h2.is-ovend {
    font-size: 4em;
  }

  .heading-styles-h2.is-ovend.is-ovb, .heading-styles-h2.branche-faq_title, .heading-styles-h2.home-tech_title {
    max-width: none;
  }

  .heading-styles-h2.branche-cta_title {
    font-size: 3.5em;
  }

  .heading-styles-h2.is-ovperson {
    order: -2;
  }

  .heading-styles-h3 {
    font-size: 3em;
  }

  .heading-styles-h3.is-ovrec {
    max-width: none;
    font-size: 1.875em;
  }

  .heading-styles-h3.is-ovmcta, .heading-styles-h3.is-ovbanner, .heading-styles-h3.is-ovcontact {
    font-size: 3em;
  }

  .heading-styles-h4 {
    font-size: 1.625em;
  }

  .heading-styles-h5, .text-size-large {
    font-size: 1.25em;
  }

  .section-head {
    row-gap: 3em;
  }

  .section-head.is-ls {
    grid-row-gap: 3em;
  }

  .section-head_content, .section-head_content.is-ls, .section-head_content.is-ov {
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .section-head_content.is-ovsolo {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .section-head_content.is-ovgroup {
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .section-head_lead {
    max-width: 25.5556em;
    padding-top: 0;
  }

  .button-primary.branche-ask_btn, .button-secondary.branche-ask_btn {
    justify-content: space-between;
    align-self: stretch;
  }

  .button-secondary.case-toc_cta {
    display: none;
  }

  .button-group.is-ovhero {
    margin-top: .75em;
  }

  .glass-card.branche-ausg_card {
    scroll-snap-align: start;
    flex-grow: 0;
    flex-shrink: 0;
    width: 21.25em;
    min-height: 29.375em;
  }

  .glass-card.is-ovlcard {
    min-height: 0;
  }

  .glass-card.case-card {
    min-height: 0;
  }

  .glass-card.ref-work_note {
    min-height: 0;
    padding: 1.5em 1.25em;
  }

  .glass-card.branche-rg_card {
    flex-direction: row;
  }

  .glass-card.is-ovstep.is-u {
    min-height: 0;
  }

  .glass-card.is-ovfacts {
    flex-direction: column;
    align-items: flex-start;
  }

  .glass-card.home-projects_card {
    scroll-snap-align: start;
    flex: 0 0 22.5em;
    width: 22.5em;
    min-height: 44.5625em;
  }

  .glass-card.is-ovbtile {
    min-height: 0;
    padding-left: 1.75em;
    padding-right: 1.75em;
  }

  .glass-card.ls-teaser {
    grid-column: 1 / -1;
    min-height: 18em;
  }

  .glass-card.kt-wege_card {
    min-height: 0;
    padding: 1.75em;
  }

  .glass-card.kt-note {
    display: none;
  }

  .glass-card.kt-flow_card {
    grid-row-gap: .75em;
    min-height: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    background-image: none;
    border-style: none;
    padding: 0;
  }

  .glass-card.is-ovpay {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .glass-card.is-ovaddress {
    order: 2;
  }

  .glass-card.is-ovmap {
    order: 1;
    margin-top: 0;
  }

  .glass-panel {
    padding: 2em;
  }

  .glass-panel.ref-filter {
    margin-top: 2.25em;
  }

  .glass-panel.is-ovrec {
    margin-top: 0;
    padding: .5em 1.75em 1.75em;
  }

  .glass-panel.ref-work_table {
    margin-top: 2.25em;
  }

  .glass-panel.ref-cta_banner {
    flex-direction: column-reverse;
    margin-top: 2.25em;
  }

  .glass-panel.ls-ql_bar {
    border-radius: .625em;
    padding: .375em;
  }

  .glass-panel.branche-ablauf_facts {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .glass-panel.is-ovmcta {
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
    padding: 15.4em 2.5625em 3em;
  }

  .glass-panel.branche-ask_panel {
    margin-top: 3em;
    padding: 2em;
  }

  .glass-panel.ls-uc_card {
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    background-image: none;
    padding: 0 0 1.5em;
  }

  .glass-panel.ls-facts {
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.75em;
  }

  .glass-panel.branche-lt_toc {
    position: relative;
    top: 0;
  }

  .glass-panel.ls-privacy {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 2em;
  }

  .glass-panel.is-ovbanner {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 3em 2em;
  }

  .glass-panel.kt-cal, .glass-panel.home-cta_panel {
    min-height: 0;
  }

  .glass-panel.ls-request {
    grid-row-gap: 2em;
    padding: 2em;
  }

  .glass-panel.ls-toc {
    max-height: none;
    position: relative;
    top: 0;
  }

  .glass-panel.case-hero_brief {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 3em;
    display: grid;
  }

  .glass-pill.home-tech_lens {
    width: 27.5em;
    margin-left: -13.75em;
  }

  .glass-pill.ls-tech_lens {
    width: 28em;
    height: 12em;
    margin-left: -14em;
    top: 1.5em;
  }

  .grid-3 {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .grid-4 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .hide-tablet {
    display: none;
  }

  .navbar_inner {
    height: 4em;
  }

  .navbar_menu {
    display: none;
  }

  .navbar_burger {
    display: flex;
  }

  .navbar_mega {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar_mobile {
    padding-top: 4em;
  }

  .footer_inner {
    padding-top: 5em;
    padding-bottom: 2em;
  }

  .footer_top {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .footer_claim {
    font-size: 2.5em;
  }

  .footer_cols {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .footer_group {
    flex-direction: column;
    align-items: flex-start;
  }

  .wrapper_gf-hero {
    min-height: 0;
  }

  .gf-hero_fig {
    opacity: .55;
    width: 17em;
    top: -1em;
    right: -2em;
  }

  .gf-hero_fig.is-bust {
    width: 15em;
    top: -1em;
    right: -1em;
  }

  .gf-hero_copy {
    grid-row-gap: 1.5em;
    max-width: 100%;
  }

  .gf-hero_lead {
    max-width: 30em;
  }

  .rechtliches_glow {
    width: 44em;
    height: 28em;
    top: -14em;
    right: -18em;
  }

  .rechtliches_facts {
    margin-top: 1.125em;
  }

  .home-services_glow {
    width: 52.8em;
    height: 31.43em;
    top: 32.75em;
    left: -2.4em;
  }

  .home-services_cards {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 4em;
  }

  .home-slider_ui.is-projects {
    display: flex;
  }

  .home-services_cta {
    margin-top: 3em;
  }

  .branche-hero_glow {
    width: 44em;
    height: 44em;
    margin-left: -22em;
    top: 30em;
    left: 50%;
    right: auto;
  }

  .wrapper_branche-hero {
    padding-top: 9em;
  }

  .branche-hero_grid {
    grid-row-gap: 3em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .branche-hero_copy {
    padding-left: 0;
  }

  .branche-hero_media {
    width: 26em;
    height: 29em;
    margin-top: 0;
  }

  .branche-hero_media.is-tall {
    width: 20em;
    height: 30em;
  }

  .branche-hero_bottom {
    margin-top: 3em;
    padding-left: 0;
    padding-right: 0;
  }

  .branche-hero_trust {
    grid-column-gap: 2em;
    flex-direction: column;
  }

  .wrapper_rechtliches-body {
    grid-row-gap: 4em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .rechtliches_toc {
    background-color: #110e1cd1;
    row-gap: 0;
    max-height: none;
    padding: 0;
    top: 5.25em;
  }

  .rechtliches_toc-toggle {
    cursor: pointer;
    align-items: center;
    column-gap: .75em;
    min-height: 4em;
    padding: .625em .625em .625em 1.25em;
    display: flex;
  }

  .rechtliches_toc-head {
    display: none;
  }

  .rechtliches_progress {
    background-color: #ffffff0f;
    margin-left: .75em;
    margin-right: .75em;
  }

  .rechtliches_progress-row {
    display: none;
  }

  .rechtliches_toc-panel {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #110e1cf5;
    border-bottom-right-radius: .75em;
    border-bottom-left-radius: .75em;
    flex-grow: 0;
    grid-template-rows: 0fr;
    grid-template-columns: 1fr;
    margin-top: -1px;
    transition-property: grid-template-rows;
    transition-duration: .45s;
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
    display: grid;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    overflow-y: hidden;
  }

  .rechtliches_toc-panel-inner {
    overflow: hidden;
  }

  .rechtliches_quicklinks {
    overscroll-behavior: contain;
    max-height: calc(100vh - 11em);
    margin: .75em;
    overflow-y: auto;
  }

  .rechtliches_quicklinks-link {
    min-height: 2.9375em;
    font-size: .9375em;
  }

  .rechtliches_toc-foot {
    display: none;
  }

  .rechtliches_toc-scrim {
    z-index: 15;
    opacity: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    pointer-events: none;
    background-color: #0000008c;
    transition-property: opacity;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.65, 0, .35, 1);
    display: block;
    position: fixed;
    inset: 0;
  }

  .rechtliches_article {
    row-gap: 4em;
  }

  .rechtliches_totop {
    display: flex;
  }

  .ref-hero_glow {
    width: 38.4em;
    height: 26.25em;
    top: 26.25em;
    left: 15%;
  }

  .ref-hero_glow.is-kontakt {
    top: 30em;
    left: 25%;
  }

  .ref-hero_copy {
    grid-row-gap: 1.5em;
    max-width: 36em;
  }

  .ref-hero_text {
    grid-row-gap: 1.5em;
    padding-top: 0;
  }

  .ref-hero_media {
    align-self: center;
    width: 27.5em;
    height: 32.5em;
    margin-top: 2.75em;
    position: relative;
    top: 0;
    right: 0;
  }

  .ref-hero_media.is-kontakt {
    align-self: flex-end;
    width: 25em;
    height: 29.5em;
    margin-top: 1.5em;
    margin-right: -3em;
    position: relative;
    top: 0;
    right: 0;
  }

  .section_faq-tabs {
    top: 4.75em;
  }

  .faq_tabs {
    padding-right: 2.5em;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 2.5em), #0000);
    mask-image: linear-gradient(90deg, #000 calc(100% - 2.5em), #0000);
  }

  .wrapper_faq-1 {
    grid-row-gap: 4em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .faq_main {
    grid-row-gap: 4.5em;
  }

  .faq_aside {
    position: relative;
    top: 0;
  }

  .faq_ask-title {
    font-size: 2.25em;
  }

  .wrapper_ls-hero {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .is-ls-long {
    font-size: 5em;
  }

  .ls-hero_visual {
    aspect-ratio: 614 / 510;
    justify-self: center;
    width: 100%;
    max-width: 40em;
    height: auto;
    margin-top: 1em;
    margin-right: 0;
  }

  .ls-hero_glow {
    width: 120%;
    top: 5%;
    left: -10%;
  }

  .ls-hero_lens {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .res-hero_copy {
    max-width: 44em;
  }

  .res-hero_lead {
    max-width: none;
    font-size: 1em;
  }

  .res-hero_art {
    width: 100%;
    height: 30em;
    margin-top: -1em;
    position: relative;
    top: auto;
    left: auto;
  }

  .res-hero_art.is-list {
    width: 100%;
    height: 3em;
    margin-top: 0;
    top: auto;
    left: auto;
  }

  .res-hero_img {
    width: 124%;
    top: 1em;
    left: -12%;
  }

  .res-hero_img.is-list {
    display: none;
  }

  .res-hero_lens {
    width: 15em;
    top: 4em;
    left: 58%;
  }

  .res-hero_lens.is-list {
    display: none;
  }

  .res-hero_glow {
    width: 30em;
    height: 24em;
    top: 30em;
    left: 30%;
  }

  .section_res-hero {
    flex-direction: column-reverse;
    display: flex;
  }

  .section_res-hero.is-list {
    min-height: 0;
  }

  .section_ovhero {
    flex-direction: column;
    display: flex;
  }

  .section_ovhero.is-leistungen, .section_ovhero.is-branchen, .section_ovhero.is-unternehmen {
    min-height: 0;
  }

  .ovhero_art {
    order: 2;
    height: 37.5em;
    margin-top: -2em;
    margin-left: 0;
    font-size: 1em;
    position: relative;
    inset: auto;
  }

  .ovhero_art.is-unternehmen {
    margin-top: 2.5em;
    position: relative;
  }

  .ovhero_glow.is-leistungen, .ovhero_glow.is-branchen {
    width: 43.2em;
    height: 30em;
    top: 1.25em;
    left: 2.4em;
  }

  .ovhero_glow.is-unternehmen {
    width: 47.5em;
    height: 47.5em;
    margin-left: -23.75em;
    top: -10em;
    left: 50%;
  }

  .ovhero_statue-wrap.is-leistungen {
    width: 81.25em;
    margin-left: -40.4025em;
    top: -10.1519em;
    left: 50%;
  }

  .ovhero_statue-wrap.is-branchen {
    width: 62.5em;
    margin-left: -26.43em;
    top: -3.5419em;
    left: 50%;
  }

  .ovhero_statue-wrap.is-unternehmen {
    width: 73.5781em;
    margin-left: -33.5em;
    top: -2.5em;
    left: 50%;
  }

  .ovhero_lens-wrap.is-leistungen {
    width: 21.7413em;
    margin-left: -11.5857em;
    top: .0721em;
    left: 50%;
  }

  .ovhero_lens-wrap.is-branchen {
    width: 20.4624em;
    margin-left: .8388em;
    top: 6.402em;
    left: 50%;
  }

  .ovhero_overlay {
    background-image: linear-gradient(#0b0912 0%, #0b091200 22% 75%, #0b0912 100%);
  }

  .ovhero_overlay.is-unternehmen {
    background-image: linear-gradient(#0b0912 0%, #0b091200 36% 66%, #0b0912 100%);
  }

  .ovhero_trust {
    margin-top: .75em;
  }

  .home-about_glow {
    width: 48em;
    height: 48em;
    top: 15.2em;
    left: -14.4em;
  }

  .home-about_grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 3em;
    grid-template-rows: auto auto;
    grid-template-columns: 21.625em minmax(0, 1fr);
  }

  .home-about_portrait {
    grid-area: 2 / 1 / 3 / 2;
  }

  .home-about_caption {
    grid-row-gap: .375em;
    padding: 1.25em;
  }

  .home-about_name {
    font-size: 1.375em;
  }

  .home-about_role {
    font-size: .6875em;
  }

  .home-about_lens {
    width: 7.0725em;
    height: 4.5675em;
    bottom: 1.0625em;
    right: 1.0625em;
  }

  .home-about_copy {
    grid-area: 2 / 2 / 3 / 3;
    align-self: start;
    max-width: none;
    padding-top: 1.1875em;
  }

  .home-about_cards {
    flex-direction: column;
    margin-top: 4em;
  }

  .home-about_card {
    flex-basis: auto;
  }

  .home-about_card-text {
    max-width: 31.25em;
  }

  .wrapper_ref-facts {
    grid-row-gap: 2.5em;
  }

  .ref-facts_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .ref-facts_cell {
    min-height: 15em;
    padding: 1.75em;
  }

  .ref-facts_value {
    font-size: 4.5em;
  }

  .section_branche-ql {
    top: 4.5em;
  }

  .branche-ql_bar {
    padding-left: 1em;
  }

  .branche-leitsatz_quote {
    font-size: 2.75em;
  }

  .branche-anf_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 3em;
  }

  .branche-ausg_slider {
    margin-top: 3em;
  }

  .branche-ausg_track {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin-right: -2em;
    padding-right: 2em;
    display: flex;
    overflow-x: auto;
  }

  .branche-ausg_ui {
    display: flex;
  }

  .rechtliches_chapter {
    scroll-margin-top: 10.5em;
  }

  .rechtliches_h2 {
    font-size: 2.25em;
  }

  .section_ls-ql {
    top: 5em;
  }

  .ls-ql_bar {
    border-radius: .625em;
    padding: .375em;
  }

  .ls-ql_label {
    display: none;
  }

  .ls-ql_link {
    border-radius: 999px;
  }

  .ls-ql_next {
    display: none;
  }

  .glass-panel-parent.glass-panel.ls-def {
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .wrapper_ls-ausgangslage {
    grid-row-gap: 3.5em;
  }

  .ls-def_text {
    font-size: 1.75em;
  }

  .ls-glow {
    left: 5%;
    right: 5%;
  }

  .ls-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ls-grid.is-4 {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .ls-card_top {
    margin-bottom: 1em;
  }

  .section_ovql {
    border-top-style: none;
    top: 4em;
  }

  .ovql_inner {
    grid-column-gap: .5em;
    padding-top: 1.0625em;
    padding-bottom: 1.0625em;
  }

  .ovql_label {
    display: none;
  }

  .ovql_link {
    border: 1px solid var(--_colors---hairline);
    background-color: #ffffff08;
    border-radius: 62.5em;
    min-height: 3.6667em;
    padding-left: 1.3333em;
    padding-right: 1.3333em;
  }

  .ovlcards_glow {
    width: 41.125em;
    left: 3.75em;
  }

  .wrapper_ovlcards {
    grid-row-gap: 3em;
  }

  .ovlcards_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-top: 0;
  }

  .ovrelated {
    margin-top: -1em;
  }

  .section_home-hero {
    min-height: 79.6875em;
  }

  .home-hero_visual {
    width: 72em;
    height: 48em;
    top: 29.375em;
    left: auto;
    right: 0;
  }

  .home-hero_glow {
    display: none;
  }

  .home-hero_art-fade, .home-hero_glow-top {
    display: block;
  }

  .home-hero_bottom-fade {
    height: 7.375em;
  }

  .wrapper_home-hero {
    min-height: 68.375em;
  }

  .home-hero_content {
    max-width: 38.75em;
    padding-left: 0;
  }

  .home-hero_title {
    max-width: 7.75em;
  }

  .home-hero_lead {
    max-width: 30em;
  }

  .home-hero_trust-row {
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero_trust-list {
    grid-column-gap: 2em;
    grid-row-gap: .875em;
  }

  .home-hero_scroll {
    display: none;
  }

  .ref-cases_h2 {
    max-width: none;
  }

  .ref-filter_group {
    grid-row-gap: .75em;
    flex-direction: column;
    align-items: flex-start;
  }

  .ref-filter_label {
    width: auto;
  }

  .ref-cases_list {
    margin-top: 2.25em;
  }

  .ref-cases_grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .case-card_media {
    height: 9em;
  }

  .case-card_status {
    top: 1em;
    left: 1em;
  }

  .case-card_tags {
    bottom: 1em;
    left: 1em;
    right: 1em;
  }

  .case-card_body {
    padding: 1.5em 1.25em;
  }

  .case-card_text {
    font-size: .875em;
  }

  .branche-ansatz_split {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3em;
  }

  .branche-ansatz_steps-wrap {
    margin-top: 3.5em;
  }

  .branche-leist_list {
    margin-top: 3em;
  }

  .branche-leist_row {
    grid-row-gap: .5em;
    grid-template-rows: auto;
    grid-template-columns: 2.5em minmax(0, 1fr) 2.75em;
  }

  .branche-leist_title {
    grid-area: 1 / 2 / 2 / 3;
    font-size: 2em;
  }

  .branche-leist_text {
    grid-area: 2 / 2 / 3 / 3;
  }

  .branche-leist_arrow {
    grid-area: 1 / 3 / 3 / 4;
  }

  .branche_head-side {
    max-width: 36em;
    padding-top: 0;
  }

  .branche-anw_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 3em;
  }

  .branche-anw_hint {
    flex-wrap: wrap;
  }

  .wrapper_res-bento {
    grid-row-gap: 3em;
  }

  .res-bento_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .res-tile {
    min-height: 25em;
    padding: 1.25em;
  }

  .res-tile.is-xl {
    grid-column: 1 / 3;
    min-height: 29em;
  }

  .res-tile.is-wide {
    min-height: 25em;
  }

  .res-bento_col {
    grid-column-gap: 1em;
    grid-column: 1 / 3;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .res-tile_body {
    grid-row-gap: .75em;
    max-width: none;
    padding-top: 12em;
  }

  .res-tile_title {
    font-size: 1.75em;
  }

  .res-tile_title.is-xl {
    font-size: 2.75em;
  }

  .res-tile_text {
    font-size: .8125em;
  }

  .res-tile_media {
    width: 62%;
    height: 13em;
    top: .75em;
    bottom: auto;
    right: .5em;
  }

  .res-tile_media.is-standing {
    width: 40%;
    height: auto;
    top: 1em;
    bottom: 1em;
    right: 6%;
  }

  .res-tile_media.is-bust, .res-tile_media.is-helmet, .res-tile_media.is-head, .res-tile_media.is-column {
    width: 62%;
    height: 13em;
    top: .75em;
    bottom: auto;
    right: .5em;
  }

  .konfigurator_progress {
    top: 4.5em;
  }

  .konfigurator_steps, .konfigurator_step {
    grid-column-gap: .75em;
  }

  .konfigurator_done-statue {
    opacity: .35;
    width: 90%;
    right: -30%;
  }

  .konfigurator_done-title {
    font-size: 4em;
  }

  .ovdecide_glow {
    width: 28.8em;
    left: 9.6em;
  }

  .wrapper_ovdecide {
    grid-row-gap: 3em;
  }

  .ovdecide_layout {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 0;
  }

  .ovdecide_label.is-right {
    display: none;
  }

  .ovdecide_list {
    grid-row-gap: .75em;
    flex-direction: column;
    display: flex;
  }

  .ovdecide_item {
    display: block;
  }

  .ovdecide_rec-art {
    opacity: .35;
    width: 14em;
    height: 19em;
    top: 1em;
    left: auto;
    right: -2em;
  }

  .ref-work_row {
    grid-row-gap: .75em;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    padding: 1.5em 1.25em;
  }

  .ref-work_row.is-head {
    display: none;
  }

  .ref-work_num {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
    padding-top: 0;
  }

  .ref-work_project {
    grid-column: 1 / 3;
    padding-top: .25em;
  }

  .ref-work_title {
    font-size: 1.625em;
  }

  .ref-work_phase-cell {
    grid-area: 1 / 2 / 2 / 3;
    padding-top: 0;
  }

  .ref-work_next {
    grid-row-gap: .5em;
    flex-direction: column;
    grid-column: 1 / 3;
    padding-top: .5em;
    display: flex;
  }

  .ref-work_next-label {
    display: block;
  }

  .ref-work_footnote {
    margin-top: 2.25em;
  }

  .ref-work_notes {
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 2.25em;
  }

  .ref-work_note-title {
    font-size: 2em;
  }

  .ref-cta_content {
    grid-row-gap: 1.25em;
    padding: 1.5em 1.5em 2.5em;
  }

  .ref-cta_h2 {
    font-size: 3em;
  }

  .ref-cta_media {
    width: 100%;
    height: 19.75em;
  }

  .ref-cta_img {
    object-fit: contain;
    object-position: 100% 100%;
  }

  .wrapper_res-latest {
    grid-row-gap: 3em;
  }

  .res-cards.is-latest, .res-cards.is-list {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .res-card_media {
    height: 12.5em;
  }

  .res-card_title {
    font-size: 1.5em;
  }

  .wrapper_res-steps {
    grid-row-gap: 3em;
  }

  .res-steps_grid {
    grid-row-gap: 3em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .res-steps_intro {
    position: relative;
    top: 0;
  }

  .wrapper_res-cta {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) 18em;
    min-height: 0;
  }

  .res-cta_copy {
    padding: 3em 1em 3em 2.5em;
  }

  .res-cta_text {
    font-size: 1em;
  }

  .res-cta_lens {
    width: 10em;
    top: 2em;
    left: 30%;
  }

  .home-pain_scene {
    font-size: .6em;
    top: 27.6042em;
    left: -5em;
  }

  .home-pain_tag {
    padding: .375em .5625em;
    font-size: 1.6667em;
  }

  .home-pain_tag.is-above {
    top: -.9em;
  }

  .home-pain_cards {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-top: 22em;
  }

  .home-pain_card {
    padding: 2em;
  }

  .home-pain_card-index {
    display: block;
  }

  .branche-ablauf_steps-wrap {
    margin-top: 3em;
  }

  .branche-ablauf_line {
    display: none;
  }

  .branche-ablauf_steps {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .branche-ablauf_step {
    border-top: 1px solid #ffffff24;
    padding-top: 1.25em;
  }

  .branche-team_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3em;
  }

  .branche-team_portrait {
    max-width: 28em;
  }

  .branche-rg_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3em;
  }

  .branche-rg_media {
    aspect-ratio: auto;
    flex-grow: 0;
    flex-shrink: 0;
    width: 42%;
    min-height: 13em;
  }

  .wrapper_ovsteps {
    grid-row-gap: 3em;
  }

  .ovsteps_wrap {
    margin-top: 0;
  }

  .ovsteps_line {
    width: 1px;
    height: auto;
    inset: .5em auto .5em .28125em;
  }

  .ovsteps_line.is-u {
    width: 2px;
    height: auto;
    top: .5em;
    bottom: .5em;
    left: .25em;
  }

  .ovsteps_line-fill {
    background-image: linear-gradient(#b8abfff2, #8f7dff99 70%, #8f7dff26);
  }

  .ovsteps_list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ovsteps_step {
    grid-column-gap: 1.5em;
    flex-direction: row;
    align-items: flex-start;
  }

  .ovsteps_step.is-u {
    grid-column-gap: 1.5em;
  }

  .ovsteps_node {
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 1.75em;
  }

  .ovsteps_node.is-u {
    margin-top: 1.75em;
    margin-left: 0;
  }

  .ovsteps_num.is-u {
    margin-bottom: 1em;
  }

  .ovmcta_glow {
    width: 33.6em;
    height: 22.5em;
    top: -5em;
    left: 14.4em;
  }

  .ovmcta_art {
    width: 20.46em;
    top: 1.96em;
    left: .73em;
  }

  .wrapper_ls-bausteine {
    grid-row-gap: 3.5em;
  }

  .home-solution_scene {
    font-size: .8em;
    top: 24.8906em;
    left: -18.7656em;
  }

  .home-solution_glow-blue {
    top: 21.8em;
    left: 13.76em;
  }

  .home-solution_steps {
    height: auto;
    margin-top: 28.5em;
    padding-top: 9em;
  }

  .home-solution_line {
    width: .25em;
    height: 39.5em;
    margin-left: -.125em;
    top: 6.125em;
    left: 50%;
  }

  .home-solution_line-glow {
    transform-origin: 50% 0;
    background-image: linear-gradient(#ffffffe6 0%, #8f7dff99 45%, #8f7dff59 100%);
    width: .25em;
    height: 100%;
  }

  .home-solution_line-core {
    transform-origin: 50% 0;
    background-image: linear-gradient(#ffffffe6 0%, #8f7dffd9 45%, #8f7dff99 100%);
    width: .125em;
    height: 100%;
    top: 0;
    left: .0625em;
  }

  .home-solution_line-head {
    display: none;
  }

  .home-solution_source {
    margin-left: -.25em;
    top: 5.875em;
    left: 50%;
  }

  .home-solution_logo {
    width: 10.0625em;
    height: 6.5em;
    margin-left: -5.03125em;
    top: 0;
    left: 50%;
  }

  .home-solution_logo-img {
    width: 12.2516em;
    height: 8.9018em;
    top: -.659em;
    left: -1.0966em;
  }

  .home-solution_marks {
    width: 0;
    height: 100%;
    top: 0;
    left: 50%;
  }

  .home-solution_mark {
    width: .5em;
    height: .5em;
    left: -.25em;
  }

  .home-solution_mark.is-1 {
    top: 11.5em;
    left: -.25em;
  }

  .home-solution_mark.is-2 {
    top: 28.4375em;
    left: -.25em;
  }

  .home-solution_mark.is-3 {
    top: 45.375em;
    left: -.25em;
  }

  .home-solution_tick {
    background-image: linear-gradient(270deg, #fff9 0%, #ffffff14 100%);
    width: .75em;
    height: 1px;
    top: .25em;
    left: -.5em;
  }

  .home-solution_tick.is-right {
    background-image: linear-gradient(90deg, #fff9 0%, #ffffff14 100%);
    left: .25em;
  }

  .home-solution_cards {
    grid-row-gap: 0em;
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
    top: 0;
    left: 0;
  }

  .home-solution_step {
    width: 21.25em;
  }

  .home-solution_step.is-2 {
    align-self: flex-end;
    margin-top: -12.9375em;
  }

  .home-solution_step.is-3 {
    margin-top: -12.9375em;
  }

  .home-solution_card {
    min-height: 29.875em;
    padding: 0 0 .5em;
  }

  .home-solution_card.is-short {
    min-height: 28.5625em;
  }

  .home-solution_banner {
    grid-row-gap: 2.25em;
    margin-top: 7em;
  }

  .home-solution_closing {
    font-size: 2.5em;
  }

  .ovfaq_glow {
    display: none;
  }

  .wrapper_ovfaq {
    grid-row-gap: 3em;
  }

  .ovfaq_layout {
    grid-row-gap: 3em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ovfaq_aside {
    grid-row: 1 / 2;
    max-width: none;
  }

  .ovfaq_art {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: center;
    width: 22em;
    margin-left: 0;
  }

  .ovfaq_list {
    grid-area: 2 / 1 / 3 / 2;
    padding-top: 0;
  }

  .section_ovend, .section_ovend.is-uend {
    min-height: 0;
  }

  .ovend_scene {
    margin-left: -61.25em;
    font-size: .8em;
    top: auto;
    bottom: -23.75em;
    left: 50%;
  }

  .ovend_overlay {
    background-image: linear-gradient(#0b0912 0% 38%, #0b091200 65% 80%, #0b0912 100%);
  }

  .wrapper_ovend {
    grid-row-gap: 4em;
  }

  .ovend_copy {
    grid-row-gap: 1.5em;
    max-width: none;
  }

  .ovend_copy.is-unternehmen {
    max-width: none;
  }

  .wrapper_bw-regeln {
    grid-row-gap: 2.5em;
  }

  .bw_grid, .bw_grid.is-3 {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gf_head-lead {
    margin-top: -1.5em;
  }

  .wrapper_bw-prozess {
    grid-row-gap: 2.5em;
  }

  .bw_steps {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .branche-faq_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3em;
  }

  .branche-faq_aside {
    position: relative;
    top: 0;
  }

  .branche-faq_visual {
    display: none;
  }

  .branche-more_chips {
    margin-top: 3em;
  }

  .branche-ask_pre-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wrapper_ls-uc {
    grid-row-gap: 3.5em;
  }

  .ls-uc {
    grid-row-gap: 0em;
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .ls-uc_item {
    border-bottom: 1px solid #ffffff1a;
    display: block;
  }

  .ls-uc_heading {
    border-bottom-width: 0;
  }

  .ls-uc_trigger {
    border-left-width: 0;
    min-height: 4em;
    padding-left: 0;
    padding-right: 0;
  }

  .ls-uc_title {
    font-size: 1em;
  }

  .ls-uc_plus {
    display: block;
  }

  .ls-uc_index, .ls-uc_card-title {
    display: none;
  }

  .ls-uc_text {
    margin-top: 0;
  }

  .home-tech_glow {
    width: 48em;
    height: 19.25em;
    top: 31.875em;
    left: 0;
  }

  .home-tech_band {
    margin-top: 5em;
  }

  .home-tech_fade {
    width: 7.5em;
  }

  .home-tech_lens-glow {
    width: 33.55em;
    margin-left: -16.775em;
  }

  .wrapper_bw-prinzipien, .wrapper_bw-stimmen {
    grid-row-gap: 2.5em;
  }

  .wrapper_ls-deliver {
    grid-row-gap: 3.5em;
  }

  .ls-deliver_intro {
    margin-top: 0;
  }

  .wrapper_bw-feedback {
    grid-row-gap: 2.5em;
  }

  .bw_fb-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .bw_fb-copy {
    position: relative;
    top: 0;
  }

  .wrapper_bw-google {
    grid-row-gap: 2.5em;
  }

  .bw_google {
    grid-template-rows: auto;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .bw_google-action {
    grid-column: 1 / 3;
    align-items: flex-start;
  }

  .wrapper_gf-cta {
    grid-row-gap: 2.5em;
  }

  .gf-cta_panel {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 2.5em;
  }

  .gf-cta_actions {
    justify-content: flex-start;
  }

  .gf-cta_note {
    grid-column-end: 2;
  }

  .wrapper_ls-ablauf {
    grid-row-gap: 3.5em;
  }

  .ls-steps {
    padding-top: 0;
    padding-left: 2em;
  }

  .ls-steps_rail {
    width: 2px;
    height: auto;
    inset: 0 auto 0 .25em;
  }

  .ls-steps_rail-fill {
    transform-origin: 50% 0;
    background-image: linear-gradient(#edf0f5, #8f7dff 40%, #8f7dff4d);
  }

  .ls-steps_list {
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ls-step_dot {
    top: 1.75em;
    left: -2.05em;
  }

  .ls-facts_actions {
    flex-flow: wrap;
  }

  .branche-lt_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3em;
  }

  .branche-cta_grid {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .branche-cta_media {
    width: 100%;
    max-width: 40em;
    margin-top: 0;
  }

  .konfigurator_statue {
    opacity: .25;
    width: 80%;
    right: -20%;
  }

  .konfigurator_head-grid {
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .konfigurator_form, .konfigurator_form._w-form {
    margin-top: 4em;
  }

  .konfigurator_panel-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .konfigurator_panel-title {
    font-size: 4em;
  }

  .konfigurator_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .konfigurator_layout, .konfigurator_layout.is-contact {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .konfigurator_side {
    grid-row: 1 / 2;
    position: relative;
    top: 0;
  }

  .konfigurator_tiles {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .konfigurator_tile.is-save {
    grid-area: 1 / 1 / 2 / -1;
  }

  .konfigurator_tile.is-hours {
    grid-area: 2 / 1 / 3 / 2;
    min-height: 0;
  }

  .konfigurator_tile.is-cost {
    grid-area: 2 / 2 / 3 / 3;
    min-height: 0;
  }

  .konfigurator_num {
    font-size: 3.5em;
  }

  .konfigurator_disclaimer {
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .konfigurator_summary-col {
    grid-row: 1 / 2;
    position: relative;
    top: 0;
  }

  .konfigurator_enter {
    display: none;
  }

  .wrapper_ls-tech {
    grid-row-gap: 3.5em;
  }

  .ls-tech_band {
    height: 15em;
    margin-left: -2em;
    margin-right: -2em;
  }

  .ls-tech_line {
    left: 2em;
    right: 2em;
  }

  .ls-tech_base {
    top: 3.5em;
  }

  .ls-tech_fade {
    width: 6em;
  }

  .ls-tech_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .res-filter {
    top: 4em;
  }

  .wrapper_res-listing {
    grid-row-gap: 4.5em;
  }

  .res-feat {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-bottom: 0;
    padding-right: .5em;
  }

  .res-feat_media {
    height: 26em;
  }

  .res-feat_lens {
    width: 11em;
    left: auto;
    right: 2em;
  }

  .res-feat_body {
    padding: 1.5em 1.5em 2em;
  }

  .res-feat_title {
    font-size: 2.5em;
  }

  .res-slot-card {
    min-height: 22em;
  }

  .notfound_glow {
    width: 52.8em;
    height: 43.2em;
    top: 58.25em;
    left: -2.4em;
  }

  .notfound_copy {
    max-width: none;
    margin-top: 1.75em;
  }

  .notfound_num {
    font-size: 15em;
  }

  .notfound_h1 {
    margin-top: .1667em;
    font-size: 3em;
  }

  .notfound_text {
    margin-top: .9412em;
  }

  .notfound_nav {
    margin-top: 2.75em;
  }

  .notfound_visual {
    width: 30.25em;
    height: 35.75em;
    margin-top: 1.5em;
    margin-left: 4.625em;
    position: relative;
    top: auto;
    left: auto;
  }

  .notfound_lens-track {
    width: 19.65em;
    height: 19.65em;
    top: 16em;
    left: 13.75em;
  }

  .section_glossar-az {
    top: 4.75em;
  }

  .glossar_az {
    grid-column-gap: 0;
    min-height: 3.5em;
    padding-left: 0;
    padding-right: 0;
  }

  .glossar_az-label {
    display: none;
  }

  .glossar_az-letters {
    justify-content: flex-start;
    padding-left: .75em;
    padding-right: .75em;
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 1.5em calc(100% - 1.5em), #0000);
    mask-image: linear-gradient(90deg, #0000, #000 1.5em calc(100% - 1.5em), #0000);
  }

  .glossar_az-count {
    display: none;
  }

  .wrapper_glossar-list {
    grid-row-gap: 2.5em;
  }

  .home-projects_glow {
    width: 57.6em;
    height: 24.5em;
    top: 36.8em;
    left: -4.8em;
  }

  .home-projects_cards {
    grid-column-gap: 1em;
    scroll-snap-type: x mandatory;
    margin-top: 4em;
    margin-left: -2em;
    margin-right: -2em;
    padding-left: 2em;
    padding-right: 2em;
    scroll-padding-left: 2em;
    display: flex;
    overflow: auto hidden;
  }

  .home-projects_head {
    height: 12.5em;
  }

  .ovbtiles_glow {
    width: 41.125em;
    left: 3.75em;
  }

  .wrapper_ovbtiles {
    grid-row-gap: 3em;
  }

  .ovbtiles_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
  }

  .ovbtile_top {
    margin-bottom: 3.5em;
  }

  .wrapper_ls-privacy {
    grid-row-gap: 3.5em;
  }

  .ls-privacy_hint {
    margin-top: -1em;
  }

  .wrapper_ls-cases {
    grid-row-gap: 3.5em;
  }

  .ls-cases, .ls-cases.is-1 {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .ls-teaser_img {
    width: 55%;
    max-height: 100%;
    left: auto;
  }

  .wrapper_ls-branchen {
    grid-row-gap: 3.5em;
  }

  .home-faq_glow {
    top: 82.925em;
    left: 10.52em;
  }

  .home-faq_grid {
    grid-row-gap: 3.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .home-faq_aside {
    min-height: 0;
    position: relative;
    top: 0;
  }

  .home-faq_figure.is-mobile {
    width: 22em;
    height: 26em;
    margin-top: -2em;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .home-faq_figure.is-desktop {
    display: none;
  }

  .home-faq_list {
    padding-top: 0;
  }

  .home-faq_q {
    font-size: 1.625em;
  }

  .ovbanner_kicker, .ovcontact_kicker {
    font-size: .75em;
  }

  .ovcontact_line {
    margin-top: 4em;
  }

  .kt-wege_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 2.5em;
  }

  .kt-wege_title {
    font-size: 2em;
  }

  .kt-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 2.25em;
  }

  .kt-row_h2 {
    font-size: 4em;
  }

  .home-cta_art {
    width: 72em;
    height: 59em;
    top: 21.125em;
    left: -25em;
  }

  .home-cta_intro {
    grid-row-gap: 1.75em;
  }

  .home-cta_lead {
    max-width: 28.75em;
    font-size: 1em;
  }

  .home-cta_panels {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 24.5em;
  }

  .home-cta_panel-title {
    font-size: 2.25em;
  }

  .wrapper_ls-calc {
    grid-row-gap: 3.5em;
  }

  .ls-calc {
    min-height: 61em;
  }

  .wrapper_ls-guides {
    grid-row-gap: 3.5em;
  }

  .ls-related {
    margin-top: -1em;
  }

  .term_crumb {
    min-height: 3.667em;
  }

  .term_hero-grid {
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .term_longform {
    font-size: 1.875em;
  }

  .wrapper_term-body {
    grid-row-gap: 4em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .term_article {
    max-width: none;
  }

  .term_def-text {
    font-size: 1.875em;
  }

  .term_side {
    position: relative;
    top: 0;
  }

  .wrapper_ls-faq {
    grid-row-gap: 3em;
  }

  .ls-faq {
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ls-faq_aside {
    position: relative;
    top: 0;
  }

  .ls-faq_visual {
    display: none;
  }

  .kt-flow_h2 {
    max-width: none;
  }

  .kt-flow {
    margin-top: 2.5em;
    padding-left: 2em;
  }

  .kt-flow_line {
    width: .125em;
    height: auto;
    inset: 0 auto 0 .3125em;
  }

  .kt-flow_line-glow {
    transform-origin: 50% 0;
    background-image: linear-gradient(#fff, #8f7dff 40%, #8f7dff26);
    width: .125em;
    height: auto;
    inset: 0 auto 0 0;
  }

  .kt-flow_source {
    top: -.25em;
    left: -.1875em;
  }

  .kt-flow_list {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .kt-flow_item {
    padding-top: 0;
  }

  .kt-flow_node {
    top: .25em;
    left: -2em;
  }

  .kt-flow_tick {
    display: none;
  }

  .kt-flow_title {
    font-size: 1.75em;
  }

  .kt-faq_row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 2.25em;
  }

  .kt-faq_side {
    position: relative;
    top: 0;
  }

  .kt-faq_sub {
    max-width: none;
  }

  .wrapper_ls-request {
    grid-row-gap: 3em;
  }

  .ls-request_head {
    grid-row-gap: 1.25em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ls-request_title {
    font-size: 2.5em;
  }

  .ls-goals {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ls-options {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .branche-anw_dl-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .ovperson_glow {
    width: 48em;
    height: 48em;
    left: 0;
  }

  .wrapper_ovperson {
    grid-row-gap: 3em;
  }

  .ovperson_row {
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ovperson_copy {
    display: contents;
  }

  .ovperson_role {
    margin-top: 0;
    font-size: .75em;
  }

  .ovportrait {
    order: -1;
  }

  .wrapper_ovvalues {
    grid-row-gap: 3em;
  }

  .ovvalues_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .wrapper_ls-long {
    grid-row-gap: 3em;
  }

  .ls-long_meta {
    margin-top: -1.5em;
  }

  .ls-long {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .wrapper_ls-final {
    grid-row-gap: 3em;
    min-height: 0;
  }

  .ls-final_art {
    height: 30em;
    inset: auto -2em -24em;
  }

  .ls-final_img {
    object-position: 75% 100%;
  }

  .ls-final_shade {
    background-image: linear-gradient(#0b0912 0%, #0b091200 35%);
    height: 30em;
    inset: auto -2em -24em;
  }

  .ls-final_title {
    max-width: none;
  }

  .ovsteps_source {
    top: -.25em;
    left: -.1875em;
  }

  .ovsteps_tick {
    display: none;
  }

  .wrapper_ovgroup {
    grid-row-gap: 3em;
  }

  .ovgroup_grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wrapper_ovplace {
    grid-row-gap: 3em;
  }

  .ovplace_row {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ovplace_copy {
    display: contents;
  }

  .res-art-hero_progress {
    top: 4em;
  }

  .res-art-hero_title {
    font-size: 5em;
  }

  .res-art-hero_teaser {
    font-size: 1.125em;
  }

  .res-art-hero_media {
    height: 26em;
  }

  .res-art-hero_img {
    width: 30em;
    right: 0;
  }

  .res-art-hero_lens {
    width: 16em;
    top: 4em;
    left: 34%;
  }

  .wrapper_res-art {
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .res-art_toc-col {
    z-index: 35;
    top: 4.75em;
  }

  .res-art_cta-col {
    position: relative;
    top: 0;
  }

  .res-toc {
    grid-row-gap: .5em;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #14111ff7;
    border-radius: .75em;
    padding: .75em 1em;
    box-shadow: inset 0 0 0 1px #ffffff1f;
  }

  .res-toc_toggle {
    pointer-events: auto;
  }

  .res-toc_num {
    color: var(--_colors---text-white);
    display: block;
  }

  .res-toc_pct {
    display: none;
  }

  .res-toc_current {
    display: block;
  }

  .res-toc_panel {
    grid-template-rows: 0fr;
    grid-template-columns: 1fr;
    transition: grid-template-rows .4s cubic-bezier(.65, 0, .35, 1);
  }

  .res-toc_inner {
    grid-row-gap: 1em;
    padding-top: 0;
    overflow: hidden;
  }

  .res-richtext {
    font-size: 1em;
  }

  .res-art-cta {
    max-width: 32em;
  }

  .case-hero_bg {
    height: 27em;
    margin-top: 2em;
    margin-left: -2em;
    margin-right: -2em;
    position: relative;
    inset: auto;
  }

  .case-hero_pic {
    bottom: 0;
  }

  .case-hero_img {
    opacity: 1;
    object-fit: cover;
    object-position: 40% 60%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0%;
  }

  .case-hero_shade {
    background-image: linear-gradient(#0b0912 0%, #0b091200 22% 70%, #0b0912 100%), linear-gradient(90deg, #0b091299, #0b091200 25% 75%, #0b091299);
  }

  .case-hero_logo {
    width: 17em;
    height: auto;
    top: 3em;
    left: auto;
    right: 8%;
  }

  .case-hero_cell {
    border-bottom: 1px solid #ffffff14;
    min-width: 0;
    padding: 1.5em;
  }

  .case-hero_cell.is-wide {
    grid-column: 1 / 3;
  }

  .case-hero_v {
    overflow-wrap: break-word;
  }

  .branche-anw_case {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 2em;
  }

  .case-detail_layout {
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.5em;
  }

  .case-detail_aside {
    z-index: 5;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #0b0912e0;
    border-bottom: 1px solid #ffffff14;
    margin-left: -2em;
    margin-right: -2em;
    padding: .75em 2em;
    top: 4.5em;
  }

  .case-toc_label {
    display: none;
  }

  .case-toc {
    grid-column-gap: .5em;
    scroll-snap-type: x proximity;
    flex-direction: row;
    overflow-x: auto;
    -webkit-mask-image: linear-gradient(90deg, #000 85%, #0000);
    mask-image: linear-gradient(90deg, #000 85%, #0000);
  }

  .case-toc_link {
    grid-column-gap: .5em;
    scroll-snap-align: start;
    border: 1px solid #ffffff1f;
    border-radius: 999px;
    flex-shrink: 0;
    height: 2.75em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .case-toc_link.is-active {
    background-color: var(--_colors---purple);
    background-image: none;
    border-color: #b8abffb3;
    border-left-width: 1px;
  }

  .case-toc_progress {
    display: none;
  }

  .case-detail_article {
    grid-row-gap: 4.5em;
  }

  .case-detail_chapter {
    scroll-margin-top: 9.5em;
  }

  .case-more_list {
    margin-top: 2.25em;
  }

  .ovgrp_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .ovgrp_li.is-main {
    grid-area: auto / 1 / auto / 3;
  }

  .ovgrp_media.is-main {
    aspect-ratio: 16 / 9;
    flex-grow: 0;
    min-height: 0;
  }
}

@media screen and (max-width: 767px) {
  .hero_bottom-fade {
    width: 74.4em;
    height: 7.595em;
    top: 87.6717em;
    left: -39em;
  }

  .hero_divider {
    width: 29.1667em;
    top: 89.8333em;
    left: 1.66667em;
  }

  .hero_header {
    z-index: 3;
    width: 32.5em;
    height: 5.33333em;
  }

  .hero_trust-line {
    z-index: 3;
    width: 29.1667em;
    top: 91.8333em;
    left: 1.66667em;
  }

  .hero_01-hero {
    width: 32.5em;
    height: 100em;
  }

  .hero_img-hero-sisyphus {
    width: 74.4em;
    height: 49.6em;
    top: 45.6667em;
    left: -39em;
  }

  .hero_lens-vertion-logo {
    width: 31em;
    height: 20.0208em;
    top: 11.3667em;
    left: 39.9383em;
  }

  .padding-global {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .hero_button-secondary-large {
    grid-column-gap: normal;
    grid-row-gap: normal;
    justify-content: space-between;
    align-self: auto;
    width: 100%;
    height: 4.33333em;
  }

  .hero_lens-world-inside-the-lens-ordered {
    width: 74.4em;
    height: 49.6em;
    top: 45.6667em;
    left: -39em;
  }

  .hero_button-secondary-small {
    display: none;
    top: 50%;
    right: 4em;
  }

  .padding-vertical {
    padding-top: 5.5em;
    padding-bottom: 5.5em;
  }

  .padding-vertical.is-gf-hero {
    padding-top: 7.5em;
    padding-bottom: 3em;
  }

  .padding-vertical.is-home-services {
    padding-bottom: 5.5em;
  }

  .padding-vertical.is-ls-hero {
    padding-top: 6em;
    padding-bottom: 2.5em;
  }

  .padding-vertical.is-res-hero {
    padding-top: 7em;
  }

  .padding-vertical.is-ovhero {
    padding-top: 6em;
  }

  .padding-vertical.is-home-about {
    padding-bottom: 5.5em;
  }

  .padding-vertical.is-branche {
    padding-top: 5.5em;
  }

  .padding-vertical.is-ls {
    padding-top: 4.5em;
  }

  .padding-vertical.is-home-hero {
    padding-top: 7em;
    padding-bottom: 1.625em;
  }

  .padding-vertical.is-konfigurator-done {
    padding-top: 5.5em;
    padding-bottom: 3em;
  }

  .padding-vertical.is-home-pain {
    padding-top: 5.5em;
    padding-bottom: 5.5em;
  }

  .padding-vertical.is-home-solution {
    padding-bottom: 6em;
  }

  .padding-vertical.is-ovend {
    padding-bottom: 23.75em;
  }

  .padding-vertical.is-home-tech {
    padding-bottom: 4.5em;
  }

  .padding-vertical.is-konfigurator {
    padding-top: 5.5em;
    padding-bottom: 3em;
  }

  .padding-vertical.is-res-hero-list {
    padding-top: 6em;
  }

  .padding-vertical.is-home-projects {
    padding-bottom: 5.5em;
  }

  .padding-vertical.is-home-faq {
    padding-bottom: 2.75em;
  }

  .padding-vertical.is-home-cta {
    padding-bottom: 5.5em;
  }

  .padding-vertical.is-term-hero {
    padding-top: 7em;
    padding-bottom: 2.5em;
  }

  .padding-vertical.is-ovuhero {
    padding-top: 6em;
  }

  .padding-vertical.is-ovperson, .padding-vertical.is-ovvalues {
    padding-bottom: 4em;
  }

  .padding-vertical.is-ls-final {
    padding-top: 4.5em;
    padding-bottom: 17em;
  }

  .padding-vertical.is-ovusteps, .padding-vertical.is-ovgroup, .padding-vertical.is-ovplace {
    padding-bottom: 4em;
  }

  .padding-vertical.is-res-art-hero {
    padding-top: 7em;
    padding-bottom: 3em;
  }

  .hero_ambient-glow {
    width: 46.6667em;
    height: 46.6667em;
    top: -14em;
    left: 6.83333em;
  }

  .hero_p-5 {
    width: 21.875em;
    font-size: 1.33333em;
  }

  .hero_button-primary-large {
    grid-column-gap: normal;
    grid-row-gap: normal;
    justify-content: space-between;
    width: 100%;
  }

  .hero_h1 {
    width: 7em;
    font-size: 4.16667em;
  }

  .hero_img-hero-inside-lens-ordered-world {
    width: 74.028em;
    height: 49.352em;
    top: .0833333em;
    left: .153333em;
  }

  .hero_logo {
    left: 1.66667em;
  }

  .hero_overlay-left {
    width: 74.4em;
    height: 49.6em;
    top: 45.6667em;
    left: -39em;
  }

  .hero_actions {
    flex-direction: column;
    width: 100%;
    top: -.25em;
  }

  .hero_overlay-bottom {
    width: 74.4em;
    height: 49.6em;
    top: 45.6667em;
    left: -39em;
  }

  .hero_content-2 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    align-content: stretch;
    width: auto;
  }

  .hero_content {
    z-index: 3;
    width: 29.1667em;
    top: 9.33333em;
    left: 1.66667em;
  }

  .hero_div {
    inset: -23.93%;
  }

  .pain_tag-3 {
    border-width: 1px;
    padding: .416667em .666667em;
    display: none;
    top: .25em;
    left: 2.75em;
  }

  .pain_02-wissen {
    width: 4.76667em;
    height: 15.4em;
    top: 45.1667em;
    left: 4.8875em;
  }

  .pain_start-node-card-4 {
    width: .5em;
    height: .5em;
    display: none;
    top: 17.5em;
    left: 17.9167em;
  }

  .pain_leader-line {
    width: 25.5em;
    height: 16.75em;
    display: none;
    top: 1.25em;
    left: .25em;
  }

  .pain_leader-line-4 {
    width: 16.9167em;
    height: 16.5em;
    display: none;
    top: 1.25em;
    left: 1.25em;
  }

  .pain_target-dot-3 {
    width: .416667em;
    height: .416667em;
    display: none;
    top: 1.04167em;
    left: 1.04167em;
  }

  .pain_04-excel-listen {
    width: 10.1292em;
    height: 9.9em;
    top: 50.6667em;
    left: 26.75em;
  }

  .pain_target-ring-2 {
    width: 1.33333em;
    height: 1.33333em;
    display: none;
    top: 2.5em;
    left: 6.75em;
  }

  .pain_target-dot-2 {
    width: .416667em;
    height: .416667em;
    display: none;
    top: 2.95833em;
    left: 7.20833em;
  }

  .pain_halo-3 {
    width: 2.5em;
    height: 2.5em;
    display: none;
  }

  .pain_target-dot {
    width: .416667em;
    height: .416667em;
    display: none;
    top: 1.04167em;
    left: 25.5417em;
  }

  .pain_03-anfragen {
    width: 5.68333em;
    height: 13.1083em;
    top: 47.4583em;
    left: 19.1875em;
  }

  .pain_target-ring-3 {
    width: 1.33333em;
    height: 1.33333em;
    display: none;
    top: .583333em;
    left: .583333em;
  }

  .pain_p-3 {
    width: 21.875em;
    font-size: 1.33333em;
  }

  .pain_start-node-card {
    width: .5em;
    height: .5em;
    display: none;
    top: 17.75em;
  }

  .pain_cards-2 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-wrap: nowrap;
    align-content: stretch;
    width: auto;
    top: 60.5em;
    left: 1.66667em;
  }

  .pain_01-copy-paste {
    width: 14.85em;
    height: 10.0375em;
    top: 50.5292em;
    left: -9.04583em;
  }

  .pain_02-pain-points {
    width: 32.5em;
    height: 101.167em;
  }

  .pain_tag-2 {
    border-width: 1px;
    padding: .416667em .666667em;
    display: none;
    top: 0;
    left: 0;
  }

  .pain_img-sisyphus-resting {
    width: 73.0125em;
    height: 33.275em;
    top: 31.3708em;
    left: -21.8333em;
  }

  .pain_hairline-top {
    right: -82.0833em;
  }

  .pain_tag {
    border-width: 1px;
    padding: .416667em .666667em;
    display: none;
    top: .416667em;
    left: 14.9167em;
  }

  .pain_content {
    grid-column-gap: 3.33333em;
    grid-row-gap: 3.33333em;
    width: 29.1667em;
    top: 7.33333em;
    left: 1.66667em;
  }

  .pain_target-ring {
    width: 1.33333em;
    height: 1.33333em;
    display: none;
    top: .583333em;
    left: 25.0833em;
  }

  .pain_leader-line-2 {
    width: 4.83333em;
    height: 24.5833em;
    display: none;
    top: 3.16667em;
    left: 2.58333em;
  }

  .pain_glow {
    width: 37.5833em;
    height: 28.4167em;
    top: 40.4458em;
    left: 10.25em;
  }

  .pain_halo {
    width: 2.5em;
    height: 2.5em;
    display: none;
    left: 24.5em;
  }

  .pain_card-pain {
    width: 25em;
  }

  .pain_leader-line-3 {
    width: 3em;
    height: 22.3333em;
    display: none;
    top: 1.25em;
    left: 1.25em;
  }

  .pain_start-node-card-3 {
    width: .5em;
    height: .5em;
    display: none;
    top: 23.3333em;
    left: 4em;
  }

  .pain_halo-2 {
    width: 2.5em;
    height: 2.5em;
    display: none;
    top: 1.91667em;
    left: 6.16667em;
  }

  .pain_fade-bottom {
    width: 66em;
    height: 6.92083em;
    top: 58.9625em;
    left: -19.0833em;
  }

  .pain_start-node-card-2 {
    width: .5em;
    height: .5em;
    display: none;
    top: 27.5em;
    left: 2.33333em;
  }

  .solution_p {
    width: 21.875em;
    font-size: 1.33333em;
  }

  .services_04-services {
    width: 32.5em;
    height: 98.9167em;
  }

  .services_button-secondary-large {
    grid-column-gap: normal;
    grid-row-gap: normal;
    justify-content: space-between;
    width: 29.1667em;
    top: 87.25em;
    left: 1.66667em;
  }

  .services_ambient-glow {
    width: 35.75em;
    top: 38.3333em;
    left: -1.625em;
  }

  .solution_text {
    grid-column-gap: 3.33333em;
    grid-row-gap: 3.33333em;
    width: 29.1667em;
    top: 7.33333em;
    left: 1.66667em;
  }

  .services_card {
    width: 25em;
  }

  .services_cards {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-wrap: nowrap;
    align-content: stretch;
    width: auto;
    top: 35em;
    left: 1.66667em;
  }

  .services_service-01-custom-web-apps-company-apps-2 {
    width: 25em;
  }

  .solution_glass-logo {
    width: 10.4em;
    height: 6.71667em;
    left: 11.0833em;
  }

  .solution_scene {
    width: 75.0777em;
    height: 44em;
    top: 26.6667em;
    left: -15.8333em;
  }

  .solution_span-2 {
    font-size: 2.5em;
  }

  .solution_div {
    width: 25.8306em;
    height: 25.6429em;
    top: 10.8383em;
    left: 49.2475em;
  }

  .solution_span-3 {
    font-size: 2.5em;
  }

  .solution_ambient-glow {
    width: 38.05em;
    height: 16.8em;
    top: 11.85em;
    left: 27.05em;
  }

  .solution_shadow-left-ground-edge-2 {
    width: 27.4em;
    height: 9.5em;
    top: 10.15em;
    right: 4.4275em;
  }

  .solution_shadow-left-ground-edge {
    width: 17.75em;
    height: 12.65em;
    top: 31.35em;
    left: 6.9em;
  }

  .solution_fade-ground {
    width: 67.55em;
    height: 10.5em;
    top: 29.45em;
  }

  .solution_steps-block {
    width: 32.5em;
    height: 135.217em;
    top: 62.8333em;
  }

  .solution_p-22 {
    letter-spacing: -.05em;
    width: 100%;
    min-width: 0;
  }

  .solution_boulder-rolled-on-along-the-line {
    width: 19.0293em;
    height: 17.507em;
  }

  .solution_banner {
    grid-column-gap: 2.33333em;
    grid-row-gap: 2.33333em;
    width: 29.1667em;
    top: 205.383em;
    left: 1.66667em;
  }

  .solution_glow {
    top: 59.5em;
    left: 2.91667em;
  }

  .solution_03-solution {
    width: 32.5em;
    height: 222.55em;
  }

  .solution_node-2 {
    top: 53.7167em;
    left: 15.9167em;
  }

  .solution_node-1 {
    top: 9.55em;
    left: 15.9167em;
  }

  .solution_span {
    font-size: 2.5em;
  }

  .solution_img-sisyphus-standing {
    width: 69.25em;
    height: 40.55em;
    top: -.6em;
    left: 5.85em;
  }

  .solution_shadow-left-ground-edge-3 {
    width: 17.05em;
    height: 10.25em;
    top: 25em;
    right: 4.4275em;
  }

  .solution_node-3 {
    top: 97.8833em;
    left: 15.9167em;
  }

  .tech_hairline-bottom {
    width: 29.1667em;
    left: 1.66667em;
  }

  .tech_ambient-glow {
    width: 32.5em;
    top: 36em;
  }

  .tech_row-1 {
    left: -107.9em;
  }

  .tech_div {
    left: -51.28%;
    right: -51.28%;
  }

  .tech_logos {
    width: 32.5em;
    top: 39.3333em;
  }

  .tech_06-tech-stack {
    width: 32.5em;
    height: 70.3333em;
  }

  .tech_edge-fade-left {
    width: 4.66667em;
  }

  .tech_row-2 {
    left: -65.825em;
  }

  .tech_glass {
    width: 22.5em;
  }

  .tech_row-1-no-color {
    left: -90.6667em;
  }

  .tech_p {
    width: 8.33333em;
    font-size: 3.5em;
  }

  .tech_lens {
    width: 22.5em;
  }

  .tech_p-2 {
    width: 21.875em;
    font-size: 1.33333em;
  }

  .tech_hairline-top {
    width: 29.1667em;
    left: 1.66667em;
  }

  .tech_lens-glow {
    width: 27.45em;
    left: 2.525em;
  }

  .tech_div-3 {
    background-image: linear-gradient(138.259deg, #ffffff05 7.0922%, #ffffff01 39.007%, #d9ebff03 78.014%);
  }

  .tech_edge-fade-right {
    width: 4.66667em;
    left: 27.8333em;
  }

  .tech_div-2 {
    left: -21.25%;
    right: -21.25%;
  }

  .tech_row-2-no-color {
    left: -52.4167em;
  }

  .projects_ambient-glow {
    width: 39em;
    top: 40em;
    left: -3.25em;
  }

  .projects_fade {
    height: 7.40742em;
  }

  .projects_case-02-anfragen-angebote-b2b-dienstleister {
    width: 26.6667em;
    height: 61.5833em;
  }

  .projects_07-projects {
    width: 32.5em;
    height: 105.583em;
  }

  .projects_glass-pane-refracts-the-marble {
    border-radius: .493833em;
    inset: .740833em;
  }

  .projects_case-cards {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    top: 33.3333em;
    left: 1.66667em;
  }

  .projects_p {
    width: 8.33333em;
    font-size: 3.5em;
  }

  .projects_marble-detail-2 {
    width: 26.6667em;
    height: 14.8148em;
  }

  .projects_lens-view-magnified-marble {
    border-radius: .493833em;
    width: 25.1852em;
    height: 13.3333em;
    top: .740833em;
    left: .740833em;
  }

  .projects_case-01-wissenssuche-maschinenbau-mittelstand {
    width: 26.6667em;
    height: 61.5833em;
  }

  .projects_div-2 {
    border-radius: .493833em;
  }

  .projects_marble-detail-1-25 {
    width: 33.3333em;
    height: 18.5185em;
    top: -2.5925em;
    left: -4.07417em;
  }

  .projects_media {
    height: 14.8333em;
  }

  .projects_div {
    left: -42.74%;
    right: -42.74%;
  }

  .projects_marble-detail {
    width: 26.6667em;
    height: 14.8148em;
  }

  .faq_image {
    width: 22.7333em;
    height: 26.8667em;
    top: 113.5em;
    left: 5.75em;
  }

  .faq_ambient-glow {
    top: 121.56em;
    left: -1.71667em;
  }

  .faq_div-2 {
    font-size: 3.5em;
  }

  .faq_q2 {
    padding-left: 1.66667em;
    padding-right: 1.66667em;
  }

  .faq_img-contemplative-figure {
    width: 22.7333em;
    height: 26.8667em;
  }

  .faq_span-2 {
    font-size: 1.33333em;
  }

  .faq_lens {
    width: 16.2415em;
    height: 15.8723em;
    top: 12.0275em;
    left: 10.3333em;
  }

  .faq_questions-accordion-one-open-at-a-time {
    width: 29.1667em;
    top: 31.6667em;
    left: 1.66667em;
  }

  .faq_08-faq {
    width: 32.5em;
    height: 144.033em;
  }

  .faq_p-3 {
    min-width: .0434783em;
    font-size: 1.91667em;
  }

  .faq_q1-open {
    padding-left: 1.66667em;
    padding-right: 1.66667em;
  }

  .faq_span-3 {
    font-size: 1.33333em;
  }

  .faq_top-content {
    width: 29.1667em;
    top: 7.33333em;
    left: 1.66667em;
  }

  .faq_p {
    letter-spacing: -.0133333em;
  }

  .faq_text {
    width: 29.1667em;
    top: 15.5em;
    left: 1.66667em;
  }

  .faq_span {
    font-size: 1.33333em;
  }

  .about_img {
    border-radius: .350917em;
  }

  .about_05-about {
    width: 32.5em;
    height: 153.658em;
  }

  .about_glow {
    width: 32.5em;
    height: 32.5em;
    top: 18.9167em;
    left: -9.75em;
  }

  .about_light-side-light-from-the-left-shadow-side-ri {
    top: -.0441667em;
    left: -.0441667em;
    right: -.0441667em;
  }

  .about_p-5 {
    letter-spacing: -.0100009em;
    font-size: 1.92983em;
  }

  .about_cards {
    width: 29.1667em;
    top: 82.6575em;
    left: 1.66667em;
  }

  .about_light-background-glow-behind-the-head-violet {
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20350%20330%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20height%3D%27100%25%27%20width%3D%27100%25%27%20fill%3D%27url%28%2523grad%29%27%20opacity%3D%271%27%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%27grad%27%20gradientUnits%3D%27userSpaceOnUse%27%20cx%3D%270%27%20cy%3D%270%27%20r%3D%2710%27%20gradientTransform%3D%27matrix%282.4608%20-33.925%2034.192%202.4802%20-4.4154%20369.44%29%27%3E%3Cstop%20stop-color%3D%27rgba%28133%2C117%2C255%2C0.62%29%27%20offset%3D%270%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28115%2C140%2C255%2C0.26%29%27%20offset%3D%270.45%27%2F%3E%3Cstop%20stop-color%3D%27rgba%28115%2C140%2C255%2C0%29%27%20offset%3D%271%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    top: -.0441667em;
    left: -.0441667em;
    right: -.0441667em;
  }

  .about_div-2 {
    width: 21.875em;
    font-size: 1.33333em;
    bottom: 70.625em;
    left: 1.25em;
  }

  .about_grade-violet-tone-like-the-statues {
    inset: -.0441667em;
  }

  .about_p-7 {
    width: 8.33333em;
    font-size: 3.5em;
    top: 4.42857em;
    left: .476191em;
  }

  .about_lens-vertion-logo-the-hero-lens-one-last-time {
    width: 9.539em;
    height: 6.16067em;
    top: 49.2364em;
    left: 19.8685em;
  }

  .about_card-text {
    width: 100%;
  }

  .about_p {
    margin-bottom: 1em;
  }

  .about_text {
    grid-column-gap: .70175em;
    grid-row-gap: .70175em;
    width: 29.1667em;
    padding: 1.4035em;
    bottom: -.0441667em;
    left: -.0441667em;
  }

  .about_div {
    inset: -84.62%;
  }

  .about_image {
    border-radius: .350917em;
    width: 29.1667em;
    height: 28.1579em;
    top: 28.6667em;
    left: 16.25em;
  }

  .about_fade-desk-dissolves-into-dark {
    background-image: linear-gradient(#0c0a1400 0% 46%, #0c0a14f7 88.039%, #0c0a14 100%);
    inset: -.0441667em;
  }

  .about_top-content {
    width: 29.1667em;
    top: 7.33333em;
    left: 1.66667em;
  }

  .cta_p-28 {
    font-size: 2.66667em;
  }

  .cta_overlay-right-edge {
    width: 13.8905em;
    height: 60.9667em;
    left: 60.5092em;
  }

  .cta_p-25 {
    left: calc(50% - 1.33333em);
  }

  .cta_div-3 {
    background-image: linear-gradient(110.031deg, #ffffff04 0%, #ffffff02 35.714%, #ccd9ff03 71.429%);
  }

  .cta_lens-vertion-logo-the-hero-lens-one-last-time {
    width: 19.3613em;
    height: 12.5042em;
    top: 14.0533em;
    left: 53.1133em;
  }

  .cta_divider {
    align-self: auto;
    width: 100%;
    height: .0833333em;
  }

  .cta_field-row {
    flex-direction: column;
  }

  .cta_calendar {
    background-color: #0000;
    border: 0;
    flex-direction: column;
    align-items: center;
    padding: 0;
  }

  .cta_contact-form {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    padding: 1.66667em;
  }

  .cta_checkbox-datenschutz {
    height: 5.25em;
  }

  .cta_overlay-left-text-legibility {
    width: 74.4em;
    height: 60.9667em;
  }

  .cta_overlay-top {
    width: 74.4em;
    height: 16.5333em;
  }

  .cta_booking {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    padding: 1.66667em;
  }

  .cta_p-24 {
    left: calc(50% - 1.46667em);
  }

  .cta_div-4 {
    background-image: linear-gradient(116.338deg, #ffffff03 0%, #ffffff01 35.714%, #ccd9ff02 71.429%);
  }

  .cta_p-27 {
    left: calc(50% - 1.26667em);
  }

  .cta_overlay-bottom-into-panels {
    width: 74.4em;
    height: 16.9497em;
    top: 32.1367em;
  }

  .cta_field-name {
    flex-grow: 0;
    flex-basis: auto;
    width: 100%;
    min-width: 0;
  }

  .cta_image-sisyphus {
    width: 91.45em;
    height: 60.9667em;
    left: -17.05em;
  }

  .cta_lens-glow {
    width: 39.2839em;
    height: 35.826em;
    top: 35.7792em;
    left: -.75em;
  }

  .cta_p-33 {
    width: 23.3333em;
  }

  .cta_focus-light-edge {
    right: -11.5833em;
  }

  .cta_09-cta {
    width: 32.5em;
    height: 206.083em;
  }

  .cta_button-projekt-ansehen {
    grid-column-gap: normal;
    grid-row-gap: normal;
    justify-content: space-between;
    width: 100%;
  }

  .cta_p-26 {
    left: calc(50% - 1.33333em);
  }

  .cta_times {
    flex-grow: 0;
    flex-basis: auto;
    width: 100%;
    min-width: 0;
  }

  .cta_p {
    width: 21.875em;
    font-size: 1.33333em;
  }

  .cta_contacts {
    width: 29.1667em;
    top: 58.5em;
    left: 1.66667em;
  }

  .cta_imagr {
    width: 74.4em;
    height: 60.9667em;
    top: 21.3333em;
    left: -42.0833em;
  }

  .cta_p-2 {
    font-size: 2.66667em;
  }

  .cta_text {
    width: 29.1667em;
    top: 15.5em;
    left: 1.66667em;
  }

  .cta_ambient-glow-lens {
    width: 24.0843em;
    height: 18.4968em;
    top: 8.87667em;
    left: 46.1525em;
  }

  .footer_p-3 {
    top: 36.6364em;
    left: 1.81818em;
  }

  .footer_ambient-glow {
    width: 34.45em;
    top: 43.1775em;
    left: -.975em;
  }

  .footer_p-4 {
    top: 33.5em;
    left: 26.0833em;
  }

  .footer_links-2 {
    top: 15.6875em;
    left: 16.875em;
  }

  .footer_10-footer {
    width: 32.5em;
    height: 45.5833em;
  }

  .footer_links {
    top: 15.6875em;
    left: 1.25em;
  }

  .footer_hairline {
    width: 29.1667em;
    top: 4.66667em;
    left: 1.66667em;
  }

  .footer_lettering-vertion-glass-full-width {
    width: 29.1667em;
    height: 9.19333em;
    top: 39.5em;
    left: 1.66667em;
  }

  .footer_p {
    width: 11.6667em;
    font-size: 2.5em;
    top: 5.03333em;
    left: .666667em;
  }

  .footer_div {
    left: -48.38%;
    right: -48.38%;
  }

  .footer_divider {
    width: 29.1667em;
    top: 31.9167em;
    left: 1.66667em;
  }

  .footer_logo-vertion {
    top: calc(50% - 13.5em);
    left: 1.66667em;
  }

  .footer_refraction-backdrop {
    width: 29.1667em;
    height: 12.6303em;
    top: 37.9808em;
    left: 1.66667em;
  }

  .rsp-hero-29 {
    font-size: .916667em;
  }

  .rsp-pain-26 {
    width: 8.33333em;
    font-size: 3.5em;
  }

  .rsp-cta-41 {
    font-size: 3.33333em;
  }

  .rsp-solution-62 {
    width: 29.1667em;
    top: 10.55em;
    left: 1.66667em;
  }

  .rsp-solution-132 {
    width: 29.1667em;
    top: 54.7167em;
    left: 1.66667em;
  }

  .rsp-solution-209 {
    width: 29.1667em;
    top: 98.8833em;
    left: 1.66667em;
  }

  .rsp-about-30 {
    white-space: normal;
  }

  .rsp-about-32 {
    left: auto;
    right: 2.66667em;
  }

  .rsp-about-39 {
    left: 17.8333em;
  }

  .rsp-projects-39 {
    box-shadow: inset 0 .04575em 0 0 #ffffff1f;
  }

  .rsp-projects-40 {
    width: 22.6667em;
    top: 8.33333em;
  }

  .rsp-projects-136 {
    width: 22.6667em;
    top: 11.1667em;
  }

  .responsive_menu-toggle {
    right: 1.66667em;
  }

  .responsive_hero-fade {
    background-image: linear-gradient(#0b0912 0%, #0b091200 100%);
    width: 32.5em;
    height: 21.6667em;
    display: block;
    position: absolute;
    top: 45.5em;
    left: 0;
  }

  .responsive_cta-fade {
    width: 32.5em;
    height: 20.5em;
    top: 21.3333em;
  }

  .responsive_services-pagination {
    place-content: stretch space-between;
    align-items: center;
    width: 29.1667em;
    height: 1.33333em;
    display: flex;
    position: absolute;
    top: 81.9167em;
    left: 1.66667em;
    overflow: clip;
  }

  .responsive_services-pagination-1 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-shrink: 0;
    align-content: stretch;
    align-items: center;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .responsive_services-pagination-2 {
    background-color: #8f7dff;
    border-radius: .0833333em;
    flex-shrink: 0;
    width: 2.66667em;
    height: .166667em;
    display: block;
    position: relative;
  }

  .responsive_services-pagination-3, .responsive_services-pagination-4, .responsive_services-pagination-5 {
    background-color: #fff3;
    border-radius: .0833333em;
    flex-shrink: 0;
    width: 1.33333em;
    height: .166667em;
    display: block;
    position: relative;
  }

  .responsive_services-pagination-6 {
    color: #a39eb8;
    letter-spacing: .08em;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 1em;
    line-height: 1.3;
    display: block;
    position: relative;
  }

  .responsive_projects-pagination {
    width: 29.1667em;
    top: 96.9167em;
    left: 1.66667em;
  }

  .responsive_pain-pagination {
    place-content: stretch space-between;
    align-items: center;
    width: 29.1667em;
    height: 1.33333em;
    display: flex;
    position: absolute;
    top: 92.5em;
    left: 1.66667em;
    overflow: clip;
  }

  .responsive_pain-pagination-1 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-shrink: 0;
    align-content: stretch;
    align-items: center;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .responsive_pain-pagination-2 {
    background-color: #8f7dff;
    border-radius: .0833333em;
    flex-shrink: 0;
    width: 2.66667em;
    height: .166667em;
    display: block;
    position: relative;
  }

  .responsive_pain-pagination-3, .responsive_pain-pagination-4, .responsive_pain-pagination-5 {
    background-color: #fff3;
    border-radius: .0833333em;
    flex-shrink: 0;
    width: 1.33333em;
    height: .166667em;
    display: block;
    position: relative;
  }

  .responsive_pain-pagination-6 {
    color: #a39eb8;
    letter-spacing: .08em;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 1em;
    line-height: 1.3;
    display: block;
    position: relative;
  }

  .responsive_point-1 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    background-color: #120f1ad1;
    border: 1px solid #edf0f524;
    border-radius: .5em;
    align-content: stretch;
    align-items: center;
    padding: .416667em .666667em;
    display: flex;
    position: absolute;
    top: 47.75em;
    left: 3.66667em;
    overflow: clip;
  }

  .responsive_point-1-1 {
    color: #8f7dff;
    letter-spacing: .08em;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 1em;
    line-height: 1.3;
    display: block;
    position: relative;
  }

  .responsive_point-2 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    background-color: #120f1ad1;
    border: 1px solid #edf0f524;
    border-radius: .5em;
    align-content: stretch;
    align-items: center;
    padding: .416667em .666667em;
    display: flex;
    position: absolute;
    top: 43.4167em;
    left: 7.58333em;
    overflow: clip;
  }

  .responsive_point-2-1 {
    color: #8f7dff;
    letter-spacing: .08em;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 1em;
    line-height: 1.3;
    display: block;
    position: relative;
  }

  .responsive_point-3 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    background-color: #120f1ad1;
    border: 1px solid #edf0f524;
    border-radius: .5em;
    align-content: stretch;
    align-items: center;
    padding: .416667em .666667em;
    display: flex;
    position: absolute;
    top: 44.6667em;
    left: 18.5em;
    overflow: clip;
  }

  .responsive_point-3-1 {
    color: #8f7dff;
    letter-spacing: .08em;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 1em;
    line-height: 1.3;
    display: block;
    position: relative;
  }

  .responsive_point-4 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    background-color: #120f1ad1;
    border: 1px solid #edf0f524;
    border-radius: .5em;
    align-content: stretch;
    align-items: center;
    padding: .416667em .666667em;
    display: flex;
    position: absolute;
    top: 47.8333em;
    left: 26em;
    overflow: clip;
  }

  .responsive_point-4-1 {
    color: #8f7dff;
    letter-spacing: .08em;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 1em;
    line-height: 1.3;
    display: block;
    position: relative;
  }

  .responsive_timeline-0 {
    top: 5.88333em;
    left: 15.9167em;
  }

  .responsive_timeline-1 {
    height: 3.66667em;
    top: 6.21667em;
    left: 16.0833em;
  }

  .responsive_timeline-2 {
    height: 3.66667em;
    top: 6.21667em;
    left: 16.1875em;
  }

  .responsive_timeline-mobile-0 {
    background-image: linear-gradient(#8f7dffe6 0%, #8f7dff40 100%);
    border-radius: .166667em;
    width: .333333em;
    height: 3.66667em;
    display: block;
    position: absolute;
    top: 50.3833em;
    left: 16.0833em;
  }

  .responsive_timeline-mobile-1 {
    background-image: linear-gradient(#fff 0%, #8f7dff99 100%);
    width: .125em;
    height: 3.66667em;
    display: block;
    position: absolute;
    top: 50.3833em;
    left: 16.1875em;
  }

  .responsive_timeline-mobile-2 {
    background-image: linear-gradient(#8f7dffe6 0%, #8f7dff40 100%);
    border-radius: .166667em;
    width: .333333em;
    height: 3.66667em;
    display: block;
    position: absolute;
    top: 94.55em;
    left: 16.0833em;
  }

  .responsive_timeline-mobile-3 {
    background-image: linear-gradient(#fff 0%, #8f7dff99 100%);
    width: .125em;
    height: 3.66667em;
    display: block;
    position: absolute;
    top: 94.55em;
    left: 16.1875em;
  }

  .responsive_card-number {
    font-size: 1em;
    line-height: 1.3;
    top: 3em;
    left: 21em;
    right: auto;
  }

  .responsive_hotspots {
    display: contents;
  }

  .v-container {
    padding-right: var(--_tokens---gutter-mobile);
    padding-left: var(--_tokens---gutter-mobile);
  }

  .v-section {
    padding-top: var(--_tokens---section-space-mobile);
    padding-bottom: var(--_tokens---section-space-mobile);
  }

  .v-h1 {
    font-size: 3.125rem;
    line-height: 1.04;
  }

  .v-h2 {
    font-size: 2.625rem;
    line-height: 1.05;
  }

  .v-h2.v-leistung-h2 {
    font-size: 2.625rem;
  }

  .v-title {
    font-size: 2.625rem;
    line-height: 1.05;
  }

  .v-title.v-rechtliches-404-h1 {
    font-size: 2.625rem;
  }

  .v-title.v-leistung-h2 {
    font-size: 2.25rem;
    line-height: 1.08;
  }

  .v-title.v-konfigurator-panel-title {
    font-size: 2.625rem;
    line-height: 1.05;
  }

  .v-title.is-cta {
    font-size: 2.25rem;
    line-height: 1.08;
  }

  .v-title.v-branche-aside-title, .v-title.v-gf-aside-title {
    font-size: 2.625rem;
  }

  .v-title.v-branche-ratgeber-title {
    font-size: 2.25rem;
  }

  .v-h3 {
    font-size: 1.4375rem;
  }

  .v-lead, .v-body {
    font-size: 1rem;
  }

  .v-small {
    font-size: .875rem;
  }

  .v-eyebrow, .v-index, .v-mono {
    font-size: .75rem;
  }

  .v-mono.v-branche-ql-label {
    display: none;
  }

  .v-section-head {
    margin-bottom: var(--_tokens---space-l);
    grid-row-gap: 1.25rem;
  }

  .v-section-head-meta {
    display: flex;
  }

  .v-hairline {
    height: 1px;
  }

  .v-section-head-main {
    grid-row-gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-btn-primary, .v-btn-primary._w-button {
    min-height: 3rem;
    font-size: .875rem;
  }

  .v-btn-primary.v-branche-btn-block {
    width: 100%;
  }

  .v-btn-secondary {
    min-height: 3rem;
    font-size: .875rem;
  }

  .v-btn-icon {
    width: 2rem;
    height: 2rem;
  }

  .v-link-arrow {
    font-size: .8125rem;
  }

  .v-glass-card {
    padding: 1.5rem;
  }

  .v-chip {
    min-height: 2.75rem;
  }

  .v-grid-2, .v-grid-3, .v-grid-4 {
    grid-template-columns: minmax(0, 1fr);
  }

  .v-stack {
    grid-row-gap: 1rem;
  }

  .v-cluster {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .v-richtext {
    font-size: 1rem;
  }

  .v-quicklinks {
    top: 4rem;
  }

  .v-quicklinks-link {
    min-height: 2.75rem;
  }

  .v-faq-item {
    position: relative;
  }

  .v-faq-q {
    padding: 1.25rem 0;
    font-size: 1.375rem;
  }

  .v-faq-a {
    padding-bottom: 1.25rem;
    padding-right: 0;
  }

  .v-input, .v-input._w-input, .v-input._w-select {
    font-size: 1rem;
  }

  .v-textarea, .v-textarea._w-input {
    min-height: 8rem;
  }

  .v-label {
    font-size: .75rem;
  }

  .v-checkbox {
    font-size: .875rem;
  }

  .v-glow {
    width: 20rem;
    height: 10rem;
  }

  .vn-bar {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .vn-cta {
    display: none;
  }

  .vn-m-inner {
    padding: 1.25rem 1.25rem 2.5rem;
  }

  .vn-m-row-head {
    min-height: 4.25rem;
  }

  .vn-m-link {
    font-size: 2.5rem;
  }

  .vn-m-sublist {
    padding-left: 0;
  }

  .vn-m-cta {
    width: 100%;
  }

  .vn-m-contact {
    grid-row-gap: 0;
    grid-column-gap: 0;
    flex-direction: column;
  }

  .vf-inner {
    padding: 4rem 1.25rem 0;
  }

  .vf-claim {
    font-size: 2rem;
  }

  .vf-cols {
    grid-column-gap: 1.25rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .vf-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .vf-lettering {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .vc-banner {
    border-radius: 1rem 1rem 0 0;
    width: 100%;
    padding: 1.25rem;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .vc-actions {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .vc-dialog {
    align-items: flex-end;
    padding: 0;
  }

  .vc-modal {
    border-radius: 1.25rem 1.25rem 0 0;
    max-height: 90vh;
    padding: 1.5rem 1.25rem;
  }

  .v-cta {
    border-radius: 1rem;
    padding: 2.5rem 1.25rem;
  }

  .v-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .v-rechtliches-hero {
    padding-top: 4rem;
    padding-bottom: 2.5rem;
  }

  .v-rechtliches-title {
    margin-top: 2.5rem;
  }

  .v-rechtliches-body {
    padding-bottom: 5rem;
  }

  .v-rechtliches-toc {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .v-rechtliches-progress {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .v-rechtliches-article {
    row-gap: 3rem;
  }

  .v-rechtliches-h2 {
    font-size: 2rem;
  }

  .v-rechtliches-contact {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-gf-hero-fig {
    display: none;
  }

  .v-uebersicht-hero-art {
    height: 28rem;
  }

  .v-uebersicht-hero-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .v-uebersicht-trust {
    flex-direction: column;
  }

  .v-uebersicht-lgrid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-lcard-media {
    height: 18rem;
  }

  .v-gf-ask-title {
    font-size: 2.625rem;
  }

  .v-ref-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-branche-hero {
    padding-top: 6.5rem;
  }

  .v-branche-hero-img {
    max-width: 16rem;
  }

  .v-branche-trust {
    flex-direction: column;
  }

  .v-uebersicht-mcta {
    padding: 2.5rem 1.25rem;
  }

  .v-uebersicht-endcta {
    padding-top: 5.5rem;
  }

  .v-uebersicht-endcta-art {
    height: 24rem;
  }

  .v-res-hero-art.is-list {
    display: none;
  }

  .v-leistung-hero {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
  }

  .v-leistung-h1-long {
    font-size: 3.125rem;
    line-height: 1.06;
  }

  .v-leistung-chip {
    font-size: .8125rem;
  }

  .v-leistung-hero-media {
    order: 1;
  }

  .v-branche-ql {
    padding-top: .5rem;
    padding-bottom: .5rem;
    top: 4rem;
  }

  .v-branche-quote {
    font-size: 2.125rem;
  }

  .v-res-bento-col, .v-res-bento-bottom {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-res-tile {
    min-height: 25rem;
  }

  .v-res-tile.is-lg {
    min-height: 29rem;
  }

  .v-leistung-ql {
    top: 4rem;
  }

  .v-leistung-def {
    padding: 1.5rem;
  }

  .v-leistung-def-text {
    font-size: 1.375rem;
  }

  .v-leistung-card, .v-branche-card {
    padding: 1.5rem;
  }

  .v-branche-card.v-branche-pain {
    flex-basis: 86%;
    min-height: 29.375rem;
  }

  .v-branche-svc-row {
    grid-column-gap: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .v-branche-svc-title {
    font-size: 1.5rem;
  }

  .v-res-cards {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-res-slider-ui {
    align-items: center;
    column-gap: 1rem;
    display: flex;
  }

  .v-leistung-tech, .v-branche-dl-row, .v-branche-steps {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-ref-case-hero-img {
    opacity: .5;
    width: 130%;
    height: 55%;
    top: auto;
    bottom: 0;
    right: -35%;
  }

  .v-ref-case-hero-shade {
    background-image: linear-gradient(#0b0912 0%, #0b0912f0 50%, #0b09128c 78%, #0b0912 100%);
  }

  .v-branche-chip {
    border-radius: .75rem;
    justify-content: space-between;
    width: 100%;
  }

  .v-branche-ask, .v-branche-option {
    padding: 1.25rem;
  }

  .v-leistung-panel {
    padding: 1.5rem;
  }

  .v-leistung-cases {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-leistung-teaser-title {
    font-size: 1.875rem;
  }

  .v-leistung-teaser-img {
    width: 80%;
  }

  .v-leistung-calc {
    padding: 1.5rem;
  }

  .v-leistung-calc-slot {
    min-height: 0;
    padding: 1.5rem;
  }

  .v-rechtliches-404-num {
    font-size: 12rem;
  }

  .v-rechtliches-404-link {
    grid-template-rows: auto;
    grid-template-columns: 2rem minmax(0, 1fr) 1.25rem;
    min-height: 3.25rem;
  }

  .v-rechtliches-404-link-path {
    display: none;
  }

  .v-gf-form-row, .v-leistung-guides {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-leistung-request, .v-leistung-option, .v-leistung-option-accent {
    padding: 1.5rem;
  }

  .v-ref-more-bar {
    justify-content: flex-start;
    margin-top: 1.5rem;
  }

  .v-res-step {
    grid-template-rows: auto;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: start;
    padding: 1.5rem .5rem;
  }

  .v-res-step-title {
    font-size: 1.4375rem;
  }

  .v-res-step-link {
    grid-column: 2 / 3;
  }

  .v-leistung-final {
    padding-bottom: 16rem;
  }

  .v-leistung-final-bg {
    height: 18rem;
  }

  .v-gf-google-title {
    font-size: 2.625rem;
  }

  .v-uebersicht-bgrid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-banner {
    padding: 2.5rem 1.25rem;
  }

  .v-gf-az-label {
    display: none;
  }

  .v-gf-sr {
    font-size: 2.625rem;
  }

  .v-konfigurator-head {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .v-konfigurator-statue {
    width: 120%;
    top: 4rem;
    right: -45%;
  }

  .v-konfigurator-head-grid {
    margin-top: 1.75rem;
    margin-bottom: 2rem;
  }

  .v-konfigurator-progress {
    padding: 1rem;
    top: 4.25rem;
  }

  .v-konfigurator-progress-top {
    margin-bottom: .75rem;
  }

  .v-konfigurator-steps, .v-konfigurator-step {
    column-gap: .5rem;
  }

  .v-konfigurator-step-label {
    display: none;
  }

  .v-res-listing {
    padding-bottom: 4rem;
  }

  .v-res-filter-inner {
    flex-direction: column;
    align-items: stretch;
  }

  .v-res-sort {
    justify-content: space-between;
  }

  .v-res-slot-card {
    grid-column: auto;
    min-height: 18rem;
  }

  .v-kt-form-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-kt-span2 {
    grid-column-start: auto;
  }

  .v-kt-data {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-kt-cell-wide {
    grid-column-start: auto;
  }

  .v-konfigurator-body {
    padding-top: 2rem;
  }

  .v-konfigurator-panel-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .v-konfigurator-grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-konfigurator-task {
    flex-direction: row;
    align-items: center;
    column-gap: 1rem;
    padding: 1rem 1.125rem 1rem 1rem;
  }

  .v-konfigurator-task-top {
    display: contents;
  }

  .v-konfigurator-task-icon {
    flex: none;
    order: 1;
  }

  .v-konfigurator-task-check {
    flex: none;
    order: 3;
    width: 1.5rem;
    height: 1.5rem;
  }

  .v-konfigurator-task-text {
    flex: auto;
    order: 2;
    row-gap: .25rem;
  }

  .v-konfigurator-task-title {
    font-size: 1.4375rem;
  }

  .v-konfigurator-other {
    max-width: none;
  }

  .v-konfigurator-tiles {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-konfigurator-tile, .v-konfigurator-tile-save {
    padding: 1.25rem;
  }

  .v-konfigurator-num, .v-konfigurator-num-sep {
    font-size: 3rem;
  }

  .v-konfigurator-tile-hours, .v-konfigurator-tile-cost {
    grid-row-start: auto;
    grid-column-start: 1;
  }

  .v-konfigurator-breakdown, .v-konfigurator-card {
    padding: 1.25rem;
  }

  .v-konfigurator-fields {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-konfigurator-nav {
    z-index: 6;
    padding-top: .75rem;
    padding-right: 1.25rem;
    padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: #0e0b16e6;
    border-top-color: #ffffff24;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    position: sticky;
    bottom: 0;
  }

  .v-konfigurator-nav-right {
    flex: auto;
    justify-content: flex-end;
  }

  .v-konfigurator-enter {
    display: none;
  }

  .v-konfigurator-next {
    flex: auto;
  }

  .v-konfigurator-done-statue {
    opacity: 1;
    width: 100%;
    margin-top: 2rem;
    position: relative;
    right: auto;
  }

  .v-konfigurator-done-title {
    font-size: 3.125rem;
  }

  .v-uebersicht-uhero-art {
    height: 26rem;
  }

  .v-gf-h2 {
    font-size: 2.625rem;
  }

  .v-gf-pn {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-res-art-title {
    font-size: 3.125rem;
    line-height: 1.04;
  }

  .v-branche-pre-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-branche-step-dot {
    top: .375rem;
    left: -1.75rem;
  }

  .v-branche-approach-steps {
    grid-row-gap: 3.375rem;
    background-image: linear-gradient(#8f7dff, #ffffff1f);
    background-position: 4px 8px;
    background-size: 1px calc(100% - 2rem);
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.5rem;
    padding-top: 0;
    padding-left: 1.75rem;
  }

  .heading-styles-h1 {
    font-size: 3.125em;
  }

  .heading-styles-h1.branche-hero_h1 {
    margin-top: .75rem;
    font-size: 2.625em;
  }

  .heading-styles-h1.is-ovhero, .heading-styles-h1.is-ovuhero {
    font-size: 3.125em;
  }

  .heading-styles-h1.is-ls-long {
    font-size: 3.125em;
    line-height: 1.06;
  }

  .heading-styles-h2 {
    font-size: 2.625em;
  }

  .heading-styles-h2.home-about_title {
    grid-column: 1 / 2;
  }

  .heading-styles-h2.is-ovend {
    font-size: 2.625em;
  }

  .heading-styles-h2.branche-cta_title, .heading-styles-h2.home-cta_title {
    font-size: 2.5em;
  }

  .heading-styles-h3, .heading-styles-h3.is-ovmcta, .heading-styles-h3.is-ovbanner, .heading-styles-h3.is-ovcontact {
    font-size: 2.25em;
  }

  .heading-styles-h4 {
    font-size: 1.4375em;
  }

  .heading-styles-h5, .text-size-large {
    font-size: 1.125em;
  }

  .text-size-medium {
    font-size: 1em;
  }

  .section-head {
    row-gap: 2.5em;
  }

  .section-head.is-ls {
    grid-row-gap: 2.5em;
  }

  .section-tag.branche-tag_wrap {
    white-space: normal;
    flex-shrink: 1;
    min-width: 0;
  }

  .section-head_lead {
    max-width: none;
    font-size: 1em;
  }

  .button-primary.branche-ansatz_btn {
    justify-content: space-between;
    align-self: stretch;
  }

  .button-secondary.home-services_button {
    justify-content: space-between;
    width: 100%;
  }

  .button-secondary.home-cta_submit {
    align-self: stretch;
  }

  .glass-card {
    padding: 1.25em;
  }

  .glass-card.home-services_card {
    scroll-snap-align: start;
    flex: 0 0 18.75em;
  }

  .glass-card.branche_card {
    min-height: 0;
    padding: 1.5em;
  }

  .glass-card.branche-ausg_card {
    width: 85%;
    min-height: 27em;
    padding: 1.5em;
  }

  .glass-card.branche-anw_card {
    padding: 1.5em;
  }

  .glass-card.branche-rg_card {
    flex-direction: column;
  }

  .glass-card.branche-ask_option {
    padding: 1.25em;
  }

  .glass-card.home-projects_card {
    flex-basis: 20em;
    width: 20em;
    min-height: 46.1875em;
  }

  .glass-panel {
    border-radius: .5em;
    padding: 1.5em;
  }

  .glass-panel.branche-ablauf_facts {
    margin-top: 2.5em;
    padding: 1.5em 1.25em;
  }

  .glass-panel.is-ovmcta {
    padding: 13em 1.25em 2.5em;
  }

  .glass-panel.branche-ask_panel {
    margin-top: 2.25em;
    padding: 1.25em;
  }

  .glass-panel.ls-privacy {
    padding: 1.5em;
  }

  .glass-panel.is-ovbanner {
    padding: 2.5em 1.25em;
  }

  .glass-panel.home-cta_panel {
    padding: 1.25em;
  }

  .glass-panel.ls-faq_item {
    padding-left: 1.25em;
    padding-right: .75em;
  }

  .glass-panel.ls-request, .glass-panel.ls-option, .glass-panel.ls-article_cta {
    padding: 1.5em;
  }

  .glass-panel.case-hero_brief {
    grid-template-columns: 1fr;
  }

  .glass-pill.branche-rg_related-link {
    min-height: 2.75em;
  }

  .glass-pill.branche-more_chip {
    background-color: #0000;
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: #ffffff1a;
    border-radius: 0;
    justify-content: space-between;
    min-height: 3.5em;
    padding-left: .25em;
    padding-right: .25em;
  }

  .glass-pill.home-tech_lens {
    width: 16.875em;
    margin-left: -8.4375em;
  }

  .glass-pill.ls-tech_lens {
    width: 16em;
    height: 10.5em;
    margin-left: -8em;
    top: 1.25em;
  }

  .grid-3 {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-2, .grid-4 {
    grid-template-columns: minmax(0, 1fr);
  }

  .hide-mobile, .navbar_cta {
    display: none;
  }

  .navbar_m-head {
    min-height: 4.25em;
  }

  .navbar_m-link {
    font-size: 2.5em;
  }

  .navbar_m-list {
    padding-left: 0;
  }

  .footer_inner {
    padding-top: 4em;
    padding-bottom: 1.25em;
  }

  .footer_claim {
    font-size: 2em;
  }

  .footer_cols {
    grid-column-gap: 1.25em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .footer_bottom {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 2em;
  }

  .cookie_banner {
    border-radius: .75em;
    row-gap: .5em;
    width: auto;
    max-width: none;
    padding: .75em .875em;
    bottom: .5em;
    left: .5em;
    right: .5em;
  }

  .cookie_copy {
    line-height: 1.1;
    display: block;
  }

  .cookie_title {
    font-size: 1.125em;
    display: none;
  }

  .cookie_text {
    font-size: .75em;
    display: inline;
  }

  .cookie_links {
    vertical-align: middle;
    column-gap: .75em;
    margin-top: 0;
    margin-left: .5em;
    display: inline-flex;
  }

  .cookie_link {
    min-height: 24px;
    font-size: .6875em;
    text-decoration: underline;
  }

  .cookie_actions.is-modal {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie_btn {
    min-height: 2.5em;
  }

  .cookie_dialog {
    align-items: flex-end;
    padding: .75em;
  }

  .cookie_modal {
    padding: 1.5em 1.25em;
  }

  .gf-hero_glow {
    top: -30em;
    right: -30em;
  }

  .gf-hero_fig {
    display: none;
  }

  .home-services_glow {
    width: 26.81em;
    height: 31.43em;
    top: 28.75em;
    left: -1.22em;
  }

  .home-services_cards {
    grid-column-gap: .75em;
    scroll-snap-type: x mandatory;
    margin-top: 3em;
    margin-left: -1.25em;
    margin-right: -1.25em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    scroll-padding-left: 1.25em;
    display: flex;
    overflow: auto visible;
  }

  .home-slider_ui {
    display: flex;
  }

  .home-services_cta {
    margin-top: 3em;
  }

  .branche-hero_glow {
    width: 30em;
    height: 34em;
    margin-left: -15em;
    top: 38em;
  }

  .wrapper_branche-hero {
    padding-top: 6.5em;
  }

  .branche-hero_lead {
    margin-top: 1em;
    font-size: 1em;
  }

  .branche-hero_buttons {
    flex-direction: column;
    align-self: stretch;
    margin-top: 1.5em;
  }

  .branche-hero_micro {
    margin-top: 1.5em;
  }

  .branche-hero_media {
    width: 19em;
    height: 21em;
  }

  .branche-hero_media.is-tall {
    width: 15em;
    height: 22.5em;
  }

  .branche-hero_bottom {
    grid-row-gap: 1.5em;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1.75em;
    padding-bottom: 1.75em;
  }

  .branche-hero_trust {
    flex-direction: column;
  }

  .branche-hero_scroll {
    display: none;
  }

  .ref-hero_media {
    width: 24em;
    height: 28.375em;
  }

  .section_faq-tabs {
    top: 4em;
  }

  .is-ls-long {
    font-size: 3.125em;
    line-height: 1.06;
  }

  .ls-hero_actions {
    margin-top: 1.75em;
  }

  .res-hero_copy {
    grid-row-gap: 1.25em;
  }

  .res-hero_art {
    height: 19em;
    margin-top: 0;
  }

  .res-hero_art.is-list {
    height: 3em;
  }

  .res-hero_img {
    width: 150%;
    top: 1em;
    left: -30%;
  }

  .res-hero_lens {
    width: 10em;
    top: 1.5em;
    left: 50%;
  }

  .ovhero_art {
    height: 28.75em;
  }

  .ovhero_art.is-unternehmen {
    height: 27.5em;
    margin-top: 2em;
  }

  .ovhero_glow.is-leistungen, .ovhero_glow.is-branchen {
    width: 21.9375em;
    height: 23em;
    margin-left: -10.97em;
    top: 1.25em;
    left: 50%;
  }

  .ovhero_glow.is-unternehmen {
    width: 35em;
    height: 35em;
    margin-left: -17.5em;
  }

  .ovhero_statue-wrap.is-leistungen {
    width: 56.25em;
    margin-left: -27.2625em;
    top: -4.24em;
    left: 50%;
  }

  .ovhero_statue-wrap.is-branchen {
    width: 40em;
    margin-left: -16.875em;
    top: 2.7081em;
    left: 50%;
  }

  .ovhero_statue-wrap.is-unternehmen {
    width: 53.6688em;
    margin-left: -24.4375em;
    top: -1.875em;
  }

  .ovhero_lens-wrap.is-leistungen {
    width: 15.8584em;
    margin-left: -7.3792em;
    top: 2.5815em;
    left: 50%;
  }

  .ovhero_lens-wrap.is-branchen {
    width: 14.8352em;
    margin-left: -.2926em;
    top: 4.9539em;
    left: 50%;
  }

  .wrapper_ovhero {
    grid-row-gap: 1em;
  }

  .ovhero_trust {
    grid-row-gap: .625em;
    flex-direction: column;
  }

  .home-about_glow {
    width: 24.375em;
    height: 24.375em;
    top: 14.19em;
    left: -7.31em;
  }

  .home-about_grid {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3em;
  }

  .home-about_portrait {
    grid-row: 2 / 3;
  }

  .home-about_copy {
    grid-area: 3 / 1 / 4 / 2;
    padding-top: 0;
  }

  .home-about_text {
    font-size: 1em;
  }

  .home-about_cards {
    margin-top: 3em;
  }

  .home-about_card-text {
    max-width: 17.875em;
  }

  .section_branche-ql {
    padding-top: .5em;
    padding-bottom: .5em;
    top: 4em;
  }

  .branche-ql_bar {
    grid-column-gap: .5em;
    background-color: #0b0912b8;
    border-style: none;
    padding: .375em;
  }

  .branche-ql_label, .branche-ql_divider {
    display: none;
  }

  .branche-ql_link {
    background-color: #ffffff0a;
    border: 1px solid #ffffff1f;
    border-radius: 62.5em;
    min-height: 2.5em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: .75em;
  }

  .branche-ql_link.is-active {
    background-color: #8f7dff29;
    border-color: #8f7dff99;
  }

  .wrapper_branche-leitsatz {
    grid-row-gap: 1.5em;
  }

  .branche-leitsatz_quote {
    font-size: 2em;
  }

  .branche_card-top {
    margin-bottom: 1.5em;
  }

  .branche-anf_grid {
    grid-row-gap: .75em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.25em;
  }

  .branche-ausg_slider {
    margin-top: 2.25em;
  }

  .branche-ausg_track {
    margin-right: -1.25em;
    padding-right: 1.25em;
  }

  .rechtliches_contact {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .section_ls-ql {
    top: 4em;
  }

  .glass-panel-parent.glass-panel.ls-def {
    padding: 1.5em;
  }

  .wrapper_ls-ausgangslage {
    grid-row-gap: 2.5em;
  }

  .ls-def_text {
    font-size: 1.375em;
  }

  .ls-grid.is-4, .ovlcards_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ovlcards_media {
    height: 18em;
  }

  .section_home-hero {
    min-height: 75em;
  }

  .home-hero_visual {
    width: 55.8125em;
    height: 37.1875em;
    top: 34.25em;
    right: -2.1875em;
  }

  .home-hero_glow-top {
    width: 52.5em;
    height: 52.5em;
    top: -19.25em;
    left: -3.625em;
  }

  .home-hero_bottom-fade {
    height: 5.6875em;
  }

  .wrapper_home-hero {
    min-height: 66.375em;
  }

  .home-hero_content {
    grid-row-gap: 3em;
    max-width: none;
  }

  .home-hero_text {
    grid-row-gap: 1.5em;
  }

  .home-hero_lead {
    font-size: 1em;
  }

  .home-hero_trust-list {
    grid-row-gap: .75em;
    flex-direction: column;
  }

  .ref-cases_grid, .ref-cases_grid.is-more {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .branche-ansatz_split {
    margin-top: 2.25em;
  }

  .branche-ansatz_text {
    font-size: 1em;
  }

  .branche-ansatz_line {
    background-image: linear-gradient(#8f7dff, #ffffff1f);
    width: 1px;
    height: auto;
    inset: 0 auto 0 .3125em;
  }

  .branche-ansatz_steps {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .branche-ansatz_step {
    grid-column-gap: 1.25em;
    grid-template-rows: auto;
    grid-template-columns: .625em minmax(0, 1fr);
    display: grid;
  }

  .branche-ansatz_dot {
    grid-row: 1 / 3;
    margin-top: .2em;
    margin-bottom: 0;
  }

  .branche-leist_list {
    margin-top: 2.25em;
  }

  .branche-leist_row {
    grid-template-rows: auto;
    grid-template-columns: 2em minmax(0, 1fr) 2.5em;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }

  .branche-leist_title {
    padding-right: .75em;
    font-size: 1.5em;
  }

  .branche-leist_text {
    padding-right: .75em;
    font-size: .875em;
  }

  .branche-leist_arrow {
    width: 2.5em;
    height: 2.5em;
  }

  .branche-anw_grid {
    grid-row-gap: .75em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.25em;
  }

  .branche-anw_hint {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2.5em;
    padding: 1.5em 1.25em;
  }

  .res-bento_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .res-tile {
    min-height: 0;
  }

  .res-tile.is-xl {
    grid-column-end: 2;
    min-height: 15em;
  }

  .res-tile.is-wide {
    min-height: 0;
  }

  .res-bento_col {
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-column-end: 2;
  }

  .res-tile_body {
    max-width: none;
    padding-top: 10.5em;
  }

  .res-tile_media {
    width: 64%;
    height: 11em;
    top: .5em;
    right: 0;
  }

  .res-tile_media.is-standing {
    width: 50%;
    height: 14em;
    top: 1em;
    bottom: auto;
    right: 4%;
  }

  .res-tile_media.is-bust, .res-tile_media.is-helmet, .res-tile_media.is-head, .res-tile_media.is-column {
    width: 64%;
    height: 11em;
    top: .5em;
    right: 0;
  }

  .res-bento_row {
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-column-end: 2;
  }

  .konfigurator_progress {
    padding: 1em;
    top: 4em;
  }

  .konfigurator_progress-top {
    margin-bottom: .75em;
  }

  .konfigurator_steps, .konfigurator_step {
    grid-column-gap: .5em;
  }

  .konfigurator_step-label {
    display: none;
  }

  .konfigurator_done-statue {
    opacity: 1;
    width: 100%;
    margin-top: 2em;
    position: relative;
    right: auto;
  }

  .konfigurator_done-title {
    font-size: 3.125em;
  }

  .res-cards.is-latest {
    grid-column-gap: .75em;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin-left: -1.25em;
    margin-right: -1.25em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    scroll-padding-left: 1.25em;
    display: flex;
    overflow-x: auto;
  }

  .res-cards.is-list {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .res-latest_progress {
    width: 3.75em;
    display: block;
  }

  .res-card_media {
    height: 13em;
  }

  .res-step {
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 2.25em minmax(0, 1fr);
  }

  .res-step_link {
    grid-column: 2 / 3;
    padding-top: 0;
  }

  .res-step_body {
    padding-right: 0;
  }

  .res-step_title {
    font-size: 1.4375em;
  }

  .wrapper_res-cta {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .res-cta_copy {
    grid-row-gap: 1.25em;
    padding: .5em 1.5em 2em;
  }

  .res-cta_lens {
    width: 9em;
    top: 1.5em;
    left: 46%;
  }

  .res-cta_art {
    grid-row: 1 / 2;
    min-height: 15em;
  }

  .res-cta_img {
    width: 70%;
    left: 15%;
  }

  .home-pain_scene {
    font-size: .55em;
    top: 17.7841em;
    left: -26.0227em;
  }

  .home-pain_map-embed {
    display: none;
  }

  .home-pain_tag {
    padding: .3125em .5em;
    font-size: 1.8182em;
    inset: auto auto .8em 50%;
    transform: translate(-50%);
  }

  .home-pain_tag.is-left {
    left: 50%;
    right: auto;
  }

  .home-pain_tag.is-above {
    top: auto;
  }

  .home-pain_tag-label {
    display: none;
  }

  .home-pain_cards {
    grid-column-gap: .75em;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin-top: 19.375em;
    margin-right: -1.25em;
    padding-right: 1.25em;
    display: flex;
    overflow-x: auto;
  }

  .home-pain_card {
    scroll-snap-align: start;
    border-radius: .5em;
    flex-shrink: 0;
    width: 18.75em;
    padding: 2em;
  }

  .home-pain_pager {
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5em;
    display: flex;
  }

  .home-pain_bars {
    grid-column-gap: .375em;
    display: flex;
  }

  .home-pain_bar {
    background-color: #fff3;
    border-radius: 1px;
    width: 1em;
    height: 2px;
  }

  .home-pain_bar.is-active {
    background-color: var(--_colors---purple);
    width: 2em;
  }

  .branche-ablauf_steps {
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .branche-team_grid {
    margin-top: 2.25em;
  }

  .branche-team_img {
    min-height: 24em;
  }

  .branche-team_cards {
    grid-row-gap: .75em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .branche-team_btn-row {
    margin-top: 2.25em;
  }

  .branche-rg_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.25em;
  }

  .branche-rg_media {
    aspect-ratio: 2;
    width: 100%;
    min-height: 0;
  }

  .ovmcta_glow {
    width: 24em;
    height: 18em;
    left: 6em;
  }

  .ovmcta_art {
    width: 17em;
    top: 1em;
    left: 0;
  }

  .wrapper_ls-bausteine {
    grid-row-gap: 2.5em;
  }

  .home-solution_scene {
    font-size: .6em;
    top: 30.0208em;
    left: -28.4792em;
  }

  .home-solution_glow-blue {
    top: 21.9em;
    left: 9.6em;
  }

  .home-solution_steps {
    margin-top: 22.375em;
    padding-top: 7.9375em;
  }

  .home-solution_line {
    display: none;
  }

  .home-solution_source {
    top: 4.4375em;
  }

  .home-solution_logo {
    width: 7.8125em;
    height: 5.0625em;
    margin-left: -3.90625em;
  }

  .home-solution_logo-img {
    width: 9.5158em;
    height: 6.9136em;
    top: -.5118em;
    left: -.8516em;
  }

  .home-solution_marks {
    display: none;
  }

  .home-solution_cards {
    grid-row-gap: 3.25em;
  }

  .home-solution_step {
    width: 100%;
  }

  .home-solution_step.is-2 {
    align-self: stretch;
    margin-top: 0;
  }

  .home-solution_step.is-3 {
    margin-top: 0;
  }

  .home-solution_connector {
    background-image: linear-gradient(#ffffffe6 0%, #8f7dffb3 100%);
    width: .25em;
    height: 2.75em;
    margin-left: -.125em;
    display: block;
    position: absolute;
    top: -3.25em;
    left: 50%;
    box-shadow: 0 0 4px #8f7dff99;
  }

  .home-solution_card {
    border-radius: .5em;
    padding: 0 0 .5em;
  }

  .home-solution_card.is-short {
    min-height: 27.25em;
  }

  .home-solution_banner {
    grid-row-gap: 1.75em;
    align-items: stretch;
    margin-top: 5.5em;
  }

  .home-solution_closing {
    font-size: 1.875em;
  }

  .home-solution_connector-node {
    background-color: var(--_colors---white);
    width: .5em;
    height: .5em;
    position: absolute;
    top: 2.5em;
    left: -.125em;
    box-shadow: 0 0 14px 2px #8f7dff;
  }

  .ovfaq_art {
    width: 17.05em;
  }

  .ovfaq_q {
    grid-column-gap: 1em;
    padding-left: 1.25em;
    padding-right: 1em;
  }

  .ovfaq_q-text {
    font-size: 1.375em;
  }

  .ovfaq_a {
    margin-top: 0;
    padding-bottom: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .ovend_scene {
    margin-left: -70.5645em;
    font-size: .62em;
    bottom: -21.33em;
  }

  .ovend_overlay {
    background-image: linear-gradient(#0b0912 0% 46%, #0b091200 71% 77%, #0b0912 100%);
  }

  .wrapper_ovend {
    grid-row-gap: 3em;
  }

  .branche-faq_grid {
    margin-top: 2.25em;
  }

  .branche-faq_trigger {
    grid-template-rows: auto;
    grid-template-columns: 1.75em minmax(0, 1fr) 1.875em;
    min-height: 4em;
    padding: 1em;
  }

  .branche-faq_q {
    font-size: 1.375em;
  }

  .branche-faq_answer {
    padding-bottom: 1.25em;
    padding-left: 2.75em;
    padding-right: 1em;
    font-size: 1em;
  }

  .branche-more_chips {
    grid-row-gap: 0em;
    border-top: 1px solid #ffffff1a;
    flex-direction: column;
    margin-top: 2.25em;
  }

  .branche-more_text {
    flex-grow: 1;
    font-size: 1.375em;
  }

  .branche-ask_pre-grid, .branche-ask_options {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .branche-ask_trust {
    flex-direction: column;
  }

  .wrapper_ls-uc {
    grid-row-gap: 2.5em;
  }

  .ls-uc_title {
    font-size: .8333em;
  }

  .ls-flow_list {
    grid-row-gap: 1.25em;
    flex-direction: column;
  }

  .ls-flow_node {
    grid-column-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 2em minmax(0, 1fr);
    align-items: center;
    max-width: none;
    padding: .875em 1em;
    display: grid;
  }

  .ls-flow_type {
    margin-top: 0;
    margin-bottom: .125em;
  }

  .home-tech_glow {
    width: 24.375em;
    height: 19.25em;
    top: 27em;
  }

  .home-tech_band {
    margin-top: 3.5em;
  }

  .home-tech_fade {
    width: 3.5em;
  }

  .home-tech_lens-glow {
    width: 20.6em;
    margin-left: -10.3em;
  }

  .wrapper_ls-deliver, .wrapper_ls-ablauf {
    grid-row-gap: 2.5em;
  }

  .branche-lt_grid {
    margin-top: 2.25em;
  }

  .branche-cta_lead {
    font-size: 1em;
  }

  .branche-cta_buttons {
    flex-direction: column;
    align-self: stretch;
  }

  .konfigurator_statue {
    width: 120%;
    top: 4em;
    right: -45%;
  }

  .konfigurator_head-grid {
    margin-top: 1.75em;
    margin-bottom: 2em;
  }

  .konfigurator_form, .konfigurator_form._w-form {
    margin-top: 3em;
  }

  .konfigurator_panel-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .konfigurator_panel-title {
    font-size: 2.625em;
  }

  .konfigurator_grid {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .konfigurator_task {
    grid-column-gap: 1em;
    flex-direction: row;
    align-items: center;
    min-height: 4em;
    padding: 1em 1.125em 1em 1em;
  }

  .konfigurator_task-top {
    display: contents;
  }

  .konfigurator_task-icon {
    flex: none;
    order: 1;
  }

  .konfigurator_task-check {
    flex: none;
    order: 3;
    width: 1.5em;
    height: 1.5em;
  }

  .konfigurator_task-text {
    grid-row-gap: .25em;
    flex: auto;
    order: 2;
  }

  .konfigurator_task-title {
    font-size: 1.4375em;
  }

  .konfigurator_other {
    max-width: none;
  }

  .konfigurator_tiles {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .konfigurator_tile, .konfigurator_tile.is-save {
    padding: 1.25em;
  }

  .konfigurator_tile.is-hours, .konfigurator_tile.is-cost {
    grid-area: auto / 1 / auto / 2;
  }

  .konfigurator_num {
    font-size: 3em;
  }

  .konfigurator_breakdown, .konfigurator_card {
    padding: 1.25em;
  }

  .konfigurator_fields {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .konfigurator_nav {
    z-index: 6;
    background-color: #0e0b16e6;
    border-top: 1px solid #ffffff24;
    margin-left: -1.25em;
    margin-right: -1.25em;
    padding: .75em 1.25em;
    position: sticky;
    bottom: 0;
  }

  .konfigurator_nav-right {
    flex: auto;
    justify-content: flex-end;
  }

  .konfigurator_next {
    flex: auto;
  }

  .wrapper_ls-tech {
    grid-row-gap: 2.5em;
  }

  .ls-tech_band {
    height: 13em;
    margin-left: -1.25em;
    margin-right: -1.25em;
  }

  .ls-tech_line {
    left: 1.25em;
    right: 1.25em;
  }

  .ls-tech_base {
    grid-row-gap: 2em;
    top: 3em;
  }

  .ls-tech_row {
    grid-column-gap: 2.5em;
  }

  .ls-tech_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .res-feat_media {
    height: 14.5em;
  }

  .res-feat_lens {
    width: 7.5em;
    top: 1em;
    right: 1em;
  }

  .res-feat_body {
    padding-left: 1em;
    padding-right: 1em;
  }

  .res-feat_title {
    font-size: 1.75em;
    line-height: 1.12;
  }

  .res-slot-card {
    min-height: 18em;
  }

  .res-filter_sort {
    display: none;
  }

  .res-filter_chips {
    margin-right: -1.25em;
    padding-right: 1.25em;
  }

  .res-feat_teaser {
    font-size: .9375em;
  }

  .glossar_search-count {
    display: none;
  }

  .section_glossar-az {
    top: 4em;
  }

  .home-projects_glow {
    width: 29.25em;
    height: 24.5em;
    top: 30em;
    left: -2.44em;
  }

  .home-projects_cards {
    grid-column-gap: .75em;
    margin-top: 3em;
    margin-left: -1.25em;
    margin-right: -1.25em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    scroll-padding-left: 1.25em;
  }

  .home-projects_head {
    height: 11.125em;
  }

  .home-projects_tags {
    bottom: 1em;
    left: 1.5em;
    right: 1.5em;
  }

  .ovbtiles_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .wrapper_ls-privacy {
    grid-row-gap: 2.5em;
  }

  .ls-privacy_text {
    font-size: 1.375em;
  }

  .ls-privacy_hint {
    align-items: flex-start;
  }

  .wrapper_ls-cases {
    grid-row-gap: 2.5em;
  }

  .ls-cases, .ls-cases.is-1 {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ls-teaser_title {
    font-size: 1.75em;
  }

  .ls-teaser_img {
    width: 80%;
  }

  .wrapper_ls-branchen {
    grid-row-gap: 2.5em;
  }

  .home-faq_glow {
    top: 85em;
    left: -2em;
  }

  .home-faq_grid {
    grid-row-gap: 2.5em;
    margin-top: 3em;
  }

  .home-faq_note {
    font-size: 1em;
  }

  .home-faq_figure.is-mobile {
    width: 17.05em;
    height: 20.15em;
    margin-top: -1.5em;
  }

  .home-faq_q {
    font-size: 1.4375em;
  }

  .home-cta_art {
    width: 55.8em;
    height: 45.725em;
    top: 16em;
    left: -29.25em;
  }

  .home-cta_intro {
    margin-top: 3em;
  }

  .home-cta_panels {
    margin-top: 17.5em;
  }

  .home-cta_panel-title {
    font-size: 2em;
  }

  .home-cta_cal-ph {
    padding: 1.25em;
  }

  .wrapper_ls-calc {
    grid-row-gap: 2.5em;
  }

  .ls-calc {
    min-height: 82em;
  }

  .wrapper_ls-guides {
    grid-row-gap: 2.5em;
  }

  .wrapper_term-hero {
    grid-row-gap: 1.75em;
  }

  .term_longform {
    font-size: 1.5em;
  }

  .term_pn {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    min-height: 18em;
  }

  .home-cta_row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .kt-form_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .kt-field.is-wide {
    grid-column-end: 2;
  }

  .wrapper_ls-faq {
    grid-row-gap: 2.5em;
  }

  .ls-faq_q {
    font-size: 1.25em;
  }

  .ls-faq_a {
    padding-left: 0;
    padding-right: 0;
  }

  .kt-data_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .kt-data_cell.is-wide {
    grid-column-end: 2;
  }

  .wrapper_ls-request {
    grid-row-gap: 2.5em;
  }

  .ls-request_title {
    font-size: 2.25em;
    line-height: 1.08;
  }

  .ls-goals {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ovuhero_chips {
    flex-direction: column;
    align-items: flex-start;
  }

  .is-dl, .branche-anw_dl-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .wrapper_ls-long {
    grid-row-gap: 2.5em;
  }

  .ls-article_h3 {
    font-size: 1.625em;
  }

  .ls-final_art, .ls-final_shade {
    height: 20em;
    bottom: -17em;
    left: -1.25em;
    right: -1.25em;
  }

  .res-art-hero_title {
    font-size: 3.125em;
    line-height: 1.04;
  }

  .res-art-hero_teaser {
    font-size: 1em;
  }

  .res-art-hero_media {
    height: 16em;
  }

  .res-art-hero_img {
    width: 18em;
    bottom: -.5em;
    right: -1em;
  }

  .res-art-hero_lens {
    width: 9.5em;
    top: 2.25em;
    left: 18%;
  }

  .wrapper_res-art-hero {
    grid-row-gap: 2em;
  }

  .res-art-hero_head {
    grid-row-gap: 1.25em;
  }

  .res-art-hero_meta {
    grid-column-gap: 1.25em;
  }

  .res-toc_current {
    display: none;
  }

  .case-hero_cell.is-wide {
    grid-column-end: 2;
  }

  .branche-anw_case {
    margin-top: 2.5em;
    padding: 1.5em 1.25em;
  }

  .ls-flow_ex {
    display: flex;
  }

  .home-pain_counter {
    color: var(--_colors---text-paragraph);
    letter-spacing: .08em;
    font-size: .75em;
    line-height: 1.3;
  }

  .ovgrp_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ovgrp_li.is-main {
    grid-column: 1 / 2;
  }

  .ovgrp_media.is-main {
    aspect-ratio: 16 / 10;
  }

  .ovgrp_name {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 479px) {
  .padding-vertical.is-rechtliches-hero {
    padding-top: 7.875em;
    padding-bottom: 2.5em;
  }

  .padding-vertical.is-ref-hero {
    padding-top: 7.5em;
    padding-bottom: 4em;
  }

  .padding-vertical.is-ref-facts, .padding-vertical.is-ref-cases, .padding-vertical.is-ref-work {
    padding-top: 5.5em;
  }

  .padding-vertical.is-ref-cta {
    padding-top: 5.5em;
    padding-bottom: 5.5em;
  }

  .padding-vertical.is-notfound {
    padding-top: 7.5em;
  }

  .padding-vertical.is-kt-hero {
    padding-top: 6.5em;
    padding-bottom: 2em;
  }

  .padding-vertical.is-kt-wege {
    padding-top: 4em;
    padding-bottom: 5em;
  }

  .padding-vertical.is-kt-termin {
    padding-top: 5.5em;
    padding-bottom: 4em;
  }

  .padding-vertical.is-term-body {
    padding-bottom: 4em;
  }

  .padding-vertical.is-kt-form, .padding-vertical.is-kt-data, .padding-vertical.is-kt-flow, .padding-vertical.is-kt-faq {
    padding-top: 5.5em;
    padding-bottom: 4em;
  }

  .padding-vertical.is-case-hero {
    padding-top: 6em;
    padding-bottom: 3em;
  }

  .padding-vertical.is-case-detail, .padding-vertical.is-case-more {
    padding-top: 5.5em;
  }

  .v-container {
    padding-right: var(--_tokens---gutter-mobile);
    padding-left: var(--_tokens---gutter-mobile);
  }

  .v-section {
    padding-top: var(--_tokens---section-space-mobile);
    padding-bottom: var(--_tokens---section-space-mobile);
  }

  .v-h1 {
    font-size: 3.125rem;
    line-height: 1.04;
  }

  .v-h2, .v-title {
    font-size: 2.625rem;
    line-height: 1.05;
  }

  .v-title.v-rechtliches-404-h1 {
    font-size: 2.625rem;
  }

  .v-title.v-leistung-h2 {
    font-size: 2.25rem;
    line-height: 1.08;
  }

  .v-title.v-konfigurator-panel-title {
    font-size: 2.625rem;
    line-height: 1.05;
  }

  .v-title.is-cta {
    font-size: 2.25rem;
    line-height: 1.08;
  }

  .v-title.v-branche-aside-title, .v-title.v-gf-aside-title {
    font-size: 2.625rem;
  }

  .v-title.v-branche-ratgeber-title {
    font-size: 2.25rem;
  }

  .v-h3 {
    font-size: 1.4375rem;
  }

  .v-lead, .v-body {
    font-size: 1rem;
  }

  .v-small {
    font-size: .875rem;
  }

  .v-eyebrow, .v-index {
    font-size: .75rem;
  }

  .v-mono {
    font-size: .6875rem;
  }

  .v-section-head {
    margin-bottom: var(--_tokens---space-l);
  }

  .v-section-head-meta {
    display: flex;
  }

  .v-hairline {
    height: 1px;
  }

  .v-section-head-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .v-btn-primary, .v-btn-primary._w-button, .v-btn-secondary {
    min-height: 3rem;
    padding-left: 1.25rem;
    font-size: .8125rem;
  }

  .v-btn-icon {
    width: 2rem;
    height: 2rem;
  }

  .v-link-arrow {
    font-size: .75rem;
  }

  .v-glass-card {
    padding: 1.5rem;
  }

  .v-chip {
    min-height: 2.75rem;
  }

  .v-grid-2, .v-grid-3, .v-grid-4 {
    grid-template-columns: minmax(0, 1fr);
  }

  .v-stack {
    grid-row-gap: 1rem;
  }

  .v-cluster {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .v-richtext {
    font-size: 1rem;
  }

  .v-quicklinks {
    top: 4rem;
  }

  .v-quicklinks-link {
    min-height: 2.75rem;
  }

  .v-faq-item {
    position: relative;
  }

  .v-faq-q {
    font-size: 1.375rem;
  }

  .v-faq-a {
    padding-right: 0;
  }

  .v-input, .v-input._w-input, .v-input._w-select {
    font-size: 1rem;
  }

  .v-textarea, .v-textarea._w-input {
    min-height: 8rem;
  }

  .v-label {
    font-size: .75rem;
  }

  .v-checkbox {
    font-size: .875rem;
  }

  .v-glow {
    width: 20rem;
    height: 10rem;
  }

  .vn-logo-text {
    font-size: 1.625rem;
  }

  .vn-m-link {
    font-size: 2.25rem;
  }

  .vf-contact-big {
    font-size: 1.125rem;
  }

  .vf-cols {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .v-ref-hero {
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .v-ref-hero-copy {
    grid-row-gap: 1.25rem;
  }

  .v-ref-hero-media {
    max-width: 20rem;
  }

  .v-ref-facts {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.5rem;
  }

  .v-ref-fact {
    min-height: 0;
    padding: 1.5rem;
  }

  .v-ref-fact-num {
    margin-top: 1.25rem;
    font-size: 3.5rem;
  }

  .v-rechtliches-facts {
    column-gap: 1.25rem;
  }

  .v-rechtliches-h2 {
    font-size: 1.875rem;
  }

  .v-rechtliches-card {
    padding: 1.25rem;
  }

  .v-gf-hero {
    padding-top: 7.5rem;
    padding-bottom: 3rem;
  }

  .v-gf-glow {
    top: -30rem;
    right: -20rem;
  }

  .v-ref-filter {
    padding: 1.25rem;
  }

  .v-ref-chips {
    margin-right: -1.25rem;
    padding-right: 1.25rem;
  }

  .v-ref-empty {
    padding: 3rem 1.25rem;
  }

  .v-uebersicht-hero {
    padding-top: 7.5rem;
  }

  .v-uebersicht-hero-art {
    height: 24rem;
  }

  .v-uebersicht-hero-intro {
    font-size: 1rem;
  }

  .v-uebersicht-lcard-media {
    height: 15rem;
  }

  .v-uebersicht-lcard-num {
    top: 1.5rem;
    left: 1.5rem;
  }

  .v-uebersicht-lcard-body {
    padding-bottom: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .v-uebersicht-lcard-title {
    font-size: 1.4375rem;
  }

  .v-gf-faq {
    padding-top: 3rem;
    padding-bottom: 5.5rem;
  }

  .v-gf-faq-main {
    grid-row-gap: 3.5rem;
  }

  .v-gf-ask {
    padding: 1.5rem;
  }

  .v-gf-ask-title {
    font-size: 2.625rem;
  }

  .v-ref-card-media {
    min-height: 12rem;
  }

  .v-ref-card-body {
    padding: 1.25rem;
  }

  .v-ref-card-title {
    font-size: 1.4375rem;
  }

  .v-uebersicht-sit {
    grid-column-gap: .875rem;
    padding: 1.125rem;
  }

  .v-uebersicht-sit-text {
    font-size: 1.1875rem;
  }

  .v-uebersicht-rec {
    padding: 1.25rem;
  }

  .v-uebersicht-rec-title {
    font-size: 1.875rem;
  }

  .v-uebersicht-rec-link-title {
    font-size: 1.0625rem;
  }

  .v-uebersicht-step {
    grid-column-gap: 1rem;
  }

  .v-uebersicht-step-card {
    padding: 1.25rem;
  }

  .v-uebersicht-endcta-art {
    height: 20rem;
  }

  .v-uebersicht-endcta-title {
    font-size: 2.5rem;
  }

  .v-res-hero {
    padding-top: 2.5rem;
  }

  .v-res-glow {
    width: 20rem;
    height: 20rem;
  }

  .v-res-hero-art {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .v-leistung-hero {
    padding-top: 5.5rem;
  }

  .v-leistung-h1-long {
    font-size: 3.125rem;
  }

  .v-leistung-hero-media {
    order: 1;
  }

  .v-ref-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.25rem;
  }

  .v-ref-td-next {
    grid-column-start: auto;
  }

  .v-ref-proj {
    font-size: 1.5rem;
  }

  .v-branche-quote {
    font-size: 1.875rem;
  }

  .v-res-sec-tight {
    padding-top: 3rem;
  }

  .v-res-tile {
    min-height: 23rem;
    padding: 1.25rem;
  }

  .v-res-tile-title {
    font-size: 2.25rem;
  }

  .v-res-tile-title.is-lg {
    font-size: 2.75rem;
  }

  .v-gf-card {
    padding: 1.5rem;
  }

  .v-leistung-step, .v-leistung-facts, .v-branche-facts {
    padding: 1.25rem;
  }

  .v-branche-portrait-img {
    min-height: 20rem;
  }

  .v-ref-case-hero {
    padding-top: 6.5rem;
    padding-bottom: 3rem;
  }

  .v-ref-case-h1 {
    font-size: 3.125rem;
    line-height: 1.04;
  }

  .v-ref-brief {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-ref-brief-cell {
    padding: 1.25rem;
  }

  .v-ref-brief-wide {
    grid-column-start: auto;
  }

  .v-gf-steps, .v-gf-principles {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-gf-empty {
    padding: 3rem 1.25rem;
  }

  .v-gf-empty-art {
    height: 10rem;
  }

  .v-gf-ghost-a {
    width: 13rem;
    left: 0;
  }

  .v-gf-ghost-b {
    width: 13rem;
    right: 0;
  }

  .v-gf-ghost-c {
    width: 14rem;
    margin-left: -7rem;
  }

  .v-gf-empty-title {
    font-size: 2rem;
  }

  .v-gf-empty-text {
    font-size: 1rem;
  }

  .v-ref-case-aside {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .v-ref-article {
    grid-row-gap: 3.5rem;
  }

  .v-leistung-tile {
    min-height: 0;
  }

  .v-leistung-calc-fallback {
    padding: 1.5rem;
  }

  .v-res-card-body {
    padding: 1rem 1rem .875rem;
  }

  .v-res-card-title {
    font-size: 1.4375rem;
  }

  .v-rechtliches-404 {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .v-rechtliches-404-num {
    margin-bottom: -.5rem;
    font-size: 10rem;
  }

  .v-rechtliches-404-link-label {
    font-size: 1.25rem;
  }

  .v-rechtliches-404-visual {
    max-width: 22rem;
    margin-bottom: -4rem;
  }

  .v-rechtliches-404-lens {
    width: 46%;
    height: auto;
    right: 3%;
  }

  .v-gf-fb-card {
    padding: 1.5rem 1.25rem;
  }

  .v-gf-google {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.5rem;
  }

  .v-gf-google-title {
    font-size: 2.625rem;
  }

  .v-gf-google-action {
    grid-column-start: 1;
  }

  .v-uebersicht-btile {
    padding: 1.25rem;
  }

  .v-uebersicht-btile-title {
    font-size: 1.4375rem;
  }

  .v-gf-sr {
    font-size: 2.625rem;
  }

  .v-kt-cal-ph {
    padding: 1.5rem 1rem;
  }

  .v-kt-cal-box {
    padding: 1.5rem 1.25rem;
  }

  .v-konfigurator-statue {
    display: none;
  }

  .v-konfigurator-steps {
    column-gap: .375rem;
  }

  .v-kt-form-panel {
    padding: 1.25rem;
  }

  .v-gf-term {
    grid-column-gap: 1rem;
    padding-right: 0;
  }

  .v-gf-term-name {
    font-size: 1.4375rem;
  }

  .v-gf-term-def {
    font-size: .9375rem;
  }

  .v-res-featured-body {
    padding: .5rem .75rem 1.25rem;
  }

  .v-res-featured-title {
    font-size: 1.875rem;
  }

  .v-konfigurator-num, .v-konfigurator-num-sep {
    font-size: 2.75rem;
  }

  .v-konfigurator-actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .v-uebersicht-uhero-art {
    height: 22rem;
  }

  .v-uebersicht-portrait-cap {
    bottom: 1.25rem;
    left: 1.25rem;
  }

  .v-uebersicht-portrait-name {
    font-size: 1.625rem;
  }

  .v-uebersicht-portrait-lens {
    width: 7.5rem;
    bottom: .5rem;
    right: .5rem;
  }

  .v-uebersicht-value {
    padding: 1.5rem;
  }

  .v-uebersicht-value-title {
    font-size: 1.4375rem;
  }

  .v-uebersicht-pay-title {
    font-size: 1.25rem;
  }

  .v-uebersicht-brands {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-uebersicht-brand, .v-uebersicht-brand-self {
    min-height: 10rem;
  }

  .v-uebersicht-wm-serif, .v-uebersicht-wm-italic, .v-uebersicht-wm-mono {
    margin-top: 1.5rem;
  }

  .v-gf-thero {
    padding-top: 7rem;
    padding-bottom: 2rem;
  }

  .v-gf-tbody {
    padding-bottom: 4rem;
  }

  .v-gf-def {
    padding: 1.5rem;
  }

  .v-gf-def-text {
    font-size: 1.5rem;
  }

  .v-gf-h2 {
    font-size: 2.625rem;
  }

  .v-gf-example {
    grid-row-gap: 1rem;
    flex-direction: column;
    padding: 1.5rem;
  }

  .v-branche-case {
    padding: 1.5rem;
  }

  .v-res-art-hero {
    padding-top: 3rem;
  }

  .v-res-art-title {
    font-size: 3.125rem;
    line-height: 1.04;
  }

  .v-res-art-teaser {
    font-size: 1rem;
  }

  .v-res-art-media {
    aspect-ratio: 4 / 3;
    margin-top: 2rem;
  }

  .v-res-art-img {
    object-position: 75% 50%;
  }

  .v-branche-casehint {
    padding: 1.25rem;
  }

  .heading-styles-h1.branche-hero_h1 {
    font-size: 2.375em;
  }

  .heading-styles-h1.is-ovhero, .heading-styles-h1.is-ovuhero {
    font-size: 2.875em;
  }

  .heading-styles-h3.is-ovrec {
    font-size: 1.625em;
  }

  .heading-styles-h4.is-ovbtile {
    font-size: 1.4375em;
    position: relative;
  }

  .section-tag.ls-hero_tag, .button-primary, .button-primary._w-button {
    white-space: normal;
  }

  .button-primary.kt-cal_load {
    justify-content: space-between;
    width: 100%;
  }

  .button-primary.kt-form_submit {
    width: 100%;
  }

  .button-secondary {
    white-space: normal;
  }

  .glass-card.rechtliches_card, .glass-card.rechtliches_card.is-contact, .glass-card.is-ovstep, .glass-card.ls-step, .glass-card.is-ovbtile {
    padding: 1.25em;
  }

  .glass-card.ls-tile {
    min-height: 0;
  }

  .glass-card.kt-wege_card {
    padding: 1.5em 1.25em;
  }

  .glass-card.is-ovvalue {
    padding: 1.5em;
  }

  .glass-card.is-ovbrand {
    min-height: 10em;
  }

  .glass-panel.ref-filter, .glass-panel.is-ovrec, .glass-panel.ls-facts, .glass-panel.kt-form_panel {
    padding: 1.25em;
  }

  .glass-panel.case-hero_brief {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .navbar_logo-text {
    font-size: 1.625em;
  }

  .navbar_m-link {
    font-size: 2.25em;
  }

  .footer_contact-big {
    font-size: 1.125em;
  }

  .cookie_btn {
    padding-left: .375em;
    padding-right: .375em;
    font-size: .625em;
  }

  .rechtliches_facts {
    flex-direction: column;
    align-items: flex-start;
    row-gap: .625em;
    margin-top: 1em;
  }

  .rechtliches_fact.is-link {
    min-height: 2.75em;
    margin-top: -.5em;
    margin-bottom: -.5em;
  }

  .wrapper_branche-hero {
    padding-top: 6em;
  }

  .branche-hero_lead {
    margin-top: .875em;
    font-size: .9375em;
    line-height: 1.5;
  }

  .branche-hero_buttons {
    margin-top: 1.25em;
  }

  .rechtliches_toc {
    top: 4.75em;
  }

  .rechtliches_toc-toggle {
    padding-left: 1em;
  }

  .rechtliches_article {
    row-gap: 3.5em;
  }

  .ref-hero_actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .ref-hero_media {
    aspect-ratio: 440 / 520;
    width: 100%;
    max-width: 19em;
    height: auto;
    margin-top: 2em;
  }

  .ref-hero_media.is-kontakt {
    width: 100%;
    max-width: 16.5em;
    height: auto;
    margin-top: 1.5em;
    margin-right: -1.25em;
  }

  .faq_trigger {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) 2em;
    padding: 1em;
  }

  .faq_num {
    display: none;
  }

  .faq_q {
    font-size: 1.375em;
  }

  .faq_answer-1 {
    padding-bottom: 1.25em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: .9375em;
  }

  .faq_ask {
    padding: 1.5em 1.25em;
  }

  .faq_ask-title {
    font-size: 2em;
  }

  .ls-hero_actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ref-facts_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .ref-facts_cell {
    min-height: 13.75em;
    padding: 1.5em;
  }

  .ref-facts_value {
    font-size: 3.75em;
  }

  .rechtliches_chapter {
    row-gap: 1.25em;
    scroll-margin-top: 10em;
  }

  .rechtliches_h2 {
    font-size: 1.875em;
  }

  .rechtliches_p {
    font-size: 1em;
    line-height: 1.7;
  }

  .rechtliches_list-item {
    font-size: 1em;
  }

  .ovlcards_media {
    height: 15em;
  }

  .ovlcards_num {
    top: 2em;
    left: 2em;
  }

  .ovlcards_body {
    padding-bottom: 1.25em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .home-hero_trust-text {
    white-space: normal;
  }

  .home-hero_eyebrow {
    letter-spacing: .06em;
    white-space: normal;
    font-size: .6875em;
  }

  .ref-filter_chips {
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    -webkit-mask-image: linear-gradient(90deg, #000 80%, #0000);
    mask-image: linear-gradient(90deg, #000 80%, #0000);
  }

  .ref-filter_view {
    display: none;
  }

  .case-card_media {
    height: 11.25em;
  }

  .case-card_text {
    font-size: 1em;
  }

  .konfigurator_steps, .konfigurator_step {
    grid-column-gap: .375em;
  }

  .ovdecide_sit {
    grid-column-gap: .875em;
    padding: 1.125em;
  }

  .ovdecide_sit-text {
    font-size: 1.1875em;
  }

  .ovdecide_rec-text {
    font-size: 1em;
  }

  .ovdecide_rec-link-title {
    font-size: 1.0625em;
  }

  .ref-work_title {
    font-size: 1.5em;
  }

  .ref-work_next-text {
    font-size: .9375em;
  }

  .ref-work_note-title {
    font-size: 1.75em;
  }

  .ref-cta_h2 {
    font-size: 2.5em;
  }

  .ref-cta_actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .ref-cta_media {
    height: 15em;
  }

  .ovsteps_step {
    grid-column-gap: 1em;
  }

  .bw_grid, .bw_grid.is-3 {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .bw_card {
    padding: 1.5em 1.25em;
  }

  .bw_steps {
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ls-uc_title {
    font-size: .8333em;
  }

  .bw_empty {
    padding: 3em 1.25em 2.5em;
  }

  .bw_empty-art {
    height: 10em;
  }

  .bw_ghost {
    width: 13em;
    margin-left: -6.5em;
  }

  .bw_fb-card {
    padding: 1.5em 1.25em;
  }

  .bw_google {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.5em 1.25em;
  }

  .bw_google-title {
    font-size: 2em;
  }

  .bw_google-action {
    grid-column-end: 2;
  }

  .gf-cta_panel {
    padding: 1.75em 1.25em;
  }

  .ls-facts_actions {
    flex-direction: column;
    align-items: stretch;
  }

  .konfigurator_statue {
    display: none;
  }

  .konfigurator_num {
    font-size: 2.75em;
  }

  .konfigurator_actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .notfound_glow {
    width: 26.8em;
    height: 21.9em;
    top: 56.25em;
    left: -1.2em;
  }

  .notfound_num {
    font-size: 10em;
  }

  .notfound_h1 {
    margin-top: .1905em;
    font-size: 2.625em;
  }

  .notfound_link {
    grid-template-rows: auto;
    grid-template-columns: 2em minmax(0, 1fr) 1.75em;
    min-height: 3.875em;
  }

  .notfound_link-label {
    font-size: 1.5em;
  }

  .notfound_link-path {
    display: none;
  }

  .notfound_visual {
    width: 22.55em;
    height: 26.65em;
    margin-top: 3.5em;
    margin-left: -1.5625em;
  }

  .notfound_lens-track {
    width: 14.65em;
    height: 14.65em;
    top: 11.94em;
    left: 10.25em;
  }

  .kt-wege_title {
    font-size: 1.75em;
  }

  .kt-wege_action {
    align-items: stretch;
  }

  .kt-row_h2 {
    font-size: 2.625em;
  }

  .kt-cal_state-pre {
    display: none;
  }

  .kt-cal_ph {
    padding: 1.5em 1em;
  }

  .kt-cal_box {
    padding: 1.75em 1.25em 1.5em;
  }

  .term_def {
    padding: 1.5em 1.25em;
  }

  .term_def-text {
    font-size: 1.5em;
  }

  .term_richtext {
    font-size: 1em;
  }

  .term_example {
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.25em;
  }

  .kt-data_cell {
    padding: 1.25em;
  }

  .kt-flow_title {
    font-size: 1.5em;
  }

  .kt-faq_q {
    grid-column-gap: .875em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .kt-faq_q-text {
    font-size: 1.25em;
  }

  .kt-faq_a {
    padding-left: 1em;
    padding-right: 1em;
  }

  .ovportrait_cap {
    bottom: 1.25em;
    left: 1.25em;
  }

  .ovportrait_name {
    font-size: 1.625em;
  }

  .ovportrait_lens {
    width: 7.5em;
    bottom: .5em;
    right: .5em;
  }

  .ovpay_title {
    font-size: 1.25em;
  }

  .ovgroup_grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ovgroup_wm {
    margin-top: .6667em;
  }

  .ovgroup_wm.is-mono {
    margin-top: 1.0909em;
  }

  .case-hero_copy {
    grid-row-gap: 1.5em;
  }

  .case-hero_badges {
    margin-top: .5em;
  }

  .case-hero_h1 {
    font-size: 3.125em;
    line-height: 1.04;
  }

  .case-hero_bg {
    height: 20em;
    margin-top: 2.5em;
    margin-left: -1.25em;
    margin-right: -1.25em;
  }

  .case-hero_img {
    object-position: 30% 60%;
  }

  .case-hero_shade {
    background-image: linear-gradient(#0b0912 0%, #0b091200 22% 70%, #0b0912 100%), linear-gradient(90deg, #0b091280, #0b091200 20% 80%, #0b091280);
  }

  .case-hero_logo {
    width: 12em;
    height: 7.75em;
    top: 2em;
    right: 1em;
  }

  .case-hero_cell.is-wide {
    grid-column-end: 2;
  }

  .case-detail_aside {
    margin-left: -1.25em;
    margin-right: -1.25em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    top: 4em;
  }

  .case-detail_article {
    grid-row-gap: 3.5em;
  }

  .case-detail_rt {
    font-size: 1em;
  }

  .ls-final_logo {
    margin-left: -.5em;
  }

  .home-solution_cta {
    width: 100%;
  }

  .rechtliches_info {
    padding: 1.25em;
  }
}


@font-face {
  font-family: 'Geist';
  src: url('/assets/wf/6ae3ce4d78e93ef79b3eedc9-geist-400-latin-ext.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('/assets/wf/6ae3ce4daf0bec77c61b6433-geist-500-latin-ext.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/assets/wf/6ae3ce4d7601b1118c2fbef8-geist-mono-400-latin-ext.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/assets/wf/6ae3ce4d21a62ffc80d774ef-geist-mono-500-latin-ext.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('/assets/wf/6ae3ce4dccd7bf02fe9e854c-instrument-serif-400-latin-ext.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}