/* =========================================================
   af-kapitel.css
   Scope: Single Kapitel (body.single-kapitel)
   ========================================================= */


/* ---------------------------------------------------------
   0) Typografie
   --------------------------------------------------------- */
.single-kapitel .entry-content {
  font-size: 0.944rem;
  line-height: 1.65;
  color: #1e293b;
}

/* ---------------------------------------------------------
   1) Section Panels (Desktop)
   --------------------------------------------------------- */
@media (min-width: 781px) {
  .single-kapitel .entry-content .af-section {
    background: rgba(0,0,0,0.03);
    border-left: 6px solid rgba(0,0,0,0.12);
    border-radius: 16px;
    padding: 24px 28px;
    margin: 32px 0;
  }
  .single-kapitel .entry-content .af-section > h2:first-child { margin-top: 0; }
  .single-kapitel .entry-content .af-section .af-box { margin: 14px 0 0 0; }
  .single-kapitel .entry-content .af-section h3 {
    margin-top: 18px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
  }
  .single-kapitel .entry-content .af-section h4 { margin-top: 14px; }
}

/* ---------------------------------------------------------
   2) Section Panels Mobile – kompakt, farbige Balken + Überschriften
   --------------------------------------------------------- */
@media (max-width: 780px) {
  .single-kapitel .entry-content .af-section {
    background: transparent !important;
    padding: 0 0 0 12px !important;
    border-radius: 0 !important;
    border-left: 4px solid rgba(0,0,0,0.15) !important;
    margin: 6px 0 !important;
  }

  /* Farbige Balken links pro Section-Typ */
  .single-kapitel .entry-content .af-section.af-section-overview { border-left-color: rgba(0,0,0,0.30) !important; }
  .single-kapitel .entry-content .af-section.af-section-basics   { border-left-color: rgba(100,116,139,0.55) !important; }
  .single-kapitel .entry-content .af-section.af-section-dx       { border-left-color: rgba(30,58,138,0.65) !important; }
  .single-kapitel .entry-content .af-section.af-section-therapy  { border-left-color: rgba(21,128,61,0.80) !important; }
  .single-kapitel .entry-content .af-section.af-section-special  { border-left-color: rgba(13,148,136,0.75) !important; }
  .single-kapitel .entry-content .af-section.af-section-alert    { border-left-color: rgba(245,158,11,0.90) !important; }

  /* Section-Überschriften: farbig, kompakt */
  .single-kapitel .entry-content .af-section > h2,
  .single-kapitel .entry-content details.af-desk-details > summary h2 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 8px 0 4px 0 !important;
    margin: 0 0 4px 0 !important;
    background: transparent !important;
  }

  /* Farbige H2-Texte passend zu Desktop */
  .single-kapitel .entry-content .af-section.af-section-dx > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-dx > summary h2 {
    color: rgba(30,58,138,0.95) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-therapy > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-therapy > summary h2 {
    color: rgba(21,128,61,1) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-special > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-special > summary h2 {
    color: rgba(13,148,136,1) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-alert > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-alert > summary h2 {
    color: rgba(160,98,0,1) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-basics > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-basics > summary h2 {
    color: rgba(51,65,85,1) !important;
  }

  /* Boxen innerhalb Sections: leichte Hintergrundfarbe + Balken links */
  .single-kapitel .entry-content .af-section-therapy .af-box,
  .single-kapitel .entry-content .af-section-therapy .af-card {
    background: rgba(34,197,94,0.07) !important;
    border-left: 3px solid rgba(34,197,94,0.50) !important;
  }
  .single-kapitel .entry-content .af-section-dx .af-box,
  .single-kapitel .entry-content .af-section-dx .af-card {
    background: rgba(30,58,138,0.05) !important;
    border-left: 3px solid rgba(30,58,138,0.35) !important;
  }
  .single-kapitel .entry-content .af-section-alert .af-box,
  .single-kapitel .entry-content .af-section-alert .af-card {
    background: rgba(245,158,11,0.07) !important;
    border-left: 3px solid rgba(245,158,11,0.60) !important;
  }
  .single-kapitel .entry-content .af-section-special .af-box,
  .single-kapitel .entry-content .af-section-special .af-card {
    background: rgba(20,184,166,0.06) !important;
    border-left: 3px solid rgba(20,184,166,0.50) !important;
  }
}

/* ---------------------------------------------------------
   3) Panel-Farbakzente (Desktop)
   --------------------------------------------------------- */
@media (min-width: 781px) {

  /* Overview */
  .single-kapitel .entry-content .af-section.af-section-overview,
  .single-kapitel .entry-content details.af-desk-details.af-section-overview {
    background: rgba(0,0,0,0.03) !important;
    border-left-color: rgba(0,0,0,0.25) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-overview > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-overview > summary h2 {
    color: rgba(17,24,39,1) !important;
  }

  /* Basics */
  .single-kapitel .entry-content .af-section.af-section-basics,
  .single-kapitel .entry-content details.af-desk-details.af-section-basics {
    background: rgba(100,116,139,0.04) !important;
    border-left-color: rgba(100,116,139,0.40) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-basics > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-basics > summary h2 {
    color: rgba(51,65,85,1) !important;
  }

  /* Diagnostik */
  .single-kapitel .entry-content .af-section.af-section-dx,
  .single-kapitel .entry-content details.af-desk-details.af-section-dx {
    background: rgba(30,58,138,0.04) !important;
    border-left-color: rgba(30,58,138,0.35) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-dx > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-dx > summary h2 {
    color: rgba(30,58,138,0.95) !important;
  }

  /* Therapie */
  .single-kapitel .entry-content .af-section.af-section-therapy,
  .single-kapitel .entry-content details.af-desk-details.af-section-therapy {
    background: rgba(34,197,94,0.06) !important;
    border-left-color: rgba(34,197,94,0.75) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-therapy > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-therapy > summary h2 {
    color: rgba(21,128,61,1) !important;
  }

  /* Special */
  .single-kapitel .entry-content .af-section.af-section-special,
  .single-kapitel .entry-content details.af-desk-details.af-section-special {
    background: rgba(20,184,166,0.06) !important;
    border-left-color: rgba(20,184,166,0.65) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-special > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-special > summary h2 {
    color: rgba(13,148,136,1) !important;
  }

  /* Alert */
  .single-kapitel .entry-content .af-section.af-section-alert,
  .single-kapitel .entry-content details.af-desk-details.af-section-alert {
    background: rgba(245,158,11,0.08) !important;
    border-left-color: rgba(245,158,11,0.90) !important;
  }
  .single-kapitel .entry-content .af-section.af-section-alert > h2,
  .single-kapitel .entry-content details.af-desk-details.af-section-alert > summary h2 {
    color: rgba(160,98,0,1) !important;
  }
}

/* ---------------------------------------------------------
   4) Hinweisboxen
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-box {
  display: flex !important;
  align-items: flex-start;
  gap: 8px !important;
  padding: 8px 10px !important;
  margin: 12px 0 !important;
  border-radius: 10px;
  border-left: 5px solid rgba(0,0,0,0.25);
}
.single-kapitel .entry-content .af-box p,
.single-kapitel .entry-content .af-box ul,
.single-kapitel .entry-content .af-box ol { margin: 0 !important; }
.single-kapitel .entry-content .af-box ul,
.single-kapitel .entry-content .af-box ol { padding-left: 18px; }
.single-kapitel .entry-content .af-box figure { margin: 0 !important; }
.single-kapitel .entry-content .af-box img {
  width: 44px !important;
  height: auto !important;
  display: block;
}
@media (max-width: 520px) {
  .single-kapitel .entry-content .af-box { flex-direction: column; }
  .single-kapitel .entry-content .af-box img { width: 40px !important; }
}
.single-kapitel .entry-content .af-box-warn  { background: rgba(245,158,11,0.14); border-left-color: rgba(245,158,11,0.9); }
.single-kapitel .entry-content .af-box-info  { background: rgba(59,130,246,0.12); border-left-color: rgba(59,130,246,0.9); }
.single-kapitel .entry-content .af-box-note  { background: rgba(34,197,94,0.12);  border-left-color: rgba(34,197,94,0.9); }
.single-kapitel .entry-content .af-box-danger{ background: rgba(239,68,68,0.12);  border-left-color: rgba(239,68,68,0.9); }

/* ---------------------------------------------------------
   5) Meta (Erstellt/Aktualisiert)
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-meta {
  margin: 0 0 14px 0;
  padding-bottom: 8px;
  font-size: 0.9rem;
  opacity: 0.75;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.single-kapitel .entry-content .af-meta div { line-height: 1.4; }

/* ---------------------------------------------------------
   6) Karten
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-card {
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  height: 100%;
  line-height: 1.5;
}
.single-kapitel .entry-content .af-card h3 {
  margin: 0 0 10px 0 !important;
  padding: 0 0 10px 0;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: rgba(17,24,39,0.85);
  border-bottom: 1px solid rgba(0,0,0,0.12);
}
.single-kapitel .entry-content .af-card ul,
.single-kapitel .entry-content .af-card ol {
  margin: 0 !important;
  padding-left: 18px;
}
.single-kapitel .entry-content .af-card li { margin: 0 0 6px 0 !important; }
.single-kapitel .entry-content .af-card li > ul { margin-top: 4px !important; padding-left: 14px; }
.single-kapitel .entry-content .af-card li > ul > li { list-style: none; margin: 0 0 4px 0 !important; opacity: 0.95; }
.single-kapitel .entry-content .af-card li > ul > li > ul { margin-top: 4px !important; padding-left: 18px; }
.single-kapitel .entry-content .af-card li > ul > li > ul > li { list-style: disc; margin: 0 0 3px 0 !important; font-size: 0.95em; }

@media (max-width: 780px) {
  .single-kapitel .entry-content .af-section-therapy .af-card {
    margin: 0 0 12px 0;
    border: 1px solid rgba(0,0,0,0.06);
  }
}

/* ---------------------------------------------------------
   7) Klickbare Kacheln
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-clickable-card { position: relative; }
.single-kapitel .entry-content .af-clickable-card .af-card-link {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 10;
}
.single-kapitel .entry-content .af-clickable-card > * { position: relative; z-index: 5; }
.single-kapitel .entry-content .af-clickable-card .wp-block-button,
.single-kapitel .entry-content .af-clickable-card .wp-block-button__link { position: relative; z-index: 20; }
.single-kapitel .entry-content .af-clickable-card:hover { cursor: pointer; }

.tax-rubrik article { position: relative; z-index: 1; }
.tax-rubrik article .entry-title a { position: static; }
.tax-rubrik article .entry-title a::after { content: ""; position: absolute; inset: 0; z-index: 5; }
.tax-rubrik article:hover { cursor: pointer; }

/* ---------------------------------------------------------
   8) Mobile Accordion
   --------------------------------------------------------- */
@media (max-width: 780px) {
  .single-kapitel .entry-content .af-mobile-details {
    background: rgba(0,0,0,0.03);
    border-radius: 14px;
    padding: 0;
    margin: 14px 0;
    overflow: hidden;
  }
  .single-kapitel .entry-content .af-mobile-summary {
    list-style: none;
    cursor: pointer;
    padding: 14px 14px;
  }
  .single-kapitel .entry-content .af-mobile-summary::-webkit-details-marker { display: none; }
  .single-kapitel .entry-content .af-mobile-summary h2 { margin: 0; font-size: 1.2rem; }
  .single-kapitel .entry-content .af-mobile-details > *:not(summary) { padding: 0 14px 14px 14px; }
}

/* ---------------------------------------------------------
   9) Inhaltsverzeichnis (Heroic TOC)
   --------------------------------------------------------- */
@media (max-width: 780px) {
  .htoc, .heroic-toc, .h-toc,
  .wp-block-heroic-table-of-contents,
  nav.toc, .toc, .ez-toc-container, #ez-toc-container { display: none !important; }
}
@media (min-width: 781px) {
  .single-kapitel .entry-content .htoc,
  .single-kapitel .entry-content .wp-block-heroic-table-of-contents {
    background: rgba(30,58,138,0.04) !important;
    border-left: 6px solid rgba(30,58,138,0.35) !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    margin: 0 0 22px 0 !important;
    box-shadow: none !important;
    border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important;
  }
  .single-kapitel .entry-content .htoc .htoc-title,
  .single-kapitel .entry-content .wp-block-heroic-table-of-contents .htoc-title {
    font-weight: 800;
    margin: 0 0 10px 0 !important;
  }
  .single-kapitel .entry-content .htoc ul,
  .single-kapitel .entry-content .wp-block-heroic-table-of-contents ul {
    margin: 0 !important; padding-left: 18px !important;
  }
  .single-kapitel .entry-content .htoc li,
  .single-kapitel .entry-content .wp-block-heroic-table-of-contents li {
    margin: 0 0 6px 0 !important; line-height: 1.25;
  }
  .single-kapitel .entry-content .htoc a,
  .single-kapitel .entry-content .wp-block-heroic-table-of-contents a { text-decoration: none; }
  .single-kapitel .entry-content .htoc a:hover,
  .single-kapitel .entry-content .wp-block-heroic-table-of-contents a:hover { text-decoration: underline; }
}

/* ---------------------------------------------------------
   10) Typografie
   --------------------------------------------------------- */
@media (min-width: 781px) {
  .single-kapitel .entry-content { font-size: 0.95rem; line-height: 1.55; }
  .single-kapitel .entry-content h2 { font-size: 1.45rem; line-height: 1.3; }
  .single-kapitel .entry-content h3 { font-size: 1.2rem; line-height: 1.35; }
  .single-kapitel .entry-content h4 { font-size: 1.05rem; }
  .single-kapitel .entry-content .af-card { font-size: 0.95rem; line-height: 1.45; }
}
@media (min-width: 781px) {
  .single-kapitel .entry-content h2 {
    padding-bottom: 6px; margin-bottom: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
  }
}
@media (max-width: 780px) {
  .single-kapitel .entry-content h2 { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
}

.single-kapitel .entry-content h4 { margin-bottom: 2px; font-weight: 600; }
.single-kapitel .entry-content h4 + p { margin-top: 0; }
.single-kapitel .entry-content p { margin-bottom: 1em; }
.single-kapitel .entry-content h4 + ul,
.single-kapitel .entry-content h4 + ol,
.single-kapitel .entry-content h4 + p + ul,
.single-kapitel .entry-content h4 + p + ol {
  margin-left: 1.2em !important; margin-top: 6px !important; margin-bottom: 12px !important;
}
.single-kapitel .entry-content p + h4,
.single-kapitel .entry-content ul + h4,
.single-kapitel .entry-content ol + h4 { margin-top: 24px !important; }
.single-kapitel .entry-content ul li,
.single-kapitel .entry-content ol li { line-height: 1.25; }
.single-kapitel .entry-content p + ul,
.single-kapitel .entry-content p + ol { margin-top: 6px !important; }
.single-kapitel .entry-content .af-box + h4 { margin-top: 36px !important; }

@media (max-width: 780px) {
  .single-kapitel .entry-content .wp-block-columns { gap: 4px !important; margin-bottom: 16px; }
}

/* ---------------------------------------------------------
   11) Entscheidungshilfe
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.single-kapitel .entry-content .af-decision label { font-size: 0.95rem; }
.single-kapitel .entry-content .af-decision select {
  width: 100%; margin-top: 6px; padding: 8px 10px; border-radius: 10px;
}
@media (max-width: 780px) {
  .single-kapitel .entry-content .af-decision-grid { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------
   12) Desktop Accordion
   --------------------------------------------------------- */
@media (min-width: 781px) {
  .single-kapitel .entry-content details.af-desk-details {
    padding: 0 !important;
    margin: 18px 0 !important;
    border-radius: 16px;
    overflow: hidden;
    border-left: 6px solid rgba(0,0,0,0.12);
    background: rgba(0,0,0,0.03);
  }
  .single-kapitel .entry-content details.af-desk-details > summary {
    list-style: none; cursor: pointer; padding: 14px 16px !important;
  }
  .single-kapitel .entry-content details.af-desk-details > summary::-webkit-details-marker { display: none; }
  .single-kapitel .entry-content details.af-desk-details > summary h2 {
    margin: 0 !important; padding: 0 !important; border-bottom: none !important;
  }
  .single-kapitel .entry-content details.af-desk-details > .af-desk-body {
    padding: 0 16px 16px 16px !important;
  }
  .single-kapitel .entry-content details.af-desk-details summary,
  .single-kapitel .entry-content details.af-desk-details summary * {
    transform: none !important; zoom: 1 !important;
  }
}

/* ---------------------------------------------------------
   13) Karten-Layouts im Accordion
   --------------------------------------------------------- */
@media (min-width: 781px) {
  .single-kapitel .entry-content details.af-desk-details .af-card-grid {
    display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important;
  }
  .single-kapitel .entry-content details.af-desk-details .af-card-grid > * { margin: 0 !important; }
  .single-kapitel .entry-content details.af-desk-details.af-section-therapy .af-card-stack {
    display: flex !important; flex-direction: column !important; gap: 14px !important;
  }
  .single-kapitel .entry-content details.af-desk-details.af-section-therapy .af-card-stack > * { margin: 0 !important; }
}
@media (max-width: 780px) {

  /* Section: kompakter Abstand, Balken links via ::before */
  .single-kapitel .entry-content .af-section {
    position: relative !important;
    background: transparent !important;
    border-left: none !important;
    border-radius: 0 !important;
    margin: 6px 0 !important;
    padding: 0 0 0 14px !important;
  }

  .single-kapitel .entry-content .af-section::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important; top: 0 !important; bottom: 0 !important;
    width: 4px !important;
    border-radius: 2px !important;
    background: rgba(0,0,0,0.15) !important;
  }

  /* Farbige Balken pro Section-Typ */
  .single-kapitel .entry-content .af-section.af-section-overview::before { background: rgba(0,0,0,0.25) !important; }
  .single-kapitel .entry-content .af-section.af-section-basics::before   { background: rgba(100,116,139,0.55) !important; }
  .single-kapitel .entry-content .af-section.af-section-dx::before       { background: rgba(30,58,138,0.70) !important; }
  .single-kapitel .entry-content .af-section.af-section-therapy::before  { background: rgba(21,128,61,0.80) !important; }
  .single-kapitel .entry-content .af-section.af-section-special::before  { background: rgba(13,148,136,0.75) !important; }
  .single-kapitel .entry-content .af-section.af-section-alert::before    { background: rgba(245,158,11,0.90) !important; }

  /* H2: farbig, kompakt */
  .single-kapitel .entry-content .af-section > h2,
  .single-kapitel .entry-content .af-section .af-mobile-summary h2,
  .single-kapitel .entry-content details.af-desk-details > summary h2 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 8px 0 4px 0 !important;
    margin: 0 0 6px 0 !important;
    background: transparent !important;
  }

  .single-kapitel .entry-content .af-section.af-section-dx .af-mobile-summary h2,
  .single-kapitel .entry-content .af-section.af-section-dx > h2           { color: rgba(30,58,138,0.95) !important; }
  .single-kapitel .entry-content .af-section.af-section-therapy .af-mobile-summary h2,
  .single-kapitel .entry-content .af-section.af-section-therapy > h2      { color: rgba(21,128,61,1) !important; }
  .single-kapitel .entry-content .af-section.af-section-special .af-mobile-summary h2,
  .single-kapitel .entry-content .af-section.af-section-special > h2      { color: rgba(13,148,136,1) !important; }
  .single-kapitel .entry-content .af-section.af-section-alert .af-mobile-summary h2,
  .single-kapitel .entry-content .af-section.af-section-alert > h2        { color: rgba(160,98,0,1) !important; }
  .single-kapitel .entry-content .af-section.af-section-basics .af-mobile-summary h2,
  .single-kapitel .entry-content .af-section.af-section-basics > h2       { color: rgba(51,65,85,1) !important; }

  /* Cards: leichte Hintergrundfarbe passend zur Section */
  .single-kapitel .entry-content .af-section-therapy .af-card {
    background: rgba(21,128,61,0.06) !important;
    border: 1px solid rgba(21,128,61,0.20) !important;
    border-radius: 10px !important;
  }
  .single-kapitel .entry-content .af-section-dx .af-card {
    background: rgba(30,58,138,0.05) !important;
    border: 1px solid rgba(30,58,138,0.18) !important;
    border-radius: 10px !important;
  }
  .single-kapitel .entry-content .af-section-alert .af-card {
    background: rgba(245,158,11,0.07) !important;
    border: 1px solid rgba(245,158,11,0.25) !important;
    border-radius: 10px !important;
  }
  .single-kapitel .entry-content .af-section-special .af-card {
    background: rgba(13,148,136,0.06) !important;
    border: 1px solid rgba(13,148,136,0.20) !important;
    border-radius: 10px !important;
  }
  .single-kapitel .entry-content .af-section-basics .af-card {
    background: rgba(100,116,139,0.05) !important;
    border: 1px solid rgba(100,116,139,0.18) !important;
    border-radius: 10px !important;
  }


  /* af-box: border-left NICHT von der Section erben – kein Balken vor den Boxen */
  .single-kapitel .entry-content .af-section .af-box {
    border-left: none !important;
  }

  /* af-box-warn: immer orange – egal in welcher Section */
  .single-kapitel .entry-content .af-box-warn,
  .single-kapitel .entry-content .af-section .af-box-warn,
  .single-kapitel .entry-content .af-section-therapy .af-box-warn,
  .single-kapitel .entry-content .af-section-special .af-box-warn,
  .single-kapitel .entry-content .af-section-dx .af-box-warn {
    background: rgba(245, 158, 11, 0.14) !important;
    border: none !important;
    border-left: 5px solid rgba(245, 158, 11, 0.90) !important;
    border-radius: 8px !important;
  }

  /* af-box-info: immer blau */
  .single-kapitel .entry-content .af-box-info,
  .single-kapitel .entry-content .af-section .af-box-info,
  .single-kapitel .entry-content .af-section-therapy .af-box-info,
  .single-kapitel .entry-content .af-section-special .af-box-info,
  .single-kapitel .entry-content .af-section-dx .af-box-info {
    background: rgba(59, 130, 246, 0.12) !important;
    border: none !important;
    border-left: 5px solid rgba(59, 130, 246, 0.90) !important;
    border-radius: 8px !important;
  }

  /* af-box-success: immer grün */
  .single-kapitel .entry-content .af-box-success,
  .single-kapitel .entry-content .af-section .af-box-success {
    background: rgba(34, 197, 94, 0.12) !important;
    border: none !important;
    border-left: 5px solid rgba(34, 197, 94, 0.90) !important;
    border-radius: 8px !important;
  }

  /* af-box-danger: immer rot */
  .single-kapitel .entry-content .af-box-danger,
  .single-kapitel .entry-content .af-section .af-box-danger {
    background: rgba(239, 68, 68, 0.12) !important;
    border: none !important;
    border-left: 5px solid rgba(239, 68, 68, 0.90) !important;
    border-radius: 8px !important;
  }
}

/* ---------------------------------------------------------
   Standortempfehlung (violett – nur für bewusste Abweichungen vom Leitlinienstandard)
   Kontrast: Text #334155 auf #f2ebfd 8.9:1, Label #5b21b6 7.7:1
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-box-standort,
.single-kapitel .entry-content .af-section .af-box-standort {
  background: rgba(124, 58, 237, 0.10) !important;
  border: none !important;
  border-left: 5px solid #7c3aed !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  margin: 14px 0 0 0;
}
.single-kapitel .entry-content .af-box-standort strong:first-child { color: #5b21b6; }

/* ---------------------------------------------------------
   12) Abstände Therapie (Kartenstapel, Hinweisboxen) – 11.10.2026
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-card-stack {
  display: flex !important;
  flex-direction: column;
  gap: 16px;
  margin: 20px 0 !important;
}
.single-kapitel .entry-content .af-card-stack > .wp-block-group,
.single-kapitel .entry-content .af-card-stack .wp-block-columns { margin: 0 !important; }
.single-kapitel .entry-content .af-card-stack + p,
.single-kapitel .entry-content .af-card-stack + .wp-block-paragraph { margin-top: 4px !important; }

/* Hinweisboxen: Icon links, Inhalt rechts untereinander (auch bei Überschrift + Liste) */
.single-kapitel .entry-content .af-box {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr);
  column-gap: 14px !important;
  row-gap: 0 !important;
  align-items: start;
  padding: 12px 14px !important;
  margin: 20px 0 !important;
}
.single-kapitel .entry-content .af-box > figure.wp-block-image { grid-column: 1; grid-row: 1 / span 20; }
.single-kapitel .entry-content .af-box > *:not(.wp-block-image) { grid-column: 2; min-width: 0; }
.single-kapitel .entry-content .af-box > *:not(.wp-block-image) ~ *:not(.wp-block-image) { margin-top: 8px !important; }
.single-kapitel .entry-content .af-box h3 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 1.05rem; }
@media (max-width: 520px) {
  .single-kapitel .entry-content .af-box { grid-template-columns: minmax(0, 1fr); }
  .single-kapitel .entry-content .af-box > figure.wp-block-image,
  .single-kapitel .entry-content .af-box > *:not(.wp-block-image) { grid-column: 1; grid-row: auto; }
}

/* ---------------------------------------------------------
   13) Automatisches Inhaltsverzeichnis (Plugin af-kapitel-navigation)
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-toc {
  margin: 20px 0;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 14px;
  background: #fff;
}
.single-kapitel .entry-content .af-toc summary {
  cursor: pointer;
  padding: 12px 18px;
  font-weight: 600;
  list-style: none;
}
.single-kapitel .entry-content .af-toc summary::-webkit-details-marker { display: none; }
.single-kapitel .entry-content .af-toc summary::after { content: "▾"; float: right; opacity: 0.6; }
.single-kapitel .entry-content .af-toc details[open] summary::after { content: "▴"; }
.single-kapitel .entry-content .af-toc summary:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; border-radius: 14px; }
.single-kapitel .entry-content .af-toc-liste { margin: 0 !important; padding: 0 18px 14px 18px !important; list-style: none; }
.single-kapitel .entry-content .af-toc-liste > li { margin: 6px 0 !important; font-weight: 500; }
.single-kapitel .entry-content .af-toc-liste ul { margin: 4px 0 8px 0 !important; padding-left: 18px !important; list-style: none; font-weight: 400; font-size: 0.95em; }
.single-kapitel .entry-content .af-toc-liste ul li { margin: 3px 0 !important; }
.single-kapitel .entry-content .af-toc a { text-decoration: none; }
.single-kapitel .entry-content .af-toc a:hover { text-decoration: underline; }

/* ---------------------------------------------------------
   14) Brotkrumen und Kapitelnavigation (Plugin af-kapitel-navigation)
   --------------------------------------------------------- */
.single-kapitel .af-krumen ol { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 6px; font-size: 0.88rem; color: #566474; }
.single-kapitel .af-krumen li + li::before { content: "›"; margin-right: 6px; color: #9aa6b2; }
.single-kapitel .af-krumen a { text-decoration: none; }
.single-kapitel .af-krumen a:hover { text-decoration: underline; }
.single-kapitel .entry-content .af-kapnav { margin: 36px 0 0; display: grid; gap: 12px; }
.single-kapitel .entry-content .af-kapnav-paar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.single-kapitel .entry-content .af-kapnav-paar a { display: grid; gap: 2px; background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 12px; padding: 10px 14px; font-weight: 600; text-decoration: none; }
.single-kapitel .entry-content .af-kapnav-paar a:hover { border-color: #1667c2; }
.single-kapitel .entry-content .af-kapnav-paar small { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: #566474; }
.single-kapitel .entry-content .af-kapnav-nach { text-align: right; }
.single-kapitel .entry-content .af-kapnav-alle { justify-self: center; font-weight: 600; }
@media (max-width: 560px) {
  .single-kapitel .entry-content .af-kapnav-paar { grid-template-columns: 1fr; }
  .single-kapitel .entry-content .af-kapnav-nach { text-align: left; }
}

/* ---------------------------------------------------------
   15) Qualitätsangaben (Autor:innen, Prüfung, Gültigkeit)
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-qualitaet {
  display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center;
  margin: 0 0 18px; padding: 10px 14px; border-radius: 10px;
  background: #f1f5f9; border-left: 5px solid #1f7a46; font-size: 0.88rem; color: #334155;
}
.single-kapitel .entry-content .af-qualitaet strong { color: #0f172a; font-weight: 600; }
.single-kapitel .entry-content .af-qualitaet.af-q-offen-status,
.single-kapitel .entry-content .af-qualitaet.af-q-faellig { border-left-color: #d97706; }
.single-kapitel .entry-content .af-qualitaet .af-q-offen { color: #92400e; font-weight: 600; }

/* ---------------------------------------------------------
   16) Schaubilder im Kapitel (Einteilung, Behandlungspfade, Zeitstrahl)
       Farben: eine Bedeutung je Farbe. Blau = iv, Petrol = oral ohne
       Rifampicin, Grün = Rifampicin-Kombination, Schraffur = prothesenfrei.
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-sb {
  margin: 18px 0; padding: 16px 18px; background: #fff;
  border: 1px solid #cbd5e1; border-radius: 14px;
}
.single-kapitel .entry-content .af-sb-titel { font-weight: 700; color: #0f172a; margin: 0 0 12px; font-size: 1rem; }
.single-kapitel .entry-content .af-sb-legende { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 12px 0 0; font-size: 0.85rem; color: #1e293b; }
.single-kapitel .entry-content .af-sb-fuss { margin: 12px 0 0; font-size: 0.85rem; color: #1e293b; }

/* Regime-Buchstabe und Phasenmarke (auch in den Karten) */
.single-kapitel .entry-content .af-rg {
  display: inline-block; min-width: 1.5em; padding: 0 0.35em; border-radius: 6px;
  background: #0f172a; color: #fff; font-weight: 700; font-size: 0.85em; line-height: 1.5; text-align: center;
}
.single-kapitel .entry-content .af-rg-gross { font-size: 1rem; min-width: 1.7em; margin-right: 4px; }
.single-kapitel .entry-content .af-ph { display: inline-block; padding: 0 0.5em; border-radius: 6px; color: #fff; font-weight: 600; font-size: 0.85em; line-height: 1.6; }
.single-kapitel .entry-content .af-ph-iv   { background: #1e40af; color: #fff; }
.single-kapitel .entry-content .af-ph-oral { background: #0e7490; color: #fff; }
.single-kapitel .entry-content .af-ph-rif  { background: #15803d; color: #fff; }

/* Einteilung */
.single-kapitel .entry-content .af-ein { display: grid; gap: 6px; }
.single-kapitel .entry-content .af-ein-kopf,
.single-kapitel .entry-content .af-ein-zeile { display: grid; grid-template-columns: 190px repeat(3, 1fr); gap: 6px; align-items: stretch; }
.single-kapitel .entry-content .af-ein-kopf span { font-size: 0.8rem; font-weight: 700; color: #0f172a; border-bottom: 2px solid #0f172a; padding-bottom: 4px; }
.single-kapitel .entry-content .af-ein-kopf span:first-child { border: 0; }
.single-kapitel .entry-content .af-ein-quelle { font-weight: 700; font-size: 0.85rem; color: #0f172a; }
.single-kapitel .entry-content .af-ein-quelle small { display: block; font-weight: 500; color: #334155; }
.single-kapitel .entry-content .af-ein-feld { padding: 6px 10px; border-radius: 8px; font-size: 0.88rem; font-weight: 600; }
.single-kapitel .entry-content .af-ein-feld small { display: block; font-weight: 500; }
.single-kapitel .entry-content .af-ein-s2 { grid-column: span 2; }
.single-kapitel .entry-content .af-ein-s3 { grid-column: span 3; }
.single-kapitel .entry-content .af-ein-dunkel { background: #334155; color: #fff; }
.single-kapitel .entry-content .af-ein-hell { background: #fff; color: #0f172a; border: 2px solid #334155; }
.single-kapitel .entry-content .af-ein-strich { background: #fff; color: #0f172a; border: 2px dashed #334155; }
.single-kapitel .entry-content .af-ein-zeit { display: none; }
.single-kapitel .entry-content .af-ein-muster { display: inline-block; width: 22px; height: 14px; border-radius: 4px; vertical-align: middle; }

/* Behandlungspfade */
.single-kapitel .entry-content .af-pfad { display: grid; grid-template-columns: 1fr 3fr; gap: 14px; }
.single-kapitel .entry-content .af-pfad-raster { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.single-kapitel .entry-content .af-pfad-frage { margin: 0 0 8px; padding: 8px 12px; background: #e2e8f0; border-radius: 8px; font-weight: 700; color: #0f172a; font-size: 0.9rem; }
.single-kapitel .entry-content .af-pfad-ja { margin: 0 0 6px; font-weight: 700; color: #0f172a; font-size: 0.85rem; }
.single-kapitel .entry-content .af-pfad-ja::before { content: "↓ "; }
.single-kapitel .entry-content .af-pfad-regime { background: #fff; border: 1px solid #94a3b8; border-top: 4px solid #0f172a; border-radius: 10px; padding: 10px 12px; }
.single-kapitel .entry-content .af-pfad-kopf { margin: 0 0 6px; font-weight: 700; color: #0f172a; }
.single-kapitel .entry-content .af-pfad-regime ul { margin: 0 0 6px !important; padding-left: 18px !important; font-size: 0.86rem; }
.single-kapitel .entry-content .af-pfad-regime li { margin: 0 0 3px !important; }
.single-kapitel .entry-content .af-pfad-ablauf { margin: 0; font-size: 0.86rem; font-style: italic; color: #1e293b; }
.single-kapitel .entry-content .af-pfad-fuss { margin-top: 10px; }

/* Zeitstrahl: 24 Spalten = halbe Wochen 0–12 */
.single-kapitel .entry-content .af-zs { display: grid; gap: 4px; margin-top: 10px; }
.single-kapitel .entry-content .af-zs-achse,
.single-kapitel .entry-content .af-zs-bahn { display: grid; grid-template-columns: repeat(24, 1fr); }
.single-kapitel .entry-content .af-zs-achse { font-size: 0.78rem; font-weight: 700; color: #0f172a; border-bottom: 2px solid #0f172a; }
.single-kapitel .entry-content .af-zs-achse span { padding-bottom: 2px; }
.single-kapitel .entry-content .af-zs-ende { display: flex; justify-content: space-between; }
.single-kapitel .entry-content .af-zs-regime { padding: 8px 0 10px; border-bottom: 1px solid #e2e8f0; }
.single-kapitel .entry-content .af-zs-name { margin: 0 0 4px; font-weight: 700; color: #0f172a; }
.single-kapitel .entry-content .af-zs-bahn { min-height: 26px; margin-top: 3px; }
.single-kapitel .entry-content .af-zs-op { min-height: 24px; }
.single-kapitel .entry-content .af-zs-op > * { grid-row: 1; }
.single-kapitel .entry-content .af-seg { display: flex; align-items: center; padding: 0 8px; border-radius: 6px; color: #fff; font-size: 0.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; }
.single-kapitel .entry-content .af-intervall {
  display: flex; align-items: center; justify-content: flex-end; padding: 0 8px; border-radius: 6px; font-size: 0.78rem; font-weight: 600; color: #1e293b;
  background: repeating-linear-gradient(135deg, #e2e8f0 0 6px, #f8fafc 6px 12px); border: 1px solid #94a3b8;
}
.single-kapitel .entry-content .af-op { position: relative; border-left: 3px solid #0f172a; padding-left: 4px; font-size: 0.78rem; font-weight: 700; color: #0f172a; white-space: nowrap; z-index: 1; }
.single-kapitel .entry-content .af-zs-op .af-op span { background: #fff; padding: 0 3px; border-radius: 4px; }
.single-kapitel .entry-content .af-zs-text { margin: 6px 0 0; font-size: 0.82rem; color: #1e293b; }
.single-kapitel .entry-content .af-intervall-muster { display: inline-block; padding: 0 8px; border-radius: 6px; border: 1px solid #94a3b8; background: repeating-linear-gradient(135deg, #e2e8f0 0 6px, #f8fafc 6px 12px); font-size: 0.85em; font-weight: 600; color: #1e293b; line-height: 1.6; }
.single-kapitel .entry-content .af-op-muster { display: inline-block; width: 3px; height: 16px; background: #0f172a; vertical-align: middle; }

@media (max-width: 780px) {
  .single-kapitel .entry-content .af-sb { padding: 12px; }
  .single-kapitel .entry-content .af-ein-kopf { display: none; }
  .single-kapitel .entry-content .af-ein-zeile { grid-template-columns: 1fr; }
  .single-kapitel .entry-content .af-ein-zeit { display: inline; }
  .single-kapitel .entry-content .af-ein-quelle { grid-column: 1 / -1; }
  .single-kapitel .entry-content .af-ein-quelle:empty { display: none; }
  .single-kapitel .entry-content .af-ein-s2, .single-kapitel .entry-content .af-ein-s3 { grid-column: 1 / -1; }
  .single-kapitel .entry-content .af-pfad, .single-kapitel .entry-content .af-pfad-raster { grid-template-columns: 1fr; }
  .single-kapitel .entry-content .af-seg span, .single-kapitel .entry-content .af-intervall span { display: none; }
}

/* Tabellen: auf dem Handy innerhalb der Spalte scrollen statt die Seite zu verbreitern */
.single-kapitel .entry-content .wp-block-table { overflow-x: auto; max-width: 100%; }
@media (max-width: 780px) {
  .single-kapitel .entry-content .wp-block-table table { font-size: 0.82rem; hyphens: auto; }
  .single-kapitel .entry-content .wp-block-table th, .single-kapitel .entry-content .wp-block-table td { padding: 6px; }
}

/* Rasterbereiche Zeitstrahl (erzeugt von tools/aenderungen/pji_2026_10_12.py) */
.single-kapitel .entry-content .af-c1-2 { grid-column: 1 / 2; }
.single-kapitel .entry-content .af-c1-5 { grid-column: 1 / 5; }
.single-kapitel .entry-content .af-c1-7 { grid-column: 1 / 7; }
.single-kapitel .entry-content .af-c1-13 { grid-column: 1 / 13; }
.single-kapitel .entry-content .af-c2-25 { grid-column: 2 / 25; }
.single-kapitel .entry-content .af-c5-9 { grid-column: 5 / 9; }
.single-kapitel .entry-content .af-c5-25 { grid-column: 5 / 25; }
.single-kapitel .entry-content .af-c7-8 { grid-column: 7 / 8; }
.single-kapitel .entry-content .af-c8-25 { grid-column: 8 / 25; }
.single-kapitel .entry-content .af-c9-13 { grid-column: 9 / 13; }
.single-kapitel .entry-content .af-c13-14 { grid-column: 13 / 14; }
.single-kapitel .entry-content .af-c13-17 { grid-column: 13 / 17; }
.single-kapitel .entry-content .af-c14-25 { grid-column: 14 / 25; }
.single-kapitel .entry-content .af-c17-21 { grid-column: 17 / 21; }
.single-kapitel .entry-content .af-c21-25 { grid-column: 21 / 25; }

/* ---------------------------------------------------------
   17) Druckknopf und Druckansicht (alle Kapitel)
   --------------------------------------------------------- */
.single-kapitel .entry-content a.af-drucken {
  display: inline-block; padding: 8px 14px; border-radius: 10px; background: #1e40af; color: #fff;
  font-weight: 600; text-decoration: none;
}
.single-kapitel .entry-content a.af-drucken::before { content: "⎙ "; }
.single-kapitel .entry-content a.af-drucken:hover { background: #1e3a8a; }
@media print {
  .site-header, #masthead, .site-footer, #colophon, .af-krumen, .af-toc, .af-kapnav, .af-kapitel-frage,
  .single-kapitel .entry-content a.af-drucken, .ast-breadcrumbs-wrapper { display: none !important; }
  html, body, body.ast-separate-container, .site, .site-content, .ast-container, .ast-article-single { background: #fff !important; }
  #page, .site, .site-content { min-height: 0 !important; }
  .ast-separate-container .ast-article-single { padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
  .single-kapitel .entry-content .af-desk-summary, .single-kapitel .entry-content .af-desk-body {
    background: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important;
  }
  .single-kapitel .entry-content .af-desk-summary { list-style: none; }
  .single-kapitel .entry-content details.af-desk-details { padding: 6px 10px !important; margin: 6px 0 !important; }
  .single-kapitel .entry-content details.af-desk-details > summary { padding: 0 0 4px !important; }
  .single-kapitel .entry-content details.af-desk-details > .af-desk-body { padding: 0 !important; }
  .single-kapitel .entry-content .af-desk-body > p:first-child, .single-kapitel .entry-content p:has(+ figure) { break-after: avoid; }
  .single-kapitel .entry-content .af-desk-summary::marker, .single-kapitel .entry-content .af-desk-summary::-webkit-details-marker { display: none; content: ""; }
  .single-kapitel .entry-content .af-section h2 { font-size: 13pt !important; margin: 0 0 4px !important; }
  .ast-container, .entry-content { max-width: none !important; padding: 0 !important; margin: 0 !important; }
  .single-kapitel .entry-content { font-size: 10.5pt; color: #000; }
  .single-kapitel .entry-content .af-section {
    background: none !important; border: 1px solid #999 !important; border-left: 6px solid #444 !important;
    border-radius: 8px; padding: 6px 10px !important; margin: 6px 0 !important;
  }
  .single-kapitel .entry-content *:not(.af-ph):not(.af-rg):not(.af-seg):not(.af-ein-dunkel):not(.af-intervall) {
    background-color: transparent !important; background-image: none !important; box-shadow: none !important;
  }
  .single-kapitel .entry-content h3 { font-size: 11.5pt !important; margin: 8px 0 2px !important; padding: 0 !important; border: 0 !important; }
  .single-kapitel .entry-content p, .single-kapitel .entry-content ul, .single-kapitel .entry-content ol { margin: 2px 0 4px !important; }
  .single-kapitel .entry-content li { margin: 0 !important; }
  .single-kapitel .entry-content figure.wp-block-table { margin: 4px 0 6px !important; }
  .single-kapitel .entry-content th { background: #e5e7eb !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .single-kapitel .entry-content table, .single-kapitel .entry-content h3 { break-inside: avoid; break-after: avoid; }
  .single-kapitel .entry-content details, .single-kapitel .entry-content details > * { display: block !important; }
  .single-kapitel .entry-content table { border-collapse: collapse; }
  .single-kapitel .entry-content th, .single-kapitel .entry-content td { border: 1px solid #666 !important; padding: 3px 6px !important; }
  .single-kapitel .entry-content .af-card, .single-kapitel .entry-content .af-box, .single-kapitel .entry-content .af-sb { break-inside: avoid; }
  .single-kapitel .entry-content .af-ph, .single-kapitel .entry-content .af-rg, .single-kapitel .entry-content .af-seg,
  .single-kapitel .entry-content .af-ein-dunkel { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  a[href^="/"]::after, a[href^="http"]::after { content: none !important; }
}

/* 18. Endokarditis: Zeitstrahl Therapiedauer (Spalten = Viertelwochen), Gentamicin-Phase */
.single-kapitel .entry-content .af-c1-9 { grid-column: 1 / 9; }
.single-kapitel .entry-content .af-c1-17 { grid-column: 1 / 17; }
.single-kapitel .entry-content .af-c1-25 { grid-column: 1 / 25; }
.single-kapitel .entry-content .af-c4-25 { grid-column: 4 / 25; }
.single-kapitel .entry-content .af-ph-genta { background: #9a3412; color: #fff; }

/* ---------------------------------------------------------
   Farbcodierung: Kategorien (IAI) und Wirksamkeit (MRE, Antimykotika)
   Eine Farbe = eine Bedeutung; Kontrast Text/Hintergrund ≥ 5,3:1
   --------------------------------------------------------- */
.single-kapitel .entry-content .af-tab-scroll { overflow-x: auto; max-width: 100%; margin: 12px 0; }
.single-kapitel .entry-content table.af-farbtab { border-collapse: collapse; width: 100%; font-size: 0.92rem; }
.single-kapitel .entry-content table.af-farbtab th,
.single-kapitel .entry-content table.af-farbtab td { border: 1px solid #94a3b8; padding: 7px 9px; vertical-align: middle; }
.single-kapitel .entry-content table.af-farbtab th { background: #f1f5f9; color: #0f172a; font-weight: 600; text-align: left; }
.single-kapitel .entry-content table.af-farbtab td.af-mitte { text-align: center; font-weight: 700; }
.single-kapitel .entry-content .af-farbtab-fuss { font-size: 0.85rem; color: #334155; margin: 4px 0 0; }

/* Kategorien 1–3 */
.single-kapitel .entry-content .af-k1 { background: #bfdbfe !important; color: #1e3a8a !important; }
.single-kapitel .entry-content .af-k2 { background: #fcd34d !important; color: #78350f !important; }
.single-kapitel .entry-content .af-k3 { background: #cbd5e1 !important; color: #1f2937 !important; }
.single-kapitel .entry-content .af-kat-def { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
.single-kapitel .entry-content .af-kat-def > div { border-radius: 10px; padding: 10px 12px; line-height: 1.4; font-size: 0.92rem; }
.single-kapitel .entry-content .af-kat-def strong { display: block; font-size: 1rem; margin-bottom: 2px; }
@media (max-width: 700px) { .single-kapitel .entry-content .af-kat-def { grid-template-columns: 1fr; } }
/* Therapiekarten tragen die Farbe ihrer Kategorie weiter */
.single-kapitel .entry-content .af-kat-1 .af-card { background: #dbeafe !important; border-left: 6px solid #2563eb !important; }
.single-kapitel .entry-content .af-kat-2 .af-card { background: #fef3c7 !important; border-left: 6px solid #d97706 !important; }
.single-kapitel .entry-content .af-kat-3 .af-card { background: #e2e8f0 !important; border-left: 6px solid #475569 !important; }
.single-kapitel .entry-content .af-kat-1 .af-card h3 { color: #1e3a8a; }
.single-kapitel .entry-content .af-kat-2 .af-card h3 { color: #78350f; }
.single-kapitel .entry-content .af-kat-3 .af-card h3 { color: #1f2937; }

/* Wirksamkeit */
.single-kapitel .entry-content .af-w-plus    { background: #86efac !important; color: #14532d !important; }
.single-kapitel .entry-content .af-w-reserve { background: #dcfce7 !important; color: #14532d !important; }
.single-kapitel .entry-content .af-w-var     { background: #fef08a !important; color: #713f12 !important; }
.single-kapitel .entry-content .af-w-nein    { background: #fca5a5 !important; color: #7f1d1d !important; }
.single-kapitel .entry-content .af-w-kombi   { background: #c7d2fe !important; color: #1e3a8a !important; }
.single-kapitel .entry-content .af-legende-chips { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 8px 0; font-size: 0.85rem; }
.single-kapitel .entry-content .af-legende-chips span { padding: 2px 8px; border-radius: 6px; font-weight: 600; }