@import url("https://aufinity.b-cdn.net/website-v2/brand-assets/tokens/aufinity-colors.css");
/* =========================================================
   AUFINITY GLOBAL — DESIGN SYSTEM + NAVIGATION LAYER
   Central overrides for all rebrand pages.
   ========================================================= */

:root {
  --auf-global-blue: #00a8ff;
  --auf-global-text: #15171a;
  --auf-global-muted: #68717a;
  --auf-global-line: rgba(21, 23, 26, .10);
  --auf-global-soft: #f5f7f9;
  --auf-global-dark: #1f2126;
  --auf-global-max: 1280px;
  --auf-global-h1: clamp(60px, 6.45vw, 94px);
  --auf-global-h2: clamp(46px, 5.05vw, 72px);
  --auf-global-h3: clamp(22px, 2.1vw, 30px);
  --auf-global-mobile-h1: 48px;
  --auf-global-mobile-h2: 42px;
}

/* ---------- shared container rhythm ---------- */
#auf-site .auf-container,
#auf-pay-page .auf-container,
#auf-integrations-page .ai-container,
#auf-career .ac-container,
#auf-kunden .auf-container,
#auf-contact .at-container,
#auf-support .ak-container,
#auf-payment-trust .auf-container,
#auf-legal .auf-legal-container {
  width: min(calc(100% - 56px), var(--auf-global-max)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---------- typography: hero level ---------- */
#auf-site .auf-hero h1,
#auf-pay-page .auf-pay-hero h1,
#cashflow-optimizer h1,
#auf-integrations-page .ai-hero h1,
#auf-career .ac-hero h1,
#auf-kunden .auf-kunden-hero h1,
#auf-contact .at-hero h1,
#auf-support .ak-hero h1,
#auf-payment-trust .auf-trust-hero h1,
#auf-legal h1 {
  font-size: var(--auf-global-h1) !important;
  line-height: .94 !important;
  letter-spacing: -.06em !important;
  font-weight: 620 !important;
}

/* ---------- typography: major section level ---------- */
#auf-site .auf-statement h2,
#auf-site .auf-section h2,
#auf-site .auf-final h2,
#auf-site .auf-vision h2,
#auf-site .auf-integrations-copy h2,
#auf-site .auf-product-world-head h2,
#auf-pay-page .auf-pay-section-head h2,
#auf-pay-page .auf-pay-integration-copy h2,
#auf-pay-page .auf-pay-roi-copy h2,
#auf-pay-page .auf-trust h2,
#auf-pay-page .auf-final h2,
#cashflow-optimizer .co-proof-rebrand-head h2,
#cashflow-optimizer .co-system-copy h2,
#auf-integrations-page .ai-section h2,
#auf-integrations-page .ai-final h2,
#auf-integrations-page .ai-lead-section h2,
#auf-career .ac-section h2,
#auf-career .ac-gallery h2,
#auf-career .ac-jobs h2,
#auf-career .ac-contact h2,
#auf-career .ac-intro-grid h2,
#auf-kunden .auf-section-head h2,
#auf-kunden .auf-kunden-cinema-head h2,
#auf-kunden .auf-kunden-context h2,
#auf-kunden .auf-kunden-final h2,
#auf-contact .at-contact-aside h2,
#auf-contact .at-next h2,
#auf-payment-trust .auf-section-head h2,
#auf-payment-trust .auf-serious-copy h2,
#auf-payment-trust .auf-rebrand h2,
#auf-payment-trust .auf-faq-head h2,
#auf-payment-trust .auf-trust-final h2 {
  font-size: var(--auf-global-h2) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  font-weight: 620 !important;
}

/* Eyebrows should feel identical across pages. */
#auf-site .auf-eyebrow,
#auf-pay-page .auf-eyebrow,
#auf-integrations-page .ai-eyebrow,
#auf-career .ac-eyebrow,
#auf-kunden .auf-eyebrow,
#auf-contact .at-eyebrow,
#auf-support .ak-eyebrow,
#auf-payment-trust .auf-eyebrow {
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

/* ---------- canonical header ---------- */
#auf-site .auf-nav,
#auf-pay-page .auf-nav,
#cashflow-optimizer .co-nav,
#auf-integrations-page .ai-nav,
#auf-career .ac-nav,
#auf-kunden .auf-nav,
#auf-contact .at-nav,
#auf-support .ak-nav,
#auf-payment-trust .auf-nav {
  z-index: 100 !important;
}

#auf-site .auf-nav-shell,
#auf-site .auf-nav-inner,
#auf-pay-page .auf-nav-shell,
#auf-pay-page .auf-nav-inner,
#cashflow-optimizer .co-nav-inner,
#auf-integrations-page .ai-nav-inner,
#auf-career .ac-nav-inner,
#auf-kunden .auf-nav-inner,
#auf-contact .at-nav-inner,
#auf-support .ak-nav-inner,
#auf-payment-trust .auf-nav-inner {
  min-height: 82px !important;
}

#auf-site .auf-brand-logo,
#auf-pay-page .auf-brand-logo,
#cashflow-optimizer .co-brand-logo,
#auf-integrations-page .ai-logo img,
#auf-career .ac-logo img,
#auf-kunden .auf-logo img,
#auf-contact .at-logo img,
#auf-support .ak-logo img,
#auf-payment-trust .auf-logo img {
  width: 142px !important;
  height: auto !important;
  max-width: 142px !important;
  object-fit: contain !important;
}

#auf-site .auf-nav-links,
#auf-pay-page .auf-nav-links,
#cashflow-optimizer .co-nav-links,
#auf-integrations-page .ai-nav-links,
#auf-career .ac-nav-links,
#auf-kunden .auf-nav-links,
#auf-contact .at-nav-links,
#auf-support .ak-nav-links,
#auf-payment-trust .auf-nav-links,
.auf-global-nav-links {
  display: flex;
  align-items: center;
  gap: 23px !important;
  margin-left: auto !important;
  white-space: nowrap;
}

#auf-site .auf-nav-links a,
#auf-pay-page .auf-nav-links a,
#cashflow-optimizer .co-nav-links a,
#auf-integrations-page .ai-nav-links a,
#auf-career .ac-nav-links a,
#auf-kunden .auf-nav-links a,
#auf-contact .at-nav-links a,
#auf-support .ak-nav-links a,
#auf-payment-trust .auf-nav-links a,
.auf-global-nav-links a {
  position: relative;
  color: #626a73 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 560 !important;
  text-decoration: none !important;
  transition: color .2s ease;
}

#auf-site .auf-nav-links a:hover,
#auf-pay-page .auf-nav-links a:hover,
#cashflow-optimizer .co-nav-links a:hover,
#auf-integrations-page .ai-nav-links a:hover,
#auf-career .ac-nav-links a:hover,
#auf-kunden .auf-nav-links a:hover,
#auf-contact .at-nav-links a:hover,
#auf-support .ak-nav-links a:hover,
#auf-payment-trust .auf-nav-links a:hover,
.auf-global-nav-links a:hover,
.auf-global-nav-links a[aria-current="page"] {
  color: var(--auf-global-text) !important;
}

.auf-global-nav-links a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 1.5px;
  border-radius: 999px;
  background: var(--auf-global-blue);
}

.auf-global-nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  margin-left: 12px !important;
  white-space: nowrap;
}

.auf-global-payment-link {
  color: #737b84 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

.auf-global-nav-cta {
  min-height: 44px !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--auf-global-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  text-decoration: none !important;
}

/* ---------- home rebrand bridge ---------- */
.auf-global-rebrand-bridge {
  background: #fff;
  border-top: 1px solid var(--auf-global-line);
  border-bottom: 1px solid var(--auf-global-line);
}
.auf-global-rebrand-bridge-inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.auf-global-rebrand-bridge-copy {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
}
.auf-global-rebrand-bridge strong {
  flex: 0 0 auto;
  color: var(--auf-global-text);
  font-size: 14px;
  letter-spacing: -.02em;
}
.auf-global-rebrand-bridge span {
  color: #737b84;
  font-size: 12px;
  line-height: 1.5;
}
.auf-global-rebrand-bridge a {
  flex: 0 0 auto;
  color: #138fd3 !important;
  font-size: 11px;
  font-weight: 750;
  text-decoration: none;
}

/* ---------- safe integrations teaser replacing public checker ---------- */
.auf-global-integrations-teaser {
  padding: 118px 0;
  background: #f6f9fb;
}
.auf-global-integrations-teaser-grid {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 80px;
  align-items: end;
}
.auf-global-integrations-teaser h2 {
  max-width: 820px;
  margin: 16px 0 0;
  font-size: var(--auf-global-h2) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  font-weight: 620 !important;
}
.auf-global-integrations-teaser p:not(.auf-eyebrow) {
  max-width: 550px;
  margin: 0 0 4px;
  color: #707a84;
  font-size: 14px;
  line-height: 1.65;
}
.auf-global-integrations-teaser a {
  display: inline-flex;
  margin-top: 23px;
  color: #118fd1 !important;
  font-size: 12px;
  font-weight: 760;
  text-decoration: none;
}

/* Removed product placeholder should not leave grid holes if markup is still present. */
#auf-site .auf-product-card.is-intelligence,
#auf-site [data-product="intelligence"],
#auf-site [data-product-card="intelligence"] {
  display: none !important;
}

@media (max-width: 1120px) {
  #auf-site .auf-nav-links,
  #auf-pay-page .auf-nav-links,
  #cashflow-optimizer .co-nav-links,
  #auf-integrations-page .ai-nav-links,
  #auf-career .ac-nav-links,
  #auf-kunden .auf-nav-links,
  #auf-contact .at-nav-links,
  #auf-payment-trust .auf-nav-links,
  .auf-global-nav-links {
    gap: 16px !important;
  }
  .auf-global-payment-link { display: none !important; }
}

@media (max-width: 980px) {
  #auf-site .auf-nav-links,
  #auf-pay-page .auf-nav-links,
  #cashflow-optimizer .co-nav-links,
  #auf-integrations-page .ai-nav-links,
  #auf-career .ac-nav-links,
  #auf-kunden .auf-nav-links,
  #auf-contact .at-nav-links,
  #auf-payment-trust .auf-nav-links,
  .auf-global-nav-links {
    display: none !important;
  }
  .auf-global-nav-actions { margin-left: auto !important; }
  .auf-global-integrations-teaser-grid { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 680px) {
  :root {
    --auf-global-h1: var(--auf-global-mobile-h1);
    --auf-global-h2: var(--auf-global-mobile-h2);
  }
  #auf-site .auf-container,
  #auf-pay-page .auf-container,
  #auf-integrations-page .ai-container,
  #auf-career .ac-container,
  #auf-kunden .auf-container,
  #auf-contact .at-container,
  #auf-payment-trust .auf-container,
  #auf-legal .auf-legal-container {
    width: min(calc(100% - 34px), var(--auf-global-max)) !important;
  }
  .auf-global-rebrand-bridge-inner {
    padding: 18px 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }
  .auf-global-rebrand-bridge-copy {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
  .auf-global-nav-cta {
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: 10px !important;
  }
}

/* =========================================================
   GLOBAL POLISH V2 — header stability + cross-page consistency
   ========================================================= */

/* Every desktop header is one clean row. */
@media (min-width: 981px) {
  #auf-site .auf-nav-shell,
  #auf-site .auf-nav-inner,
  #auf-pay-page .auf-nav-shell,
  #auf-pay-page .auf-nav-inner,
  #cashflow-optimizer .co-nav-inner,
  #auf-integrations-page .ai-nav-inner,
  #auf-career .ac-nav-inner,
  #auf-kunden .auf-nav-inner,
  #auf-contact .at-nav-inner,
  #auf-payment-trust .auf-nav-inner {
    width: min(calc(100% - 56px), var(--auf-global-max)) !important;
    height: 82px !important;
    min-height: 82px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  #auf-site .auf-nav-links,
  #auf-pay-page .auf-nav-links,
  #cashflow-optimizer .co-nav-links,
  #auf-integrations-page .ai-nav-links,
  #auf-career .ac-nav-links,
  #auf-kunden .auf-nav-links,
  #auf-contact .at-nav-links,
  #auf-payment-trust .auf-nav-links,
  .auf-global-nav-links {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  .auf-global-nav-actions {
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
  }
}

/* Cash Collection used to carry its own product lockup beside the logo.
   The global navigation already communicates the current product, so the
   extra lockup only creates a second header row on narrower desktops. */
#cashflow-optimizer .co-brand-product {
  display: none !important;
}
#cashflow-optimizer .co-brand {
  flex: 0 0 auto !important;
  min-width: 142px !important;
  gap: 0 !important;
}
#cashflow-optimizer .co-nav-actions {
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
}

/* Slightly tighter navigation on laptop widths before we switch to mobile. */
@media (max-width: 1280px) and (min-width: 981px) {
  #auf-site .auf-nav-links,
  #auf-pay-page .auf-nav-links,
  #cashflow-optimizer .co-nav-links,
  #auf-integrations-page .ai-nav-links,
  #auf-career .ac-nav-links,
  #auf-kunden .auf-nav-links,
  #auf-contact .at-nav-links,
  #auf-payment-trust .auf-nav-links,
  .auf-global-nav-links {
    gap: 14px !important;
  }
  #auf-site .auf-nav-links a,
  #auf-pay-page .auf-nav-links a,
  #cashflow-optimizer .co-nav-links a,
  #auf-integrations-page .ai-nav-links a,
  #auf-career .ac-nav-links a,
  #auf-kunden .auf-nav-links a,
  #auf-contact .at-nav-links a,
  #auf-payment-trust .auf-nav-links a,
  .auf-global-nav-links a {
    font-size: 11px !important;
  }
  .auf-global-payment-link {
    display: none !important;
  }
}


/* =========================================================
   LEGACY PRODUCT EMBED BRIDGE
   Old Cash Collection / Pay embeds can keep their historic
   base assets; website-v2 is layered on top automatically.
   ========================================================= */
#cashflow-optimizer .co-nav-mobile-cta {
  display: none !important;
}

@media (min-width: 981px) {
  #cashflow-optimizer .co-nav {
    min-height: 82px !important;
  }

  #cashflow-optimizer .co-nav-inner {
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #cashflow-optimizer .co-brand,
  #cashflow-optimizer .co-nav-links,
  #cashflow-optimizer .auf-global-nav-actions {
    align-self: center !important;
  }

  #cashflow-optimizer .auf-global-nav-actions {
    display: flex !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}


/* =========================================================
   GLOBAL RHYTHM PATCH — 2026-09-02
   Consistent spacing between eyebrow and headline / section intro.
   ========================================================= */
#auf-site .auf-section-head,
#auf-pay-page .auf-pay-section-head,
#cashflow-optimizer .co-proof-rebrand-head,
#cashflow-optimizer .co-system-copy,
#auf-integrations-page .ai-section-head,
#auf-career .ac-section-head,
#auf-kunden .auf-section-head,
#auf-contact .at-section-head,
#auf-payment-trust .auf-section-head {
  row-gap: 0 !important;
}

#auf-site .auf-section-head h2,
#auf-site .auf-product-intro h2,
#auf-site .auf-stories-head h2,
#auf-site .auf-personas h2,
#auf-site .auf-final h2,
#auf-site .auf-vision h2,
#auf-site .auf-integrations-copy h2,
#auf-site .auf-product-world-head h2,
#auf-pay-page .auf-pay-section-head h2,
#auf-pay-page .auf-pay-integration-copy h2,
#auf-pay-page .auf-pay-roi-copy h2,
#auf-pay-page .auf-trust h2,
#auf-pay-page .auf-final h2,
#cashflow-optimizer .co-proof-rebrand-head h2,
#cashflow-optimizer .co-system-copy h2,
#auf-integrations-page .ai-section h2,
#auf-integrations-page .ai-final h2,
#auf-integrations-page .ai-lead-section h2,
#auf-career .ac-section h2,
#auf-career .ac-gallery h2,
#auf-career .ac-jobs h2,
#auf-career .ac-contact h2,
#auf-career .ac-intro-grid h2,
#auf-kunden .auf-section-head h2,
#auf-kunden .auf-kunden-cinema-head h2,
#auf-kunden .auf-kunden-context h2,
#auf-kunden .auf-kunden-final h2,
#auf-contact .at-contact-aside h2,
#auf-contact .at-next h2,
#auf-payment-trust .auf-section-head h2,
#auf-payment-trust .auf-serious-copy h2,
#auf-payment-trust .auf-rebrand h2,
#auf-payment-trust .auf-faq-head h2,
#auf-payment-trust .auf-trust-final h2 {
  margin-top: 18px !important;
}

#auf-site .auf-section-head > p:last-child,
#auf-site .auf-product-intro > p,
#auf-site .auf-stories-head > p:last-child,
#auf-pay-page .auf-pay-section-head > p:last-child,
#auf-integrations-page .ai-section-head > p:last-child,
#auf-kunden .auf-section-head > p:last-child,
#auf-payment-trust .auf-section-head > p:last-child {
  margin-top: 24px !important;
}


/* =========================================================
   GLOBAL REVIEW PATCH V2 — 2026-09-02
   More consistent section rhythm + prominent rebrand notice.
   ========================================================= */

/* Rebrand notice sits directly below the header on Home. */
#auf-site .auf-global-rebrand-bridge {
  margin-top: 82px !important;
  background: #f2f8fc !important;
  border-top: 1px solid rgba(21,23,26,.07) !important;
  border-bottom: 1px solid rgba(21,23,26,.08) !important;
}
#auf-site .auf-global-rebrand-bridge-inner {
  min-height: 88px !important;
}
#auf-site .auf-global-rebrand-bridge-copy {
  gap: 14px !important;
}
#auf-site .auf-global-rebrand-bridge strong {
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
}
#auf-site .auf-global-rebrand-bridge span {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #65707a !important;
}
#auf-site .auf-global-rebrand-bridge a {
  font-size: 12px !important;
  font-weight: 760 !important;
}

/* Cross-page eyebrow → headline rhythm. */
#auf-site .auf-eyebrow + h1,
#auf-site .auf-eyebrow + h2,
#auf-pay-page .auf-eyebrow + h1,
#auf-pay-page .auf-eyebrow + h2,
#cashflow-optimizer .co-eyebrow + h1,
#cashflow-optimizer .co-eyebrow + h2,
#auf-integrations-page .ai-eyebrow + h1,
#auf-integrations-page .ai-eyebrow + h2,
#auf-career .ac-eyebrow + h1,
#auf-career .ac-eyebrow + h2,
#auf-kunden .auf-eyebrow + h1,
#auf-kunden .auf-eyebrow + h2,
#auf-contact .at-eyebrow + h1,
#auf-contact .at-eyebrow + h2,
#auf-payment-trust .auf-eyebrow + h1,
#auf-payment-trust .auf-eyebrow + h2 {
  margin-top: 18px !important;
}

@media (max-width: 680px) {
  #auf-site .auf-global-rebrand-bridge {
    margin-top: 72px !important;
  }
  #auf-site .auf-global-rebrand-bridge-inner {
    min-height: 0 !important;
    padding: 18px 0 !important;
  }
}


/* =========================================================
   GLOBAL COMPACT RHYTHM — 2026-09-02
   Less dead space across the relaunch without shrinking type.
   ========================================================= */
:root {
  --auf-global-section-y: 110px;
  --auf-global-section-y-mobile: 78px;
}

/* Main recurring content sections across the relaunch. */
#auf-site .auf-section,
#auf-pay-page .auf-pay-section,
#cashflow-optimizer .co-section,
#auf-integrations-page .ai-section,
#auf-career .ac-section,
#auf-kunden .auf-section,
#auf-contact .at-contact-section,
#auf-contact .at-next,
#auf-payment-trust .auf-section {
  padding-top: var(--auf-global-section-y) !important;
  padding-bottom: var(--auf-global-section-y) !important;
}

/* Section header -> first component should feel connected, not detached. */
#auf-site .auf-section-head,
#auf-pay-page .auf-pay-section-head,
#auf-integrations-page .ai-section-head,
#auf-career .ac-section-head,
#auf-kunden .auf-section-head,
#auf-payment-trust .auf-section-head {
  margin-bottom: 58px !important;
}

@media (max-width: 680px) {
  #auf-site .auf-section,
  #auf-pay-page .auf-pay-section,
  #cashflow-optimizer .co-section,
  #auf-integrations-page .ai-section,
  #auf-career .ac-section,
  #auf-kunden .auf-section,
  #auf-contact .at-contact-section,
  #auf-contact .at-next,
  #auf-payment-trust .auf-section {
    padding-top: var(--auf-global-section-y-mobile) !important;
    padding-bottom: var(--auf-global-section-y-mobile) !important;
  }

  #auf-site .auf-section-head,
  #auf-pay-page .auf-pay-section-head,
  #auf-integrations-page .ai-section-head,
  #auf-career .ac-section-head,
  #auf-kunden .auf-section-head,
  #auf-payment-trust .auf-section-head {
    margin-bottom: 42px !important;
  }
}


/* =========================================================
   FINAL CROSS-PAGE HERO RHYTHM + EYEBROW CONSISTENCY — 2026-09-03
   Aufinity Pay is the visual reference for the desktop hero start.
   ========================================================= */

/* Same calm eyebrow treatment everywhere, including legacy Cash Collection. */
#auf-site .auf-eyebrow,
#auf-pay-page .auf-pay-kicker span:last-child,
#auf-pay-page .auf-eyebrow,
#cashflow-optimizer .co-eyebrow,
#auf-integrations-page .ai-eyebrow,
#auf-career .ac-eyebrow,
#auf-kunden .auf-eyebrow,
#auf-contact .at-eyebrow,
#auf-support .ak-eyebrow,
#auf-payment-trust .auf-eyebrow {
  color: #7d8690 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

/* Match the desktop distance between the 82px navigation and hero content.
   Home is intentionally excluded because the rebrand strip sits between nav and hero. */
@media (min-width: 981px) {
  #auf-pay-page .auf-pay-hero,
  #cashflow-optimizer .co-hero,
  #auf-integrations-page .ai-hero,
  #auf-career .ac-hero,
  #auf-kunden .auf-kunden-hero,
  #auf-contact .at-hero,
  #auf-support .ak-hero,
  #auf-payment-trust .auf-trust-hero {
    padding-top: 104px !important;
  }
}

/* =========================================================
   FINAL HEADER RHYTHM — 2026-09-03
   Remove full-width header separator and keep one shared hero start.
   The small blue active-page underline remains intentionally.
   ========================================================= */
#auf-site .auf-nav-shell,
#auf-site .auf-nav,
#auf-pay-page .auf-nav-shell,
#auf-pay-page .auf-nav,
#cashflow-optimizer .co-nav,
#cashflow-optimizer .co-nav-inner,
#auf-integrations-page .ai-nav,
#auf-integrations-page .ai-nav-inner,
#auf-career .ac-nav,
#auf-career .ac-nav-inner,
#auf-kunden .auf-nav,
#auf-kunden .auf-nav-inner,
#auf-contact .at-nav,
#auf-contact .at-nav-inner,
#auf-support .ak-nav,
#auf-support .ak-nav-inner,
#auf-payment-trust .auf-nav,
#auf-payment-trust .auf-nav-inner {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Exact common desktop header height. */
@media (min-width: 981px) {
  #auf-pay-page .auf-nav-shell,
  #auf-pay-page .auf-nav-inner,
  #cashflow-optimizer .co-nav,
  #cashflow-optimizer .co-nav-inner,
  #auf-integrations-page .ai-nav,
  #auf-integrations-page .ai-nav-inner,
  #auf-career .ac-nav,
  #auf-career .ac-nav-inner,
  #auf-kunden .auf-nav,
  #auf-kunden .auf-nav-inner,
  #auf-contact .at-nav,
  #auf-contact .at-nav-inner,
  #auf-support .ak-nav,
  #auf-support .ak-nav-inner,
  #auf-payment-trust .auf-nav,
  #auf-payment-trust .auf-nav-inner {
    height: 82px !important;
    min-height: 82px !important;
  }

  #auf-pay-page .auf-pay-hero,
  #cashflow-optimizer .co-hero,
  #auf-integrations-page .ai-hero,
  #auf-career .ac-hero,
  #auf-kunden .auf-kunden-hero,
  #auf-contact .at-hero,
  #auf-support .ak-hero,
  #auf-payment-trust .auf-trust-hero {
    padding-top: 104px !important;
  }

  /* Legacy Cash had a slightly different visual start despite matching section padding. */
  #cashflow-optimizer .co-hero-copy,
  #cashflow-optimizer .co-hero-visual {
    margin-top: 0 !important;
  }
}


/* =========================================================
   FINAL CROSS-PAGE HEADER + HERO ALIGNMENT — 2026-09-03
   One 1280px desktop rail, one 82px nav, one hero start.
   ========================================================= */
@media (min-width: 981px) {
  /* Every desktop navigation uses the same horizontal rail. */
  #auf-pay-page .auf-nav.auf-container,
  #cashflow-optimizer .co-nav-inner,
  #auf-integrations-page .ai-nav-inner,
  #auf-career .ac-nav-inner,
  #auf-kunden .auf-nav-inner,
  #auf-contact .at-nav-inner,
  #auf-support .ak-nav-inner,
  #auf-payment-trust .auf-nav-inner {
    width: min(calc(100% - 56px), 1280px) !important;
    max-width: 1280px !important;
    height: 82px !important;
    min-height: 82px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Pay used a wider legacy rail. Force all of its content onto the shared rail. */
  #auf-pay-page .auf-container {
    width: min(calc(100% - 56px), 1280px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Same top rhythm for every first hero. */
  #auf-pay-page .auf-pay-hero,
  #cashflow-optimizer .co-hero,
  #auf-integrations-page .ai-hero,
  #auf-career .ac-hero,
  #auf-kunden .auf-kunden-hero,
  #auf-contact .at-hero,
  #auf-support .ak-hero,
  #auf-payment-trust .auf-trust-hero {
    padding-top: 104px !important;
  }

  /* Do not vertically center one page while another starts at the top. */
  #auf-pay-page .auf-pay-hero-grid,
  #cashflow-optimizer .co-hero-grid,
  #auf-integrations-page .ai-hero-grid,
  #auf-career .ac-hero-grid,
  #auf-kunden .auf-kunden-hero-inner,
  #auf-contact .at-hero-grid,
  #auf-support .ak-hero-grid,
  #auf-payment-trust .auf-trust-hero-grid {
    align-items: start !important;
  }

  #auf-kunden .auf-kunden-hero-inner {
    min-height: 0 !important;
  }

  #auf-career .ac-hero-media {
    margin-top: 22px !important;
  }
}

/* Pay: remove the generic circular/AI-looking hero glow. */
#auf-pay-page .auf-pay-hero {
  background: #fff !important;
}
#auf-pay-page .auf-pay-demo-halo {
  display: none !important;
}

/* Pay hero kicker should stay on the same visual baseline as all other eyebrows. */
#auf-pay-page .auf-pay-kicker {
  margin-bottom: 22px !important;
}


/* =========================================================
   CANONICAL PRODUCT HEADER — Pay + Cash Webflow embeds
   One markup, one rail, no legacy nav geometry.
   ========================================================= */
.auf-canonical-nav {
  position: relative !important;
  z-index: 100 !important;
  width: 100% !important;
  height: 82px !important;
  min-height: 82px !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.auf-canonical-nav-inner {
  width: min(calc(100% - 56px), 1280px) !important;
  max-width: 1280px !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.auf-canonical-logo {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

.auf-canonical-logo img {
  display: block !important;
  width: 142px !important;
  max-width: 142px !important;
  height: auto !important;
  object-fit: contain !important;
}

.auf-canonical-links {
  display: flex !important;
  align-items: center !important;
  gap: 23px !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}

.auf-canonical-links a {
  position: relative !important;
  color: #626a73 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 560 !important;
  text-decoration: none !important;
}

.auf-canonical-links a[aria-current="page"] {
  color: #15171a !important;
}

.auf-canonical-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  margin-left: 28px !important;
  white-space: nowrap !important;
}

/* Product heroes use the same exact first-content start as the good pages. */
@media (min-width: 981px) {
  #auf-pay-page > main > .auf-pay-hero,
  #cashflow-optimizer > .co-hero {
    padding-top: 104px !important;
  }

  #auf-pay-page .auf-pay-hero-grid,
  #cashflow-optimizer .co-hero-grid {
    width: min(calc(100% - 56px), 1280px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: start !important;
  }
}

@media (max-width: 1180px) {
  .auf-canonical-links { gap: 16px !important; }
  .auf-canonical-actions { margin-left: 18px !important; }
  .auf-canonical-actions .auf-global-payment-link { display: none !important; }
}

@media (max-width: 980px) {
  .auf-canonical-nav,
  .auf-canonical-nav-inner {
    height: 72px !important;
    min-height: 72px !important;
  }
  .auf-canonical-nav-inner {
    width: min(calc(100% - 34px), 1280px) !important;
  }
  .auf-canonical-logo img {
    width: 128px !important;
    max-width: 128px !important;
  }
  .auf-canonical-links { display: none !important; }
  .auf-canonical-actions { margin-left: auto !important; }
}


/* =========================================================
   PRODUCT HEADER FLOW FIX — 2026-09-03
   Pay + Cash must behave exactly like Integrationen:
   navigation overlays the hero instead of consuming document height.
   ========================================================= */
#auf-pay-page,
#cashflow-optimizer {
  position: relative !important;
}

#auf-pay-page > .auf-canonical-nav,
#cashflow-optimizer > .auf-canonical-nav {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  z-index: 100 !important;
}

@media (min-width: 981px) {
  #auf-pay-page > main > .auf-pay-hero,
  #cashflow-optimizer > .co-hero {
    margin-top: 0 !important;
    padding-top: 104px !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  #auf-pay-page .auf-pay-hero-grid,
  #cashflow-optimizer .co-hero-grid {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* Cash legacy stylesheet may draw a separator at the top of the hero. */
#cashflow-optimizer > .co-hero,
#cashflow-optimizer > .co-hero::before,
#cashflow-optimizer > .co-hero::after {
  border-top: 0 !important;
}

@media (max-width: 980px) {
  #auf-pay-page > .auf-canonical-nav,
  #cashflow-optimizer > .auf-canonical-nav {
    height: 72px !important;
    min-height: 72px !important;
  }
}


/* =========================================================
   FINAL BRAND SYSTEM 2026 — MASTER OVERRIDES
   Source: supplied Aufinity Design Book + master assets.
   ========================================================= */
:root {
  --auf-brand-woodsmoke: var(--aufinity-color-woodsmoke, #101114);
  --auf-brand-azure: var(--aufinity-color-azure, #009EFA);
  --auf-brand-flamingfo: var(--aufinity-color-flamingfo, #F23D65);
  --auf-brand-nightdrive: var(--aufinity-color-nightdrive, #0B2038);
  --auf-brand-daybreak: var(--aufinity-color-daybreak, #E7DED2);
  --auf-brand-concrete: var(--aufinity-color-concrete, #F2F2F2);
  --auf-brand-white: #fff;
}

/* Feed the official palette into every legacy page variable set. */
#auf-site,
#auf-pay-page,
#cashflow-optimizer,
#auf-integrations-page,
#auf-kunden,
#auf-career,
#auf-contact,
#auf-support,
#auf-payment-trust,
#auf-legal {
  --auf-blue: var(--auf-brand-azure) !important;
  --auf-pink: var(--auf-brand-flamingfo) !important;
  --auf-text: var(--auf-brand-woodsmoke) !important;
  --auf-dark: var(--auf-brand-nightdrive) !important;
  --auf-dark-card: #102941 !important;
  --pay-blue: var(--auf-brand-azure) !important;
  --pay-blue-2: var(--auf-brand-azure) !important;
  --pay-text: var(--auf-brand-woodsmoke) !important;
  --pay-dark: var(--auf-brand-nightdrive) !important;
  --pay-dark-2: var(--auf-brand-woodsmoke) !important;
  --ai-blue: var(--auf-brand-azure) !important;
  --ai-text: var(--auf-brand-woodsmoke) !important;
  --ai-dark: var(--auf-brand-nightdrive) !important;
  --ac-blue: var(--auf-brand-azure) !important;
  --ac-text: var(--auf-brand-woodsmoke) !important;
  --ac-dark: var(--auf-brand-nightdrive) !important;
  --ak-blue: var(--auf-brand-azure) !important;
  --ak-text: var(--auf-brand-woodsmoke) !important;
  --at-blue: var(--auf-brand-azure) !important;
  --at-pink: var(--auf-brand-flamingfo) !important;
  --at-text: var(--auf-brand-woodsmoke) !important;
}

/* Official core-logo dimensions and supplied artwork only. */
.auf-canonical-logo img,
#auf-site .auf-brand-logo,
#auf-site .auf-footer-logo,
#auf-integrations-page .ai-logo img,
#auf-kunden .auf-logo img,
#auf-career .ac-logo img,
#auf-contact .at-logo img,
#auf-support .ak-logo img,
#auf-payment-trust .auf-logo img {
  filter: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Small text stays neutral Woodsmoke. Azure is an action/signal, not caption color. */
.auf-eyebrow,
.auf-pay-kicker,
.co-eyebrow,
.ai-eyebrow,
.ac-eyebrow,
.at-eyebrow,
.ak-eyebrow {
  color: rgb(16 17 20 / 58%) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

/* One typography system: calm display, no over-tight AI/SaaS letterspacing. */
#auf-pay-page .auf-pay-hero h1,
#cashflow-optimizer .co-hero h1,
#auf-integrations-page .ai-hero h1,
#auf-kunden .auf-kunden-hero h1,
#auf-career .ac-hero h1,
#auf-contact .at-hero h1,
#auf-support .ak-hero h1,
#auf-payment-trust .auf-trust-hero h1 {
  font-size: clamp(56px, 5.35vw, 76px) !important;
  line-height: 1.055 !important;
  letter-spacing: -.01em !important;
}

#auf-site .auf-hero h1 {
  font-size: clamp(62px, 5.8vw, 82px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.01em !important;
}

#auf-site h2,
#auf-pay-page h2,
#cashflow-optimizer h2,
#auf-integrations-page h2,
#auf-kunden h2,
#auf-career h2,
#auf-contact h2,
#auf-support h2,
#auf-payment-trust h2 {
  letter-spacing: -.01em !important;
}

/* Clean light canvases. Decorative radial/orb/glow backgrounds are removed. */
#auf-pay-page .auf-pay-hero,
#cashflow-optimizer .co-hero,
#auf-integrations-page .ai-hero,
#auf-kunden .auf-kunden-hero,
#auf-contact .at-hero,
#auf-payment-trust .auf-trust-hero,
#auf-site .auf-hero {
  background-image: none !important;
}

#auf-pay-page .auf-pay-demo-halo,
#cashflow-optimizer .co-hero-glow,
#cashflow-optimizer .co-hero-glow-one,
#cashflow-optimizer .co-hero-glow-two,
#auf-integrations-page .ai-hero-orb,
#auf-contact .at-orb,
#auf-contact .at-mark,
#auf-site .auf-hero-shape,
#auf-site .shape-a,
#auf-site .shape-b {
  display: none !important;
}

/* Cinematic sections use Nightdrive rather than generic charcoal. */
#auf-kunden .auf-kunden-cinema,
#auf-site .auf-stories-v02,
#auf-site .auf-dark,
#auf-pay-page .auf-pay-customer,
#auf-pay-page .auf-final.is-dark {
  background-color: var(--auf-brand-nightdrive) !important;
}

/* Product master artwork: never rebuild product logos with live type. */
#auf-pay-page .auf-pay-demo-brand img {
  width: 190px !important;
  max-width: 190px !important;
  height: auto !important;
  object-fit: contain !important;
}
#auf-pay-page .auf-pay-demo-brand > span { display:none !important; }

#cashflow-optimizer .auf-cash-hero-product-label {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width: 210px !important;
  padding: 9px 12px !important;
  background: rgb(255 255 255 / 96%) !important;
  border: 1px solid rgb(16 17 20 / 10%) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
#cashflow-optimizer .auf-cash-hero-product-label img {
  display:block !important;
  width: 185px !important;
  max-width:185px !important;
  height:auto !important;
}
#cashflow-optimizer .auf-cash-pay-lockup img {
  width: 210px !important;
  max-width: 100% !important;
  height:auto !important;
}
#cashflow-optimizer .co-integration-hub-brand-logo {
  width: 205px !important;
  max-width: 90% !important;
  height:auto !important;
  filter:none !important;
}

/* Termin: replace decorative mark/orbs with an approved brand image family. */
#auf-contact .at-hero-mark {
  display:block !important;
  align-self:stretch !important;
  min-height: 430px !important;
  border-radius: 24px !important;
  overflow:hidden !important;
  background: var(--auf-brand-nightdrive) !important;
}
#auf-contact .at-brand-hero-image {
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:430px !important;
  object-fit:cover !important;
}

/* Daybreak is the warm editorial canvas; keep it selective. */
#auf-site .auf-global-rebrand-bridge {
  background: var(--auf-brand-concrete) !important;
}
#auf-kunden .auf-kunden-context {
  background: color-mix(in srgb, var(--auf-brand-daybreak) 48%, white) !important;
}

/* CTA/action color follows the official Azure token. */
.auf-global-nav-cta,
.auf-btn-blue,
.auf-btn-primary,
.co-btn-primary,
.ai-btn-blue,
.ac-btn-blue,
.at-btn-blue,
.ak-btn-primary,
.auf-legal-button {
  background-color: var(--auf-brand-azure) !important;
}

/* No shadows/glows on any official logo artwork. */
img[src*="/brand-assets/logos/"] {
  filter:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

@media (max-width: 980px) {
  #auf-pay-page .auf-pay-hero h1,
  #cashflow-optimizer .co-hero h1,
  #auf-integrations-page .ai-hero h1,
  #auf-kunden .auf-kunden-hero h1,
  #auf-career .ac-hero h1,
  #auf-contact .at-hero h1,
  #auf-support .ak-hero h1,
  #auf-payment-trust .auf-trust-hero h1,
  #auf-site .auf-hero h1 {
    font-size: clamp(48px, 10vw, 68px) !important;
  }
  #auf-contact .at-hero-mark,
  #auf-contact .at-brand-hero-image { min-height: 300px !important; }
}

/* =========================================================
   GLOBAL STICKY / FIXED NAVIGATION — 2026-09-07
   Keep the navigation visible while scrolling on every DE page.
   Uses fixed positioning intentionally because several page headers
   previously used absolute positioning; this preserves hero spacing.
   ========================================================= */
#auf-site .auf-nav-shell,
#auf-pay-page > .auf-canonical-nav,
#cashflow-optimizer > .auf-canonical-nav,
#auf-integrations-page .ai-nav,
#auf-career .ac-nav,
#auf-kunden .auf-nav,
#auf-contact .at-nav,
#auf-support .ak-nav,
#auf-payment-trust .auf-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 9999 !important;
  background: rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Keep all inner navigation rails transparent; the fixed shell owns the backdrop. */
#auf-site .auf-nav,
#auf-pay-page .auf-canonical-nav-inner,
#cashflow-optimizer .auf-canonical-nav-inner,
#auf-integrations-page .ai-nav-inner,
#auf-career .ac-nav-inner,
#auf-kunden .auf-nav-inner,
#auf-contact .at-nav-inner,
#auf-support .ak-nav-inner,
#auf-payment-trust .auf-nav-inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Desktop navigation height stays identical across all pages. */
@media (min-width: 981px) {
  #auf-site .auf-nav-shell,
  #auf-pay-page > .auf-canonical-nav,
  #cashflow-optimizer > .auf-canonical-nav,
  #auf-integrations-page .ai-nav,
  #auf-career .ac-nav,
  #auf-kunden .auf-nav,
  #auf-contact .at-nav,
  #auf-support .ak-nav,
  #auf-payment-trust .auf-nav {
    height: 82px !important;
    min-height: 82px !important;
  }
}

/* Mobile keeps the existing compact navigation height. */
@media (max-width: 980px) {
  #auf-site .auf-nav-shell,
  #auf-pay-page > .auf-canonical-nav,
  #cashflow-optimizer > .auf-canonical-nav,
  #auf-integrations-page .ai-nav,
  #auf-career .ac-nav,
  #auf-kunden .auf-nav,
  #auf-contact .at-nav,
  #auf-support .ak-nav,
  #auf-payment-trust .auf-nav {
    height: 72px !important;
    min-height: 72px !important;
  }
}

/* =========================================================
   GLOBAL LOGIN CTA — bezahl.de dashboard
   Secondary action beside the primary appointment CTA.
   ========================================================= */
.auf-global-login-cta {
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(16, 17, 20, .16) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  color: var(--auf-global-text) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease !important;
}

.auf-global-login-cta:hover {
  background: var(--auf-brand-concrete, #f2f2f2) !important;
  border-color: rgba(16, 17, 20, .28) !important;
  transform: translateY(-1px);
}

@media (max-width: 1180px) and (min-width: 981px) {
  .auf-global-nav-actions {
    gap: 10px !important;
  }

  .auf-global-login-cta,
  .auf-global-nav-cta {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 680px) {
  .auf-global-login-cta {
    min-height: 40px !important;
    padding: 0 12px !important;
    font-size: 10px !important;
  }
}


/* =========================================================
   LARISSA FEEDBACK P1 — COMPACT NAV / MOBILE / FOOTER
   2026-09-10
   ========================================================= */

/* Desktop grouped navigation */
.auf-global-menu,
.auf-global-locale { position:relative; }
.auf-global-menu > summary,
.auf-global-locale > summary {
  list-style:none !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#626a73 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  user-select:none !important;
}
.auf-global-menu > summary::-webkit-details-marker,
.auf-global-locale > summary::-webkit-details-marker { display:none !important; }
.auf-global-menu > summary span,
.auf-global-locale > summary span { font-size:11px; transform:translateY(-1px); transition:transform .18s ease; }
.auf-global-menu[open] > summary span,
.auf-global-locale[open] > summary span { transform:rotate(180deg) translateY(1px); }
.auf-global-menu.is-active > summary,
.auf-global-menu > summary:hover { color:#101114 !important; }
.auf-global-menu.is-active > summary::after {
  content:""; position:absolute; left:0; right:0; bottom:-11px; height:1.5px;
  border-radius:999px; background:var(--auf-global-blue);
}
.auf-global-dropdown,
.auf-global-locale-dropdown {
  position:absolute !important;
  z-index:10020 !important;
  top:calc(100% + 19px) !important;
  left:-20px !important;
  min-width:260px !important;
  padding:14px !important;
  border:1px solid rgba(16,17,20,.08) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.985) !important;
  box-shadow:0 24px 70px rgba(16,17,20,.12) !important;
  backdrop-filter:blur(18px) !important;
}
.auf-global-dropdown-label { display:block; padding:8px 10px 9px; color:#9299a1; font-size:8px; font-weight:800; letter-spacing:.14em; }
.auf-global-dropdown a {
  display:block !important; padding:12px 10px !important; border-radius:10px !important;
  color:#4f5862 !important; font-size:12px !important; line-height:1.25 !important;
}
.auf-global-dropdown a:hover,
.auf-global-dropdown a[aria-current="page"] { background:#f3f7fa !important; color:#101114 !important; }
.auf-global-dropdown a[aria-current="page"]::after { display:none !important; }

.auf-global-locale { flex:0 0 auto; }
.auf-global-locale > summary {
  min-height:38px !important; padding:0 10px !important; border:1px solid rgba(16,17,20,.12) !important;
  border-radius:999px !important; background:#fff !important; color:#373d44 !important; font-size:10px !important; font-weight:760 !important;
}
.auf-global-locale-dropdown { min-width:84px !important; left:50% !important; transform:translateX(-50%) !important; padding:8px !important; }
.auf-global-locale-dropdown a { display:block; padding:8px 10px; border-radius:8px; color:#505963; font-size:10px; text-decoration:none; }
.auf-global-locale-dropdown a:hover { background:#f2f5f7; color:#101114; }

/* Replace old direct payment-help link in the desktop action cluster. */
.auf-global-payment-link { display:none !important; }

/* Mobile drawer */
.auf-global-mobile-toggle,
.auf-global-mobile-panel { display:none !important; }

@media (max-width:980px) {
  .auf-global-nav-links,
  .auf-global-nav-actions { display:none !important; }

  .auf-global-mobile-toggle {
    display:inline-flex !important; margin-left:auto !important; width:44px !important; height:44px !important;
    border:1px solid rgba(16,17,20,.10) !important; border-radius:999px !important; background:#fff !important;
    align-items:center !important; justify-content:center !important; flex-direction:column !important; gap:5px !important;
    cursor:pointer !important;
  }
  .auf-global-mobile-toggle i { display:block; width:17px; height:1.5px; background:#101114; border-radius:999px; transition:.2s ease; }
  .auf-global-mobile-toggle.is-open i:first-child { transform:translateY(3.25px) rotate(45deg); }
  .auf-global-mobile-toggle.is-open i:last-child { transform:translateY(-3.25px) rotate(-45deg); }

  .auf-global-mobile-panel {
    position:fixed !important; top:72px !important; left:0 !important; right:0 !important; bottom:0 !important;
    z-index:9998 !important; padding:24px 22px 32px !important; overflow:auto !important;
    background:rgba(255,255,255,.985) !important; backdrop-filter:blur(20px) saturate(140%) !important;
  }
  .auf-global-mobile-panel.is-open { display:block !important; }
  .auf-global-mobile-links { display:flex; flex-direction:column; gap:4px; }
  .auf-global-mobile-links > a,
  .auf-global-mobile-links > details > summary {
    padding:17px 4px !important; font-size:25px !important; line-height:1.05 !important; letter-spacing:-.035em !important;
    font-weight:620 !important; color:#101114 !important; border-bottom:1px solid rgba(16,17,20,.08) !important;
  }
  .auf-global-mobile-links .auf-global-dropdown {
    position:static !important; transform:none !important; min-width:0 !important; padding:5px 0 12px 12px !important;
    border:0 !important; box-shadow:none !important; background:transparent !important;
  }
  .auf-global-mobile-links .auf-global-dropdown-label { display:none; }
  .auf-global-mobile-links .auf-global-dropdown a { padding:11px 2px !important; font-size:14px !important; }
  .auf-global-mobile-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:28px; }
  .auf-global-mobile-actions > a {
    min-height:48px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(16,17,20,.12);
    border-radius:999px; color:#101114; font-size:12px; font-weight:760; text-decoration:none;
  }
  .auf-global-mobile-actions > a.is-primary { background:var(--auf-global-blue); border-color:var(--auf-global-blue); color:#fff; }
  .auf-global-mobile-actions .auf-global-locale { grid-column:1 / -1; }
  .auf-global-mobile-actions .auf-global-locale > summary { width:100%; justify-content:center; min-height:44px !important; }
  .auf-global-mobile-actions .auf-global-locale-dropdown { position:static !important; transform:none !important; width:100%; display:grid; grid-template-columns:repeat(5,1fr); margin-top:8px; border-radius:14px !important; box-shadow:none !important; background:#f6f8fa !important; }
}

/* Brand/customer rail — reused on Home and Kunden */
.auf-customer-brand-rail {
  width:min(calc(100% - 56px),1280px); margin:0 auto; padding:28px 0 34px;
  border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12);
}
.auf-customer-brand-rail-label { display:block; margin-bottom:18px; color:rgba(255,255,255,.46); font-size:8px; font-weight:800; letter-spacing:.14em; }
.auf-customer-brand-rail-items { display:flex; flex-wrap:wrap; align-items:center; gap:15px 30px; }
.auf-customer-brand-rail-items span { color:rgba(255,255,255,.78); font-size:17px; font-weight:760; letter-spacing:-.025em; }
#auf-kunden > .auf-customer-brand-rail {
  margin-top:0; padding-top:30px; padding-bottom:30px; border-color:#e2e7eb; background:#fff;
}
#auf-kunden > .auf-customer-brand-rail .auf-customer-brand-rail-label { color:#8a929a; }
#auf-kunden > .auf-customer-brand-rail .auf-customer-brand-rail-items span { color:#3f474f; }

/* Canonical old-site-inspired footer */
footer.auf-global-footer {
  display:block !important; width:100% !important; padding:0 !important; margin:0 !important;
  background:#101114 !important; color:#fff !important; border:0 !important;
}
.auf-global-footer-inner { width:min(calc(100% - 56px),1280px); margin:0 auto; padding:64px 0 30px; }
.auf-global-footer-brandrow { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,.12); }
.auf-global-footer-logo img { display:block; width:176px !important; height:auto !important; max-width:none !important; }
.auf-global-footer-brandrow p { margin:0; color:rgba(255,255,255,.50); font-size:12px; }
.auf-global-footer-grid { display:grid; grid-template-columns:1.1fr 1fr 1.2fr .7fr; gap:46px; padding:42px 0 50px; }
.auf-global-footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.auf-global-footer-column strong { margin-bottom:6px; color:#fff; font-size:10px; font-weight:760; letter-spacing:.08em; text-transform:uppercase; }
.auf-global-footer-column a { color:rgba(255,255,255,.64) !important; font-size:12px !important; line-height:1.45 !important; text-decoration:none !important; }
.auf-global-footer-column a:hover { color:#fff !important; }
.auf-global-footer-bottom { display:flex; justify-content:space-between; gap:30px; padding-top:26px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.40); font-size:10px; }
@media(max-width:800px){
  .auf-global-footer-inner{width:min(calc(100% - 34px),1280px);padding-top:48px}
  .auf-global-footer-brandrow{align-items:flex-start;flex-direction:column}
  .auf-global-footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}
  .auf-global-footer-bottom{flex-direction:column;gap:8px}
}
@media(max-width:520px){.auf-global-footer-grid{grid-template-columns:1fr}}


/* Header alignment corrections */
.auf-global-nav-links > a,
.auf-global-nav-links > details {
  display:flex !important;
  align-items:center !important;
  min-height:38px !important;
}

.auf-global-nav-links > a {
  display:inline-flex !important;
  align-items:center !important;
}

.auf-global-menu > summary {
  min-height:38px !important;
  position:relative !important;
}

.auf-global-nav-links > a[aria-current="page"]::after,
.auf-global-menu.is-active > summary::after {
  bottom:-9px !important;
}

/* =========================================================
   ROUND 12 — MOBILE NAV + FOOTER HARDENING
   Mirrors the critical JS fallback so iOS/Webflow legacy styles cannot win.
   ========================================================= */
@media (max-width:980px){
  html body .auf-global-nav-links,
  html body .auf-global-nav-actions,
  html body .auf-global-payment-link,
  html body #auf-site .auf-nav-links,
  html body #auf-pay-page .auf-nav-links,
  html body #cashflow-optimizer .co-nav-links,
  html body #auf-integrations-page .ai-nav-links,
  html body #auf-career .ac-nav-links,
  html body #auf-kunden .auf-nav-links,
  html body #auf-contact .at-nav-links,
  html body #auf-support .ak-nav-links,
  html body #auf-payment-trust .auf-nav-links{display:none!important}

  html body .auf-global-mobile-toggle{display:inline-flex!important;margin-left:auto!important}
  html body .auf-global-mobile-panel{display:none!important}
  html body .auf-global-mobile-panel.is-open{display:block!important}

  html body footer.auf-global-footer .auf-global-footer-inner{
    width:calc(100% - 34px)!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding:42px 0 28px!important;
  }
  html body footer.auf-global-footer .auf-global-footer-brandrow{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;
    padding-bottom:26px!important;
  }
  html body footer.auf-global-footer .auf-global-footer-logo img{
    width:146px!important;max-width:146px!important;height:auto!important;
  }
  html body footer.auf-global-footer .auf-global-footer-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important;
    padding:30px 0 34px!important;
  }
  html body footer.auf-global-footer .auf-global-footer-column{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;
  }
  html body footer.auf-global-footer .auf-global-footer-column strong{
    font-size:10px!important;line-height:1.2!important;margin:0 0 5px!important;
  }
  html body footer.auf-global-footer .auf-global-footer-column a{
    display:block!important;font-size:12px!important;line-height:1.45!important;white-space:normal!important;
  }
  html body footer.auf-global-footer .auf-global-footer-bottom{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;
    padding-top:22px!important;font-size:10px!important;line-height:1.45!important;
  }
}
@media (max-width:430px){
  html body footer.auf-global-footer .auf-global-footer-grid{grid-template-columns:1fr!important;gap:26px!important}
}


/* =========================================================
   ROUND 13 — MOBILE NAV DRAWER + FLOATING STICKY HEADER
   The drawer is mounted on <body> by JS so Webflow wrappers cannot clip it.
   ========================================================= */
@media (max-width:980px){
  html body #auf-site .auf-nav-shell,
  html body #auf-pay-page > .auf-canonical-nav,
  html body #cashflow-optimizer > .auf-canonical-nav,
  html body #auf-integrations-page .ai-nav,
  html body #auf-career .ac-nav,
  html body #auf-kunden .auf-nav,
  html body #auf-contact .at-nav,
  html body #auf-support .ak-nav,
  html body #auf-payment-trust .auf-nav{
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + 8px)!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    height:68px!important;
    min-height:68px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(16,17,20,.09)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.965)!important;
    box-shadow:0 12px 34px rgba(16,17,20,.10)!important;
    overflow:visible!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    box-sizing:border-box!important;
    z-index:10002!important;
  }

  html body #auf-site .auf-nav-inner,
  html body #auf-pay-page .auf-canonical-nav-inner,
  html body #cashflow-optimizer .auf-canonical-nav-inner,
  html body #auf-integrations-page .ai-nav-inner,
  html body #auf-career .ac-nav-inner,
  html body #auf-kunden .auf-nav-inner,
  html body #auf-contact .at-nav-inner,
  html body #auf-support .ak-nav-inner,
  html body #auf-payment-trust .auf-nav-inner{
    width:100%!important;
    max-width:none!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    background:transparent!important;
    border:0!important;
    border-radius:23px!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body .auf-global-mobile-toggle{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    border-color:rgba(16,17,20,.12)!important;
    background:#fff!important;
    box-shadow:none!important;
    z-index:10004!important;
  }

  html body .auf-global-mobile-panel[data-aufinity-mobile-panel="true"]{
    display:none!important;
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + 84px)!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(env(safe-area-inset-bottom) + 10px)!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:12px 20px 22px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    border:1px solid rgba(16,17,20,.09)!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.99)!important;
    color:#101114!important;
    box-shadow:0 24px 70px rgba(16,17,20,.18)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    box-sizing:border-box!important;
    z-index:10003!important;
  }
  html body .auf-global-mobile-panel[data-aufinity-mobile-panel="true"].is-open{
    display:block!important;
  }

  html.auf-mobile-menu-open::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:10000!important;
    background:rgba(16,17,20,.16)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    backdrop-filter:blur(2px)!important;
    pointer-events:none!important;
  }

  html body .auf-global-mobile-links>a,
  html body .auf-global-mobile-links>details>summary{
    min-height:54px!important;
    padding:14px 2px!important;
    font-size:23px!important;
  }
  html body .auf-global-mobile-actions{
    margin-top:18px!important;
    padding-bottom:0!important;
  }
}


/* =========================================================
   ROUND 14 — MOBILE HEADER + CONTENT-HEIGHT DRAWER
   Full-width header, persistent appointment CTA, drawer grows with content.
   ========================================================= */
.auf-global-mobile-quick-cta{display:none!important}

@media (max-width:980px){
  html body #auf-site .auf-nav-shell,
  html body #auf-pay-page > .auf-canonical-nav,
  html body #cashflow-optimizer > .auf-canonical-nav,
  html body #auf-integrations-page .ai-nav,
  html body #auf-career .ac-nav,
  html body #auf-kunden .auf-nav,
  html body #auf-contact .at-nav,
  html body #auf-support .ak-nav,
  html body #auf-payment-trust .auf-nav{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:calc(72px + env(safe-area-inset-top))!important;
    min-height:calc(72px + env(safe-area-inset-top))!important;
    margin:0!important;
    padding:env(safe-area-inset-top) 0 0!important;
    border:0!important;
    border-bottom:1px solid rgba(16,17,20,.08)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 7px 22px rgba(16,17,20,.07)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    box-sizing:border-box!important;
    z-index:10002!important;
  }

  html body #auf-site .auf-nav-inner,
  html body #auf-pay-page .auf-canonical-nav-inner,
  html body #cashflow-optimizer .auf-canonical-nav-inner,
  html body #auf-integrations-page .ai-nav-inner,
  html body #auf-career .ac-nav-inner,
  html body #auf-kunden .auf-nav-inner,
  html body #auf-contact .at-nav-inner,
  html body #auf-support .ak-nav-inner,
  html body #auf-payment-trust .auf-nav-inner{
    width:100%!important;
    max-width:none!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body .auf-global-mobile-quick-cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    margin-left:auto!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:999px!important;
    background:#009efa!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:760!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    flex:0 0 auto!important;
  }

  html body .auf-global-mobile-toggle{
    margin-left:0!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }

  html body .auf-global-mobile-panel[data-aufinity-mobile-panel="true"]{
    display:none!important;
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + 80px)!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - env(safe-area-inset-top) - 92px)!important;
    margin:0!important;
    padding:10px 18px 18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    border:1px solid rgba(16,17,20,.09)!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.995)!important;
    box-shadow:0 22px 64px rgba(16,17,20,.18)!important;
    box-sizing:border-box!important;
    z-index:10003!important;
  }
  html body .auf-global-mobile-panel[data-aufinity-mobile-panel="true"].is-open{display:block!important}

  html body .auf-global-mobile-links>a,
  html body .auf-global-mobile-links>details>summary{
    min-height:52px!important;
    padding:12px 2px!important;
    font-size:22px!important;
  }

  html body .auf-global-mobile-actions{
    margin-top:14px!important;
    padding-bottom:0!important;
  }
}

@media (max-width:410px){
  html body #auf-site .auf-brand-logo,
  html body #auf-pay-page .auf-brand-logo,
  html body #cashflow-optimizer .co-brand-logo,
  html body #auf-integrations-page .ai-logo img,
  html body #auf-career .ac-logo img,
  html body #auf-kunden .auf-logo img,
  html body #auf-contact .at-logo img,
  html body #auf-support .ak-logo img,
  html body #auf-payment-trust .auf-logo img{
    width:112px!important;
    max-width:112px!important;
  }
  html body .auf-global-mobile-quick-cta{
    min-height:42px!important;
    padding:0 12px!important;
    font-size:11px!important;
  }
  html body .auf-global-mobile-toggle{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
}


/* =========================================================
   GLOBAL — ROUND 26: STRONGER NAV BRAND PRESENCE
   ========================================================= */
@media (min-width: 981px) {
  html body #auf-site .auf-brand-logo,
  html body #auf-pay-page .auf-brand-logo,
  html body #cashflow-optimizer .co-brand-logo,
  html body #auf-integrations-page .ai-logo img,
  html body #auf-career .ac-logo img,
  html body #auf-kunden .auf-logo img,
  html body #auf-contact .at-logo img,
  html body #auf-support .ak-logo img,
  html body #auf-payment-trust .auf-logo img {
    width: 166px !important;
    max-width: 166px !important;
  }
}

/* =========================================================
   GLOBAL — ROUND 27: STRONGER CORE BRAND SCALE
   - larger desktop nav logo
   - slightly larger footer logo
   ========================================================= */
@media (min-width: 981px) {
  html body #auf-site .auf-brand-logo,
  html body #auf-pay-page .auf-brand-logo,
  html body #cashflow-optimizer .co-brand-logo,
  html body #auf-integrations-page .ai-logo img,
  html body #auf-career .ac-logo img,
  html body #auf-kunden .auf-logo img,
  html body #auf-contact .at-logo img,
  html body #auf-support .ak-logo img,
  html body #auf-payment-trust .auf-logo img {
    width: 184px !important;
    max-width: 184px !important;
  }

  html body footer.auf-global-footer .auf-global-footer-logo img {
    width: 196px !important;
    max-width: 196px !important;
    height: auto !important;
  }
}

@media (max-width: 980px) {
  html body footer.auf-global-footer .auf-global-footer-logo img {
    width: 156px !important;
    max-width: 156px !important;
    height: auto !important;
  }
}

/* =========================================================
   GLOBAL — ROUND 28: NAV LOGO REALLY LARGE
   Important: canonical nav uses .auf-canonical-logo and was not
   affected by the previous page-specific logo override.
   ========================================================= */
@media (min-width: 981px) {
  html body .auf-canonical-logo img,
  html body #auf-site .auf-brand-logo,
  html body #auf-pay-page .auf-brand-logo,
  html body #cashflow-optimizer .co-brand-logo,
  html body #auf-integrations-page .ai-logo img,
  html body #auf-career .ac-logo img,
  html body #auf-kunden .auf-logo img,
  html body #auf-contact .at-logo img,
  html body #auf-support .ak-logo img,
  html body #auf-payment-trust .auf-logo img {
    width: 224px !important;
    max-width: 224px !important;
    height: auto !important;
  }

  html body footer.auf-global-footer .auf-global-footer-logo img {
    width: 212px !important;
    max-width: 212px !important;
    height: auto !important;
  }
}


/* =========================================================
   GLOBAL — ROUND 29: PNG CORE LOGOS + NORMAL NAV SCALE
   The supplied PNGs have a tighter visible canvas than the SVG exports,
   so the navigation can use a normal brand size again.
   ========================================================= */
@media (min-width: 981px) {
  html body .auf-canonical-logo img,
  html body #auf-site .auf-brand-logo,
  html body #auf-pay-page .auf-brand-logo,
  html body #cashflow-optimizer .co-brand-logo,
  html body #auf-integrations-page .ai-logo img,
  html body #auf-career .ac-logo img,
  html body #auf-kunden .auf-logo img,
  html body #auf-contact .at-logo img,
  html body #auf-support .ak-logo img,
  html body #auf-payment-trust .auf-logo img {
    width: 176px !important;
    max-width: 176px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  html body footer.auf-global-footer .auf-global-footer-logo img {
    width: 194px !important;
    max-width: 194px !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 980px) and (min-width: 411px) {
  html body .auf-canonical-logo img,
  html body #auf-site .auf-brand-logo,
  html body #auf-pay-page .auf-brand-logo,
  html body #cashflow-optimizer .co-brand-logo,
  html body #auf-integrations-page .ai-logo img,
  html body #auf-career .ac-logo img,
  html body #auf-kunden .auf-logo img,
  html body #auf-contact .at-logo img,
  html body #auf-support .ak-logo img,
  html body #auf-payment-trust .auf-logo img {
    width: 138px !important;
    max-width: 138px !important;
    height: auto !important;
  }
}


/* GLOBAL DISPLAY TRACKING — 2026-09-11
   Keep large headlines open and readable across every website-v2 page.
   Duplicate IDs intentionally raise specificity above page-level legacy overrides. */
#auf-site#auf-site h1,
#auf-pay-page#auf-pay-page h1,
#cashflow-optimizer#cashflow-optimizer h1,
#auf-integrations-page#auf-integrations-page h1,
#auf-career#auf-career h1,
#auf-kunden#auf-kunden h1,
#auf-contact#auf-contact h1,
#auf-support#auf-support h1,
#auf-payment-trust#auf-payment-trust h1,
#auf-legal#auf-legal h1 {
  letter-spacing: 0 !important;
}

#auf-site#auf-site h2,
#auf-pay-page#auf-pay-page h2,
#cashflow-optimizer#cashflow-optimizer h2,
#auf-integrations-page#auf-integrations-page h2,
#auf-career#auf-career h2,
#auf-kunden#auf-kunden h2,
#auf-contact#auf-contact h2,
#auf-support#auf-support h2,
#auf-payment-trust#auf-payment-trust h2,
#auf-legal#auf-legal h2 {
  letter-spacing: 0 !important;
}

/* =========================================================
   GLOBAL DESKTOP DENSITY PASS — 2026-09-11
   Make the relaunch read closer to a 90% browser view on laptops:
   slightly smaller type, tighter vertical rhythm and a leaner header,
   while keeping mobile sizing unchanged.
   ========================================================= */
@media (min-width: 981px) {
  :root {
    --auf-global-max: 1200px;
    --auf-global-h1: clamp(54px, 5.8vw, 84px);
    --auf-global-h2: clamp(42px, 4.55vw, 65px);
    --auf-global-h3: clamp(20px, 1.9vw, 27px);
    --auf-global-section-y: 96px;
  }

  #auf-site .auf-nav-shell,
  #auf-pay-page > .auf-canonical-nav,
  #cashflow-optimizer > .auf-canonical-nav,
  #auf-integrations-page .ai-nav,
  #auf-career .ac-nav,
  #auf-kunden .auf-nav,
  #auf-contact .at-nav,
  #auf-support .ak-nav,
  #auf-payment-trust .auf-nav,
  #auf-site .auf-nav-inner,
  #auf-pay-page .auf-canonical-nav-inner,
  #cashflow-optimizer .auf-canonical-nav-inner,
  #auf-integrations-page .ai-nav-inner,
  #auf-career .ac-nav-inner,
  #auf-kunden .auf-nav-inner,
  #auf-contact .at-nav-inner,
  #auf-support .ak-nav-inner,
  #auf-payment-trust .auf-nav-inner {
    height: 74px !important;
    min-height: 74px !important;
  }

  html body .auf-canonical-logo img,
  html body #auf-site .auf-brand-logo,
  html body #auf-pay-page .auf-brand-logo,
  html body #cashflow-optimizer .co-brand-logo,
  html body #auf-integrations-page .ai-logo img,
  html body #auf-career .ac-logo img,
  html body #auf-kunden .auf-logo img,
  html body #auf-contact .at-logo img,
  html body #auf-support .ak-logo img,
  html body #auf-payment-trust .auf-logo img {
    width: 160px !important;
    max-width: 160px !important;
  }

  #auf-pay-page .auf-pay-hero,
  #cashflow-optimizer .co-hero,
  #auf-integrations-page .ai-hero,
  #auf-career .ac-hero,
  #auf-kunden .auf-kunden-hero,
  #auf-contact .at-hero,
  #auf-support .ak-hero,
  #auf-payment-trust .auf-trust-hero {
    padding-top: 90px !important;
  }

  #auf-site .auf-section-head,
  #auf-pay-page .auf-pay-section-head,
  #auf-integrations-page .ai-section-head,
  #auf-career .ac-section-head,
  #auf-kunden .auf-section-head,
  #auf-payment-trust .auf-section-head {
    margin-bottom: 50px !important;
  }
}

/* =========================================================
   GLOBAL DESKTOP LAYOUT CONTRACT — 2026-09-11
   One source of truth for the shared desktop scale across Home,
   Payment Management, Cash Collection and the remaining website-v2 pages.
   Page styles should only define component-specific layout from here on.
   ========================================================= */
@media (min-width: 981px) {
  :root {
    --auf-global-max: 1200px;
    --auf-global-gutter: 56px;
    --auf-global-h1: clamp(54px, 5vw, 78px);
    --auf-global-h2: clamp(40px, 4.1vw, 62px);
    --auf-global-h3: clamp(20px, 1.9vw, 27px);
    --auf-global-body-lg: 16px;
    --auf-global-section-y: 88px;
    --auf-global-section-head-gap: 42px;
    --auf-global-hero-top: 76px;
    --auf-global-hero-bottom: 58px;
    --auf-global-nav-h: 74px;
  }

  /* Shared content width. Duplicate root IDs deliberately outrank legacy page CSS. */
  #auf-site#auf-site .auf-container,
  #auf-site#auf-site .auf-hero-grid,
  #auf-pay-page#auf-pay-page .auf-container,
  #auf-pay-page#auf-pay-page .auf-pay-hero-grid,
  #cashflow-optimizer#cashflow-optimizer .co-wrap,
  #cashflow-optimizer#cashflow-optimizer .co-nav-inner,
  #cashflow-optimizer#cashflow-optimizer .auf-product-relationship-inner,
  #auf-integrations-page#auf-integrations-page .ai-container,
  #auf-career#auf-career .ac-container,
  #auf-kunden#auf-kunden .auf-container,
  #auf-contact#auf-contact .at-container,
  #auf-support#auf-support .ak-container,
  #auf-payment-trust#auf-payment-trust .auf-container,
  #auf-legal#auf-legal .auf-legal-container {
    width: min(calc(100% - var(--auf-global-gutter)), var(--auf-global-max)) !important;
    max-width: var(--auf-global-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* One hero scale for all primary marketing pages. */
  #auf-site#auf-site .auf-hero h1,
  #auf-pay-page#auf-pay-page .auf-pay-hero h1,
  #cashflow-optimizer#cashflow-optimizer .co-hero h1,
  #cashflow-optimizer#cashflow-optimizer .co-hero-copy h1,
  #auf-integrations-page#auf-integrations-page .ai-hero h1,
  #auf-career#auf-career .ac-hero h1,
  #auf-kunden#auf-kunden .auf-kunden-hero h1,
  #auf-contact#auf-contact .at-hero h1,
  #auf-support#auf-support .ak-hero h1,
  #auf-payment-trust#auf-payment-trust .auf-trust-hero h1 {
    font-size: var(--auf-global-h1) !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    font-weight: 620 !important;
  }

  /* Shared section-heading scale. */
  #auf-site#auf-site h2,
  #auf-pay-page#auf-pay-page h2,
  #cashflow-optimizer#cashflow-optimizer h2,
  #auf-integrations-page#auf-integrations-page h2,
  #auf-career#auf-career h2,
  #auf-kunden#auf-kunden h2,
  #auf-contact#auf-contact h2,
  #auf-support#auf-support h2,
  #auf-payment-trust#auf-payment-trust h2 {
    font-size: var(--auf-global-h2) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  /* Shared hero vertical rhythm. Home keeps its rebrand strip, but the hero itself uses the same density. */
  #auf-site#auf-site .auf-hero,
  #auf-pay-page#auf-pay-page .auf-pay-hero,
  #cashflow-optimizer#cashflow-optimizer .co-hero,
  #auf-integrations-page#auf-integrations-page .ai-hero,
  #auf-career#auf-career .ac-hero,
  #auf-kunden#auf-kunden .auf-kunden-hero,
  #auf-contact#auf-contact .at-hero,
  #auf-support#auf-support .ak-hero,
  #auf-payment-trust#auf-payment-trust .auf-trust-hero {
    padding-top: var(--auf-global-hero-top) !important;
    padding-bottom: var(--auf-global-hero-bottom) !important;
  }

  /* Lead copy: consistent readable size instead of page-by-page scaling. */
  #auf-site#auf-site .auf-lead,
  #auf-pay-page#auf-pay-page .auf-pay-hero-lead,
  #cashflow-optimizer#cashflow-optimizer .co-hero-lead,
  #auf-integrations-page#auf-integrations-page .ai-lead,
  #auf-career#auf-career .ac-lead,
  #auf-kunden#auf-kunden .auf-kunden-lead,
  #auf-contact#auf-contact .at-lead,
  #auf-support#auf-support .ak-lead,
  #auf-payment-trust#auf-payment-trust .auf-trust-lead {
    font-size: var(--auf-global-body-lg) !important;
    line-height: 1.6 !important;
  }

  /* Main recurring sections use the same desktop vertical rhythm. */
  #auf-site#auf-site .auf-section,
  #auf-site#auf-site .auf-product-world,
  #auf-site#auf-site .auf-usecases,
  #auf-site#auf-site .auf-roi,
  #auf-pay-page#auf-pay-page .auf-pay-section,
  #auf-pay-page#auf-pay-page .auf-pay-roi,
  #auf-pay-page#auf-pay-page .auf-trust,
  #cashflow-optimizer#cashflow-optimizer .co-story,
  #cashflow-optimizer#cashflow-optimizer .co-section,
  #cashflow-optimizer#cashflow-optimizer .co-workflow,
  #cashflow-optimizer#cashflow-optimizer .co-form-section,
  #cashflow-optimizer#cashflow-optimizer .co-proof-rebrand,
  #auf-integrations-page#auf-integrations-page .ai-section,
  #auf-integrations-page#auf-integrations-page .ai-system-overview,
  #auf-integrations-page#auf-integrations-page .ai-lead-section,
  #auf-integrations-page#auf-integrations-page .ai-final,
  #auf-career#auf-career .ac-section,
  #auf-career#auf-career .ac-gallery,
  #auf-career#auf-career .ac-quote,
  #auf-career#auf-career .ac-jobs,
  #auf-career#auf-career .ac-team-life,
  #auf-kunden#auf-kunden .auf-section,
  #auf-kunden#auf-kunden .auf-kunden-cinema,
  #auf-kunden#auf-kunden .auf-kunden-context,
  #auf-kunden#auf-kunden .auf-kunden-final,
  #auf-kunden#auf-kunden .auf-liquidity-proof,
  #auf-contact#auf-contact .at-contact-section,
  #auf-contact#auf-contact .at-next,
  #auf-support#auf-support .ak-routes,
  #auf-payment-trust#auf-payment-trust .auf-section,
  #auf-payment-trust#auf-payment-trust .auf-rebrand,
  #auf-payment-trust#auf-payment-trust .auf-trust-final {
    padding-top: var(--auf-global-section-y) !important;
    padding-bottom: var(--auf-global-section-y) !important;
  }

  /* Shared section heading-to-content gap. */
  #auf-site#auf-site .auf-section-head,
  #auf-pay-page#auf-pay-page .auf-pay-section-head,
  #cashflow-optimizer#cashflow-optimizer .co-section-head,
  #cashflow-optimizer#cashflow-optimizer .co-proof-rebrand-head,
  #auf-integrations-page#auf-integrations-page .ai-section-head,
  #auf-career#auf-career .ac-section-head,
  #auf-kunden#auf-kunden .auf-section-head,
  #auf-payment-trust#auf-payment-trust .auf-section-head {
    margin-bottom: var(--auf-global-section-head-gap) !important;
  }

  /* Shared header scale. */
  #auf-site#auf-site .auf-nav-shell,
  #auf-site#auf-site .auf-nav-inner,
  #auf-pay-page#auf-pay-page > .auf-canonical-nav,
  #auf-pay-page#auf-pay-page .auf-canonical-nav-inner,
  #cashflow-optimizer#cashflow-optimizer > .auf-canonical-nav,
  #cashflow-optimizer#cashflow-optimizer .auf-canonical-nav-inner,
  #cashflow-optimizer#cashflow-optimizer .co-nav-inner,
  #auf-integrations-page#auf-integrations-page .ai-nav,
  #auf-integrations-page#auf-integrations-page .ai-nav-inner,
  #auf-career#auf-career .ac-nav,
  #auf-career#auf-career .ac-nav-inner,
  #auf-kunden#auf-kunden .auf-nav,
  #auf-kunden#auf-kunden .auf-nav-inner,
  #auf-contact#auf-contact .at-nav,
  #auf-contact#auf-contact .at-nav-inner,
  #auf-support#auf-support .ak-nav,
  #auf-support#auf-support .ak-nav-inner,
  #auf-payment-trust#auf-payment-trust .auf-nav,
  #auf-payment-trust#auf-payment-trust .auf-nav-inner {
    height: var(--auf-global-nav-h) !important;
    min-height: var(--auf-global-nav-h) !important;
  }
}


/* =========================================================
   GLOBAL SCROLL REVEAL — shared across the whole website
   ========================================================= */
[data-auf-reveal="true"] {
  opacity: 0;
  transform: translate3d(0, 30px, 0) scale(.992);
  filter: blur(2px);
  transition:
    opacity .72s cubic-bezier(.22,.61,.36,1) var(--auf-reveal-delay, 0ms),
    transform .82s cubic-bezier(.22,.61,.36,1) var(--auf-reveal-delay, 0ms),
    filter .72s cubic-bezier(.22,.61,.36,1) var(--auf-reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

[data-auf-reveal="true"].is-auf-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

@media (max-width: 720px) {
  [data-auf-reveal="true"] {
    transform: translate3d(0, 18px, 0) scale(.995);
    transition-duration: .56s, .64s, .56s;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-auf-reveal="true"] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* =========================================================
   GLOBAL TYPOGRAPHY DESIGN STANDARD — 2026-09-11
   Home is the visual reference. Hero typography, eyebrows and lead copy
   are controlled here for every website-v2 marketing page so page-level
   legacy CSS can no longer drift to a different scale.
   ========================================================= */
:root {
  --auf-ds-eyebrow-size: 14px;
  --auf-ds-eyebrow-line: 1.15;
  --auf-ds-eyebrow-weight: 800;
  --auf-ds-eyebrow-tracking: .12em;
  --auf-ds-eyebrow-color: #7d8690;
  --auf-ds-h1-size: clamp(48px, 10vw, 68px);
  --auf-ds-h1-line: .98;
  --auf-ds-h1-weight: 620;
  --auf-ds-h1-tracking: 0;
  --auf-ds-hero-lead-size: 16px;
  --auf-ds-hero-lead-line: 1.6;
  --auf-ds-eyebrow-headline-gap: 18px;
  --auf-ds-headline-lead-gap: 26px;
}

@media (min-width: 981px) {
  :root {
    --auf-ds-h1-size: clamp(54px, 5vw, 78px);
  }
}

/* Primary eyebrows / kickers: one visual size and rhythm everywhere. */
#auf-site#auf-site .auf-hero .auf-eyebrow,
#auf-pay-page#auf-pay-page .auf-pay-hero .auf-pay-kicker > span:last-child,
#auf-pay-page#auf-pay-page .auf-pay-hero .auf-eyebrow,
#cashflow-optimizer#cashflow-optimizer .co-hero .co-eyebrow,
#auf-integrations-page#auf-integrations-page .ai-hero .ai-eyebrow,
#auf-career#auf-career .ac-hero .ac-eyebrow,
#auf-kunden#auf-kunden .auf-kunden-hero .auf-eyebrow,
#auf-contact#auf-contact .at-hero .at-eyebrow,
#auf-support#auf-support .ak-hero .ak-eyebrow,
#auf-payment-trust#auf-payment-trust .auf-trust-hero .auf-eyebrow,
#auf-legal#auf-legal .auf-legal-hero .auf-legal-eyebrow {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: var(--auf-ds-eyebrow-color) !important;
  font-size: var(--auf-ds-eyebrow-size) !important;
  line-height: var(--auf-ds-eyebrow-line) !important;
  font-weight: var(--auf-ds-eyebrow-weight) !important;
  letter-spacing: var(--auf-ds-eyebrow-tracking) !important;
  text-transform: uppercase !important;
}

/* The same eyebrow specification also applies to recurring light-page section labels.
   Light/dark variants may still override color, but never size or spacing. */
#auf-site#auf-site .auf-eyebrow,
#auf-pay-page#auf-pay-page .auf-eyebrow,
#cashflow-optimizer#cashflow-optimizer .co-eyebrow,
#cashflow-optimizer#cashflow-optimizer .co-eyebrow-light,
#auf-integrations-page#auf-integrations-page .ai-eyebrow,
#auf-career#auf-career .ac-eyebrow,
#auf-kunden#auf-kunden .auf-eyebrow,
#auf-contact#auf-contact .at-eyebrow,
#auf-support#auf-support .ak-eyebrow,
#auf-payment-trust#auf-payment-trust .auf-eyebrow,
#auf-legal#auf-legal .auf-legal-eyebrow {
  font-size: var(--auf-ds-eyebrow-size) !important;
  line-height: var(--auf-ds-eyebrow-line) !important;
  font-weight: var(--auf-ds-eyebrow-weight) !important;
  letter-spacing: var(--auf-ds-eyebrow-tracking) !important;
  text-transform: uppercase !important;
}

/* Hero H1: exactly the same scale as the homepage on every product/subpage. */
#auf-site#auf-site .auf-hero h1,
#auf-pay-page#auf-pay-page .auf-pay-hero h1,
#cashflow-optimizer#cashflow-optimizer .co-hero h1,
#cashflow-optimizer#cashflow-optimizer .co-hero-copy h1,
#auf-integrations-page#auf-integrations-page .ai-hero h1,
#auf-career#auf-career .ac-hero h1,
#auf-kunden#auf-kunden .auf-kunden-hero h1,
#auf-contact#auf-contact .at-hero h1,
#auf-support#auf-support .ak-hero h1,
#auf-payment-trust#auf-payment-trust .auf-trust-hero h1,
#auf-legal#auf-legal .auf-legal-hero h1 {
  font-size: var(--auf-ds-h1-size) !important;
  line-height: var(--auf-ds-h1-line) !important;
  font-weight: var(--auf-ds-h1-weight) !important;
  letter-spacing: var(--auf-ds-h1-tracking) !important;
}

/* Eyebrow → H1 rhythm. Payment Management uses a kicker div, all other pages use a p. */
#auf-site#auf-site .auf-hero .auf-eyebrow + h1,
#auf-pay-page#auf-pay-page .auf-pay-hero .auf-pay-kicker + h1,
#auf-pay-page#auf-pay-page .auf-pay-hero .auf-eyebrow + h1,
#cashflow-optimizer#cashflow-optimizer .co-hero .co-eyebrow + h1,
#auf-integrations-page#auf-integrations-page .ai-hero .ai-eyebrow + h1,
#auf-career#auf-career .ac-hero .ac-eyebrow + h1,
#auf-kunden#auf-kunden .auf-kunden-hero .auf-eyebrow + h1,
#auf-contact#auf-contact .at-hero .at-eyebrow + h1,
#auf-support#auf-support .ak-hero .ak-eyebrow + h1,
#auf-payment-trust#auf-payment-trust .auf-trust-hero .auf-eyebrow + h1,
#auf-legal#auf-legal .auf-legal-hero .auf-legal-eyebrow + h1 {
  margin-top: var(--auf-ds-eyebrow-headline-gap) !important;
}

/* Shared lead scale. Existing max-widths stay page-specific because the copy lengths differ. */
#auf-site#auf-site .auf-hero .auf-lead,
#auf-pay-page#auf-pay-page .auf-pay-hero .auf-pay-hero-lead,
#cashflow-optimizer#cashflow-optimizer .co-hero .co-hero-lead,
#auf-integrations-page#auf-integrations-page .ai-hero .ai-lead,
#auf-career#auf-career .ac-hero .ac-lead,
#auf-kunden#auf-kunden .auf-kunden-hero .auf-kunden-lead,
#auf-contact#auf-contact .at-hero .at-lead,
#auf-support#auf-support .ak-hero .ak-lead,
#auf-payment-trust#auf-payment-trust .auf-trust-hero .auf-trust-lead,
#auf-legal#auf-legal .auf-legal-hero .auf-legal-intro {
  font-size: var(--auf-ds-hero-lead-size) !important;
  line-height: var(--auf-ds-hero-lead-line) !important;
}

/* Normalize H1 → lead distance without changing each page's internal markup. */
#auf-pay-page#auf-pay-page .auf-pay-hero h1 + .auf-pay-hero-lead,
#cashflow-optimizer#cashflow-optimizer .co-hero h1 + .co-hero-lead,
#auf-integrations-page#auf-integrations-page .ai-hero h1 + .ai-lead,
#auf-career#auf-career .ac-hero h1 + .ac-lead,
#auf-kunden#auf-kunden .auf-kunden-hero h1 + .auf-kunden-lead,
#auf-contact#auf-contact .at-hero h1 + .at-lead,
#auf-support#auf-support .ak-hero h1 + .ak-lead,
#auf-payment-trust#auf-payment-trust .auf-trust-hero h1 + .auf-trust-lead,
#auf-legal#auf-legal .auf-legal-hero h1 + .auf-legal-intro {
  margin-top: var(--auf-ds-headline-lead-gap) !important;
}

/* =========================================================
   GLOBAL LETTER-SPACING FINAL STANDARD / 2026-09-11
   Legacy page CSS contains many aggressive negative tracking
   values. This final high-specificity layer keeps all primary
   marketing headings consistent and open across website-v2.
   Eyebrows intentionally retain their positive tracking.
   ========================================================= */
#auf-site#auf-site#auf-site h1,
#auf-site#auf-site#auf-site h2,
#auf-pay-page#auf-pay-page#auf-pay-page h1,
#auf-pay-page#auf-pay-page#auf-pay-page h2,
#cashflow-optimizer#cashflow-optimizer#cashflow-optimizer h1,
#cashflow-optimizer#cashflow-optimizer#cashflow-optimizer h2,
#auf-integrations-page#auf-integrations-page#auf-integrations-page h1,
#auf-integrations-page#auf-integrations-page#auf-integrations-page h2,
#auf-career#auf-career#auf-career h1,
#auf-career#auf-career#auf-career h2,
#auf-kunden#auf-kunden#auf-kunden h1,
#auf-kunden#auf-kunden#auf-kunden h2,
#auf-contact#auf-contact#auf-contact h1,
#auf-contact#auf-contact#auf-contact h2,
#auf-support#auf-support#auf-support h1,
#auf-support#auf-support#auf-support h2,
#auf-payment-trust#auf-payment-trust#auf-payment-trust h1,
#auf-payment-trust#auf-payment-trust#auf-payment-trust h2,
#auf-legal#auf-legal#auf-legal h1,
#auf-legal#auf-legal#auf-legal h2 {
  letter-spacing: 0 !important;
}

#auf-site#auf-site#auf-site h3,
#auf-pay-page#auf-pay-page#auf-pay-page h3,
#cashflow-optimizer#cashflow-optimizer#cashflow-optimizer h3,
#auf-integrations-page#auf-integrations-page#auf-integrations-page h3,
#auf-career#auf-career#auf-career h3,
#auf-kunden#auf-kunden#auf-kunden h3,
#auf-contact#auf-contact#auf-contact h3,
#auf-support#auf-support#auf-support h3,
#auf-payment-trust#auf-payment-trust#auf-payment-trust h3,
#auf-legal#auf-legal#auf-legal h3 {
  letter-spacing: -0.01em !important;
}

/* =========================================================
   GLOBAL — HERO NAV GAP + NAV ACTION PARITY / 2026-09-11 16:45
   Requested for Customers, Career, Support and Payment Invitation.
   ========================================================= */
@media (min-width: 981px) {
  #auf-kunden#auf-kunden .auf-kunden-hero,
  #auf-career#auf-career .ac-hero,
  #auf-support#auf-support .ak-hero,
  #auf-payment-trust#auf-payment-trust .auf-trust-hero {
    padding-top: 112px !important;
  }
}

/* DE language switcher and Login are secondary actions of identical size. */
.auf-global-nav-actions .auf-global-locale > summary,
.auf-global-nav-actions .auf-global-login-cta {
  box-sizing: border-box !important;
  min-width: 72px !important;
  width: 72px !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 14px !important;
  justify-content: center !important;
}