/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 12 2025 | 15:49:45 */
/* ====== CSS: nur innerhalb des KB-Bereichs ====== */
.kb-typography {
  /* Basis-Typo (scoped) */
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, "Noto Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;            /* ggf. 19–20px für extra Komfort */
  line-height: 1.65;
  color: #111;
  max-width: 65ch;            /* optimale Zeilenlänge */
  hyphens: auto;              /* mit lang="de" → deutsche Silbentrennung */
  text-rendering: optimizeLegibility;
}


.kb-typography{ 
  font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; 
}

/* Headings im KB-Bereich erben Inter und nutzen echtes Bold */
.kb-typography :where(h1,h2,h3,h4,h5,h6){
  font-family: inherit;
  font-weight: 700;                 /* statt bolder */
}

.kb-typography h1,
.kb-typography h2,
.kb-typography h3,
.kb-typography h4,
.kb-typography h5,
.kb-typography h6{
  font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight:700;
}



/* Abstände im Textfluss */
.kb-typography :is(p, ul, ol, blockquote, pre, figure) { margin: 0 0 1em; }

/* Überschriften (gleich Inter, kräftiger) */
.kb-typography :is(h1, h2, h3, h4) {
  font-weight: 700;
  line-height: 1.2;
  margin: 1.6em 0 .6em;
  letter-spacing: .005em;
}

/* Links gut sichtbar, aber ruhig */
.kb-typography a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.08em;
}

/* === milde Hervorhebung im KB-Bereich === */
.kb-typography strong {
  /* statt bolder/700 → semibold */
  font-weight: 550;               /* bei Variable Fonts (Inter) sehr angenehm */
}

/* 1) Sanfte Unterstreichung statt Bold */
.kb-typography .em-underline {
  font-weight: 500;               /* nahe Body-Gewicht */
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .18em;
  text-decoration-skip-ink: auto;
}

/* 2) „Low-ink“-Markierung (dezenter Textmarker) */
.kb-typography .em-mark {
  font-weight: 500;
  background: linear-gradient(transparent 60%, rgb(0 0 0 / 6%) 0);
  /* wirkt wie ein sehr zarter Marker nur im Unterzeilenbereich */
}

/* 3) Leichter Letterspacing-Kick (ohne Farbe/Bold) */
.kb-typography .em-tracking {
  font-weight: 500;
  letter-spacing: .004em;         /* sehr subtil, nur für kurze Wörter/Termini */
}

/* Optional: „hart“ verfügbar lassen, falls du es brauchst */
.kb-typography .em-strong {
  font-weight: 700;
}

/* Barrierefreiheit: wer mehr Kontrast wünscht, bekommt automatisch „stärker“ */
@media (prefers-contrast: more) {
  .kb-typography strong,
  .kb-typography .em-underline,
  .kb-typography .em-mark,
  .kb-typography .em-tracking {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: .08em;
    background: none;
  }
}


/* Listen */
.kb-typography ul { list-style: disc; padding-left: 1.3em; }
.kb-typography ol { list-style: decimal; padding-left: 1.3em; }

/* Code/Pre */
.kb-typography :is(code, pre) {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, "JetBrains Mono", monospace;
  font-size: .95em;
}
.kb-typography pre {
  padding: .8em;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  overflow: auto;
  background: #fafafa;
}

/* Bilder im Textbereich nie breiter als Container */
.kb-typography img { max-width: 100%; height: auto; }

/* Optional: geringerer Layout-Shift bei Font-Swap */
@supports (font-size-adjust: 1) {
  .kb-typography { font-size-adjust: .5; }
}
.kb-typography { max-width: none; /* oder: unset */ }