/* readability overlay 2026-08-28 — Home/Leistungen/Kanzlei/Header/Footer. Keine Artikel-Copy. */
:root {
  --sr-muted: rgb(190, 182, 170);
}

/* 2) zu dunkler Sekundärtext */
.text-\[\#8f887c\],
.text-\[\#8f897f\],
.text-\[\#8a8275\],
.text-\[\#847c70\],
.text-\[\#7d756a\],
.text-\[\#7d7669\] {
  color: var(--sr-muted) !important;
}

/* 4) Anker unter dem fixed Header */
html { scroll-padding-top: 100px; }
#kontakt, #expertise, #root section, #root h2, #root [id] {
  scroll-margin-top: 100px;
}

/* 3) Inhalt sichtbar, Fade nur Enhancement */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  [style*="opacity: 0"],
  [style*="opacity:0"] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* 1 + 5 + 6 nur Handy */
@media (max-width: 767px) {
  html { font-size: 16px; }
  body {
    padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px));
  }
  #root p,
  #root li,
  #root td,
  #root .text-sm,
  #root .text-xs,
  #root .text-\[9px\],
  #root .text-\[10px\],
  #root .text-\[11px\],
  #root .text-\[12px\],
  #root .text-\[12\.5px\],
  #root .text-\[13px\],
  #root .text-\[14px\],
  #root .text-\[15px\] {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  #root .uppercase {
    font-size: 13px !important;
    letter-spacing: 0.12em !important;
    line-height: 1.35 !important;
  }
  #root .tracking-\[0\.18em\],
  #root .tracking-\[0\.2em\],
  #root .tracking-\[0\.22em\],
  #root .tracking-\[0\.24em\],
  #root .tracking-\[0\.26em\],
  #root .tracking-\[0\.32em\],
  #root .tracking-\[0\.34em\],
  #root .tracking-\[0\.35em\],
  #root .tracking-\[0\.36em\],
  #root .tracking-\[0\.38em\] {
    letter-spacing: 0.12em !important;
  }
  header a,
  header button,
  footer a,
  #root a.inline-flex,
  #root button {
    min-height: 44px;
    min-width: 44px;
  }
  .sr-sticky-cta { display: flex; }
}

.sr-sticky-cta {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  background: #10100f;
  border-top: 1px solid rgba(234, 223, 200, 0.14);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.sr-sticky-cta a {
  flex: 1;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Georgia, serif;
  font-size: 16px;
  color: #eadfc8;
  text-decoration: none;
}
.sr-sticky-cta a + a {
  border-left: 1px solid rgba(234, 223, 200, 0.14);
}