/**
 * K16 local WP delivery (not a restyle).
 * 4322 values. Beats Consulting Munich + Elementor unlayered
 * `section,header{display:block}` and `#wrapper{position:relative}`.
 * Scoped to homepage body.fc-k16-home / #fc-k16-home only.
 */

/* --- Hide Munich / site-renewal chrome on K16 home (4322 hap nav lives inside #fc-k16-home) --- */
html body.fc-k16-home > header.fc-chrome,
html body.fc-k16-home #wrapper,
html body.fc-k16-home #masthead,
html body.fc-k16-home #colophon,
html body.fc-k16-home nav.fastcom-seo-hub,
html body.fc-k16-home footer.fc-site-footer,
html body.fc-k16-home .consulting-elementor-widgets,
html body.fc-k16-home [id*="consulting_ehf"] {
  display: none !important;
}

html:has(body.fc-k16-home) {
  font-size: 16px !important;
}

html body.fc-k16-home {
  background-color: var(--color-neutral-200, oklch(0.922 0 0)) !important;
  margin: 0;
  width: 100% !important;
  max-width: none !important;
  font-size: 16px !important;
}

html body.fc-k16-home,
html body.fc-k16-home #fc-k16-home {
  display: block !important;
}

html body.fc-k16-home #fc-k16-home {
  isolation: isolate;
  position: relative;
  z-index: 1;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

html body.fc-k16-home #fc-k16-shell {
  display: block !important;
  width: 1536px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html body.fc-k16-home #fc-k16-home > footer {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

html body.fc-k16-home #fc-k16-home h1,
html body.fc-k16-home #fc-k16-home h2,
html body.fc-k16-home #fc-k16-home h3,
html body.fc-k16-home #fc-k16-home p,
html body.fc-k16-home #fc-k16-home ul,
html body.fc-k16-home #fc-k16-home li {
  margin-top: 0;
  margin-bottom: 0;
}

html body.fc-k16-home #fc-k16-hero h1 {
  font-size: 1.875rem !important;
  line-height: 1.375 !important;
  font-weight: 700 !important;
  max-width: 22ch !important;
}

@media (width >= 40rem) {
  html body.fc-k16-home #fc-k16-hero h1 {
    font-size: 2.25rem !important;
  }
}

@media (width >= 64rem) {
  html body.fc-k16-home #fc-k16-hero h1 {
    font-size: 3rem !important;
    line-height: 1.375 !important;
  }
}

html body.fc-k16-home #fc-k16-main > section {
  width: 100% !important;
  max-width: 85rem !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (width >= 96rem) {
  html body.fc-k16-home #fc-k16-main > section {
    max-width: 100% !important;
  }
}

/* --- Hero: 4322 md:grid-cols-2 paint. Class alone loses to section{display:block} --- */
html body.fc-k16-home #fc-k16-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (width >= 48rem) {
  html body.fc-k16-home #fc-k16-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    column-gap: 2rem !important;
    row-gap: 2rem !important;
  }
}

html body.fc-k16-home #fc-k16-hero .flex {
  display: flex !important;
}

html body.fc-k16-home #fc-k16-hero .flex-col {
  flex-direction: column !important;
}

@media (width >= 40rem) {
  html body.fc-k16-home #fc-k16-hero .sm\:inline-flex {
    display: inline-flex !important;
    width: auto !important;
  }

  html body.fc-k16-home #fc-k16-hero .sm\:flex-row {
    flex-direction: row !important;
  }
}

/* --- FeaturesNavs: containing block is the frame, deco behind, L/R at lg --- */
html body.fc-k16-home #fc-k16-features,
html body.fc-k16-home #fc-k16-navs {
  position: relative !important;
  z-index: 0 !important;
  isolation: isolate;
}

html body.fc-k16-home #fc-k16-navs-frame {
  position: relative !important;
}

html body.fc-k16-home #fc-k16-navs-grid {
  position: relative !important;
  z-index: 10 !important;
}

html body.fc-k16-home #fc-k16-navs-deco {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  height: 100% !important;
  width: 100% !important;
  pointer-events: none;
}

html body.fc-k16-home #fc-k16-navs-card {
  grid-column: 1 / -1;
}

@media (width >= 64rem) {
  html body.fc-k16-home #fc-k16-navs-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 4rem !important;
  }

  html body.fc-k16-home #fc-k16-navs-card {
    grid-column: 6 / span 7;
    height: 100%;
  }
}

/* --- 4322 hap nav: header{display:block} would collapse flex --- */
html body.fc-k16-home #fc-k16-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  position: sticky !important;
  top: 1rem !important;
  inset-inline: 0 !important;
  z-index: 50 !important;
}

@media (width >= 48rem) {
  html body.fc-k16-home #fc-k16-nav {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
  }

  html body.fc-k16-home #navbar-collapse-with-animation {
    display: block !important;
  }
}

/* --- Remaining 4322 grids inside K16 (Munich section/display:block) --- */
html body.fc-k16-home #fc-k16-home .grid,
html body.fc-k16-home #fc-k16-home section.grid {
  display: grid !important;
}

html body.fc-k16-home #fc-k16-home .relative {
  position: relative !important;
}

html body.fc-k16-home #fc-k16-home .absolute {
  position: absolute !important;
}

html body.fc-k16-home #fc-k16-home .inset-0 {
  inset: 0 !important;
}

html body.fc-k16-home #fc-k16-home .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.fc-k16-home #fc-k16-home .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

html body.fc-k16-home #fc-k16-home .col-span-full {
  grid-column: 1 / -1 !important;
}

@media (width >= 40rem) {
  html body.fc-k16-home #fc-k16-home .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width >= 48rem) {
  html body.fc-k16-home #fc-k16-home .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.fc-k16-home #fc-k16-home .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.fc-k16-home #fc-k16-home .md\:items-center {
    align-items: center !important;
  }

  html body.fc-k16-home #fc-k16-home .md\:gap-8 {
    gap: 2rem !important;
  }
}

@media (width >= 64rem) {
  html body.fc-k16-home #fc-k16-home .lg\:grid {
    display: grid !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:col-start-6 {
    grid-column-start: 6 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:col-start-8 {
    grid-column-start: 8 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:col-end-13 {
    grid-column-end: 13 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:order-2 {
    order: 2 !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:items-center {
    align-items: center !important;
  }

  html body.fc-k16-home #fc-k16-home .lg\:gap-16 {
    gap: 4rem !important;
  }
}
