:root {
  --ink: oklch(21.2% 0.042 264.724);
  --smoke: oklch(98.5% 0.001 106.423);
  --brand: oklch(27.8% 0.118 268.124);
  --brand-hover: oklch(34.1% 0.126 267.428);
  --grey: oklch(28.1% 0.053 260);
  --grey-light: oklch(47.7% 0.045 260);
  --silver: oklch(55% 0.04 260);
  --silver-light: oklch(89.9% 0.014 260);
  --brown: var(--brand);
  --brown-light: oklch(91.3% 0.013 86.833);
  --blue-light: oklch(87.6% 0.03 260);
  --teal: oklch(40.3% 0.061 260);
  --line: oklch(21.2% 0.042 264.724 / 10%);
  --paper-white: oklch(100% 0 0);
  --paper-blue: oklch(96.3% 0.007 260);
  --muted-ink: oklch(21.2% 0.042 264.724 / 62%);
  --on-brand: oklch(98.5% 0.001 106.423);
  --on-brand-muted: oklch(98.5% 0.001 106.423 / 72%);
  --qorelo-font: "Geist Sans", Arial, sans-serif;
  --black: var(--ink);
  --light-grey: var(--smoke);
  --blue: var(--brand);
}

.site-header {
  --nav-ground: var(--smoke);
  --nav-ink: var(--ink);
  font-family: var(--qorelo-font);
}

.nav-banner {
  background: oklch(98.5% 0.001 106.423 / 92%);
}

.nav-logo img {
  filter: none;
}

.nav-link {
  color: var(--ink);
}

.nav-panel,
.nav-action-outline {
  border-color: var(--line);
}

.nav-panel-description,
.nav-feature-copy span:last-child {
  color: var(--muted-ink);
}

.nav-action-primary,
.button-primary {
  background: var(--brand);
  color: var(--on-brand);
}

.nav-action-primary:hover,
.button-primary:hover {
  background: var(--brand-hover);
}

.nav-action-outline:hover,
.button-outline:hover {
  border-color: oklch(27.8% 0.118 268.124 / 45%);
}

.nav-backdrop {
  background: oklch(98.5% 0.001 106.423 / 40%);
}

.announcement {
  background: oklch(27.8% 0.118 268.124 / 4%);
}

.announcement:hover {
  background: oklch(27.8% 0.118 268.124 / 7%);
}

.hero-copy > p,
.customer-quote figcaption,
.footer-address p,
.footer-bottom a,
.footer-bottom p {
  color: var(--muted-ink);
  opacity: 1;
}

.benefit-audit > p {
  opacity: 1;
}

.round-control {
  background: var(--brand);
  color: var(--on-brand);
}

.round-control:hover {
  background: var(--brand-hover);
}

.round-control:disabled {
  background: oklch(27.8% 0.118 268.124 / 8%);
  color: oklch(27.8% 0.118 268.124 / 35%);
}

.card-gather {
  background:
    linear-gradient(to top, oklch(100% 0 0 / 10%) 44%, transparent 44%),
    var(--brown);
}

.owner-chip {
  background: var(--paper-blue);
}

.person-avatar {
  background: var(--blue-light);
  color: var(--brand);
}

.landscape-art {
  background: oklch(100% 0 0 / 24%);
}

.landscape-source,
.system-tile {
  background: var(--paper-blue);
  border-color: oklch(27.8% 0.118 268.124 / 14%);
}

.system-tile {
  color: var(--brand);
}

.landscape-source > span {
  color: var(--muted-ink);
}

.landscape-branches,
.landscape-branches::before,
.landscape-branches > div::before {
  border-color: oklch(27.8% 0.118 268.124 / 25%);
}

.truth-art,
.decision-document {
  background: color-mix(in oklch, var(--brown-light) 38%, var(--paper-white));
  border-color: color-mix(in oklch, var(--brown-light) 80%, var(--ink));
}

.truth-art > div {
  border-color: oklch(21.2% 0.042 264.724 / 10%);
}

.run-art .mini-record {
  background: oklch(30.1% 0.04 260);
}

.email-cta,
.qc-panel {
  border-color: var(--line);
}

#qc-root {
  --qc-ink: var(--ink);
  --qc-muted: var(--muted-ink);
  --qc-border: var(--line);
  --qc-navy: var(--brand);
  --qc-sans: var(--qorelo-font);
  font-family: var(--qorelo-font);
}

#qc-accept,
#qc-root .qc-btn-solid {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--on-brand);
}

body.qorelo-page {
  background: var(--smoke);
  color: var(--ink);
  font-family: var(--qorelo-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.01em;
}

.qorelo-page > section > .container {
  width: calc(100% - var(--gutter) * 2);
  max-width: var(--page);
  margin-inline: auto;
  padding-inline: 0 !important;
}

.qorelo-page > section > .container > .wrapper,
.qorelo-page > section > .container > .book,
.qorelo-page > section > .container > .qx-who {
  margin-inline: 0;
  padding-inline: 0;
}

.qorelo-page
  section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(
    .qx-first
  ) {
  padding-block: 120px !important;
}

.qorelo-page
  :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .heading,
    .heading-2,
    .qx-plat-h2,
    .qx-step-title,
    .qx-chart-title,
    .qx-hub-h,
    .qx-mgmt,
    .qx-cmp-name,
    .qx-dep-h,
    .qx-evu-h
  ) {
  font-family: var(--qorelo-font) !important;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.qorelo-page h1.qx-hh,
.qorelo-page .qx-plat-h2.qx-hh,
.qorelo-page h1.heading-3.imprint {
  font-size: 52px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.04em !important;
}

.qorelo-page .qx-navyhero,
.qorelo-page .qx-phero {
  background: var(--smoke) !important;
  background-image: none !important;
  color: var(--ink) !important;
}

.qorelo-page section.section.qx-navyhero.qx-navyhero.qx-navyhero.qx-navyhero {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.qorelo-page .qx-navyhero :is(h1, h2, .qx-hh, .heading-3, .qx-plat-h2),
.qorelo-page .qx-phero :is(h1, h2, .qx-hh) {
  color: var(--ink) !important;
}

.qorelo-page .qx-hsub,
.qorelo-page .qx-first .qx-hsub,
.qorelo-page .qx-cs-hero .qx-hsub {
  max-width: 30rem !important;
  color: var(--muted-ink) !important;
  font-family: var(--qorelo-font) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.01em !important;
}

html body.qorelo-page section.qx-navyhero > .container p {
  color: var(--muted-ink) !important;
}

.qorelo-page .qx-num {
  font-family: var(--qorelo-font) !important;
}

html body.qorelo-page.qx-pg-demo input[type="submit"].button {
  font-family: var(--qorelo-font) !important;
  font-size: 16px !important;
}

.qorelo-page .qx-fitgap-p {
  font-family: var(--qorelo-font) !important;
}

.qorelo-page section.qx-phero {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.qorelo-page section.qx-phero .company-header {
  padding-top: 0 !important;
}

.qorelo-page section.qx-phero .qx-pbanner {
  padding-top: 80px !important;
}

.qorelo-page :is(.qx-hh, .qx-hsub .qx-w) {
  opacity: 1;
  transform: none;
  filter: none;
  animation: none;
}

.qorelo-page
  :is(
    .qx-eyebrow,
    .subheader,
    .qx-fitgap-eyebrow,
    .qx-24-eye,
    .qx-them-eye,
    .qx-dep-lab,
    .qx-pbanner .heading-5
  ) {
  color: var(--brand) !important;
  font-family: var(--qorelo-font) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.08em !important;
}

.qorelo-page .qx-navyhero .qx-eyebrow,
.qorelo-page .qx-navyhero .subheader,
.qorelo-page .qx-cs-hero .qx-eyebrow {
  color: var(--brand) !important;
}

.qorelo-page .qx-cs-hero img[src="a/mercedes.png"] {
  filter: none;
}

.qorelo-page :is(.qx-fl, .qx-fade, .qx-fade-end, .qx-shine) {
  display: none !important;
}

.qorelo-page .qx-after-hero {
  --qx-ah: 120px;
}

.qorelo-page .section.whit,
.qorelo-page .section.light-blue,
.qorelo-page .qx-plat,
.qorelo-page .qx-who-sec {
  background: var(--smoke) !important;
}

.qorelo-page .section.black,
.qorelo-page .qx-stats,
.qorelo-page .qx-fitgap:not(.qx-paper),
.qorelo-page .qx-gre-navy {
  background: var(--brand) !important;
  background-image: none !important;
  color: var(--on-brand);
}

.qorelo-page .section.black :is(h2, h3, .color),
.qorelo-page .qx-stats :is(h2, h3, .qx-num),
.qorelo-page .qx-fitgap:not(.qx-paper) :is(h2, h3, .qx-fitgap-p) {
  color: var(--on-brand) !important;
}

.qorelo-page .qx-fitgap:not(.qx-paper) .qx-fitgap-eyebrow,
.qorelo-page .qx-gre-navy .qx-eyebrow {
  color: var(--on-brand-muted) !important;
}

.qorelo-page .qx-plat-h2,
.qorelo-page .qx-hub-h,
.qorelo-page .qx-evu-h,
.qorelo-page .qx-mgmt {
  color: var(--ink);
}

.qorelo-page .new-citate .div-block-55 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.qorelo-page .div-block-9.new-citate {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding-inline: 0;
}

.qorelo-page .qx-railed .text60.sm {
  width: 100%;
  max-width: 65ch;
  min-width: 0;
  padding-inline: 0;
}

.qorelo-page .qx-step,
.qorelo-page .qx-chart,
.qorelo-page .qx-hub-card,
.qorelo-page .ins-card,
.qorelo-page .cards6 {
  border-color: var(--line);
  border-radius: 12px;
  background: var(--paper-white);
  box-shadow: none;
}

.qorelo-page .qx-hub-card {
  padding: 32px;
  transition: border-color 150ms ease;
}

.qorelo-page .qx-hub-card:hover {
  transform: none;
  border-color: oklch(27.8% 0.118 268.124 / 30%);
  box-shadow: none;
}

.qorelo-page .qx-hub-card h3 {
  color: var(--ink);
  font-family: var(--qorelo-font);
  font-size: 24px;
  line-height: 1.2;
}

.qorelo-page .qx-start,
.qorelo-page .qx-hub-chips > span {
  background: var(--paper-blue);
  color: var(--ink);
}

.qorelo-page .qx-start-label,
.qorelo-page .qx-step-phases,
.qorelo-page .qx-hub-lab {
  color: var(--brand);
}

.qorelo-page .qx-bar {
  background: var(--teal);
}

.qorelo-page .qx-bar.qx-dark {
  background: var(--brand);
}

.qorelo-page .qx-hub-go {
  border-color: var(--line);
  color: var(--brand);
  font-weight: 400;
}

.qorelo-page a.qx-more {
  border: 0 !important;
  color: var(--brand) !important;
  font-family: var(--qorelo-font) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.qorelo-page a.qx-more:hover {
  color: var(--brand-hover) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

html body.qorelo-page a.qx-pill.qx-pill,
html body.qorelo-page a.button.kv.qx-pill.qx-pill,
html body.qorelo-page section.qx-endnavy a.button.kv.qx-cta-btn.qx-pill.qx-pill,
html body.qorelo-page a.qx-24-btn {
  justify-content: center;
  gap: 8px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: var(--on-brand) !important;
  font-family: var(--qorelo-font) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  transition:
    background-color 150ms ease,
    transform 150ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html body.qorelo-page a.qx-pill.qx-pill:hover,
html body.qorelo-page a.qx-pill.qx-pill:focus-visible,
html
  body.qorelo-page
  section.qx-endnavy
  a.button.kv.qx-cta-btn.qx-pill.qx-pill:is(:hover, :focus-visible) {
  background: var(--brand-hover) !important;
  color: var(--on-brand) !important;
}

html body.qorelo-page a.qx-pill:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}

html body.qorelo-page a.qx-pill:active {
  transform: scale(0.98) !important;
}

.qorelo-page a.qx-pill .qx-pill-t {
  color: inherit !important;
  transition: none !important;
}

html body.qorelo-page a.qx-pill .qx-cta-ar {
  flex: 0 0 18px;
  width: 18px !important;
  height: 18px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: none !important;
  transition: none !important;
}

.qorelo-page .qx-navyhero form.form .text-field {
  border-color: var(--line);
  border-radius: 8px;
  background: var(--paper-white);
  color: var(--ink);
  font-family: var(--qorelo-font);
  font-size: 16px;
}

.qorelo-page .qx-navyhero form.form .text-field::placeholder {
  color: var(--muted-ink);
}

.qorelo-page .qx-navyhero form.form .text-field:focus {
  border-color: var(--brand);
  outline: 2px solid oklch(27.8% 0.118 268.124 / 20%);
  outline-offset: 2px;
  background: var(--paper-white);
}

.qorelo-page .qx-navyhero form.form select.text-field {
  color: var(--ink);
}

.qorelo-page .qx-navyhero form.form .button.form {
  border-radius: 999px;
  background: var(--brand) !important;
  color: var(--on-brand) !important;
  font-family: var(--qorelo-font);
  font-size: 14px;
  font-weight: 400;
}

.qorelo-page .qx-navyhero form.form .button.form:hover {
  background: var(--brand-hover) !important;
}

.qorelo-page .qx-navyhero .w-form-done {
  background: var(--paper-blue);
  color: var(--ink);
}

.qorelo-page section.qx-endnavy {
  background: var(--smoke) !important;
  color: var(--ink) !important;
}

.qorelo-page .qx-endnavy :is(p, .grey, a:not(.site-button), .link, .heading-2) {
  color: var(--ink);
  border-color: var(--line);
}

.qorelo-page section.qx-endnavy .footer-cta {
  align-items: center !important;
  flex-direction: column !important;
  gap: 32px;
  padding: 120px 0 !important;
  margin-bottom: 64px !important;
  border-color: var(--line);
  text-align: center;
}

.qorelo-page section.qx-endnavy .footer-cta .heading-2 {
  width: auto;
  max-width: 512px;
  color: var(--ink) !important;
  font-family: var(--qorelo-font) !important;
  font-size: 44px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.04em !important;
}

.qorelo-page .qx-endnavy .footer-menu {
  width: 100%;
  gap: 64px;
  padding-inline: 0;
  border-color: var(--line);
}

.qorelo-page .qx-endnavy .menu-footer {
  gap: 12px;
  max-width: 320px;
}

.qorelo-page .qx-endnavy .menu-footer .grey {
  color: var(--muted-ink);
  font-size: 14px;
  line-height: 1.4;
}

.qorelo-page .qx-endnavy .menu-footer .grey.menu-footer {
  margin-bottom: 4px;
  color: var(--ink);
  text-transform: none;
}

.qorelo-page .qx-endnavy .link,
.qorelo-page .qx-endnavy .div-block-14 a {
  color: var(--muted-ink);
  font-size: 14px;
  line-height: 1.4;
}

.qorelo-page .qx-endnavy .link:hover {
  color: var(--brand);
}

.qorelo-page .qx-endnavy .brand img.qx-wlogo {
  width: 116px;
  filter: brightness(0) !important;
}

.qorelo-page .qx-endnavy .chat-ai {
  border-color: var(--line);
}

.qorelo-page #qc-root {
  font-family: var(--qorelo-font);
}

@media (max-width: 991px) {
  .qorelo-page
    section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(
      .qx-first
    ) {
    padding-block: 96px !important;
  }

  .qorelo-page .qx-after-hero {
    --qx-ah: 96px;
  }

  .qorelo-page .qx-endnavy .footer-menu {
    gap: 40px;
  }
}

@media (max-width: 767px) {
  body.qorelo-page {
    --gutter: 20px;
  }

  .qorelo-page
    section.section:not(.qx-ann):not(.kv):not(.qx-navyhero):not(.qx-phero):not(
      .qx-first
    ) {
    padding-block: 80px !important;
  }

  .qorelo-page section.section.qx-navyhero.qx-navyhero.qx-navyhero.qx-navyhero {
    padding-block: 64px !important;
  }

  .qorelo-page h1.qx-hh,
  .qorelo-page .qx-plat-h2.qx-hh,
  .qorelo-page h1.heading-3.imprint {
    font-size: 40px !important;
  }

  .qorelo-page .qx-after-hero {
    --qx-ah: 80px;
  }

  .qorelo-page section.qx-phero {
    padding-block: 64px !important;
  }

  .qorelo-page section.qx-phero .qx-pbanner {
    padding-top: 48px !important;
  }

  .qorelo-page .qx-endnavy .footer-menu {
    flex-direction: column;
    gap: 40px;
  }

  .qorelo-page section.qx-endnavy .footer-cta {
    align-items: center !important;
    padding-block: 80px !important;
    margin-bottom: 48px !important;
  }

  .qorelo-page section.qx-endnavy .footer-cta .heading-2 {
    max-width: 440px;
    font-size: 32px !important;
  }

  .qorelo-page .qx-endnavy ._4menues {
    width: 100%;
    gap: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.qorelo-page a.qx-pill.qx-pill,
  html body.qorelo-page a.button.kv.qx-pill.qx-pill,
  html body.qorelo-page section.qx-endnavy a.button.kv.qx-cta-btn.qx-pill.qx-pill,
  html body.qorelo-page a.qx-24-btn {
    transition: none !important;
    transform: none !important;
  }

  .qorelo-page :is(.qx-step, .qx-bar, .qx-team-fig img, .qx-dep-list li) {
    animation: none !important;
    transition: none !important;
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 479px) {
  html[lang="de"] .qorelo-page h1.heading-3.imprint {
    font-size: clamp(26px, 8vw, 40px) !important;
    overflow-wrap: break-word;
  }
}