/* Presentation-only fix; no changes to the independent Salesforce integration. */
html { background-color: var(--paper); }
.site-header {
  background: var(--paper);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.hs-quip-marke { opacity: 1; justify-content: center; }
.hs-quip-marke img {
  display: block;
  width: clamp(170px, 18vw, 230px);
  height: auto;
}
.hs-quip-raster {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1.25rem;
}

/* Explicit specificity defeats the later generic footer link rules. */
.site-footer .fuss-social { flex-wrap: wrap; gap: 0.5rem; }
.site-footer .fuss-social a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  width: auto;
  height: auto;
  min-height: 44px;
  padding: 0.65rem 0.8rem;
  border: 1px solid #718b86;
  border-radius: 10px;
  color: #fff;
  opacity: 1;
  font-size: 0.875rem;
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: normal;
}
.site-footer .fuss-social svg { order: -1; flex: 0 0 20px; }
.site-footer .fuss-social a:hover { background: #1e4a50; color: #fff; }
.site-footer .fuss-social a:focus-visible { outline: 3px solid #71bf44; outline-offset: 3px; }

/* Without JS the full navigation is in normal document flow. It must not
   occupy the entire viewport as a sticky panel at 200% text size. */
@media (max-width: 1079px) {
  html:not(.js-reveal) .site-header { position: static; }
  html:not(.js-reveal) .site-header .bar { flex-wrap: wrap; }
  html:not(.js-reveal) .site-header .main-nav {
    flex-basis: 100%;
    min-width: 0;
    padding-inline: 0;
  }
  html:not(.js-reveal) .site-header .nav-wege { margin-inline-start: 0; min-width: 0; }
  html:not(.js-reveal) .site-header .main-nav a { white-space: normal; max-width: 100%; }
  html:not(.js-reveal) .noscript-nav-mobile { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
  html:not(.js-reveal) .noscript-nav-mobile a { display: inline-flex; margin: 0; max-width: 100%; }
}

@media (max-width: 899px) {
  /* A full-page blend/texture layer interferes with browser edge sampling. */
  body::before { display: none; }
  .site-header::before {
    content: '';
    position: absolute;
    inset-inline: 0;
    bottom: 100%;
    height: env(safe-area-inset-top, 0px);
    background: var(--paper);
    pointer-events: none;
  }
  html.js-reveal .kl {
    background: var(--paper);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  html.js-reveal .kl::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    top: 100%;
    height: env(safe-area-inset-bottom, 0px);
    background: var(--paper);
    pointer-events: none;
  }
  .hs-quip-marke img { width: 180px; }
}