/*
 * Post Immobilien – Fachbeitrag-Design (Smartfinity Media, 09/2026)
 * Gilt ausschließlich für Inhalte in der Gruppe mit der CSS-Klasse "pi-fachbeitrag".
 * Bestehende Beiträge ohne diese Klasse sind nicht betroffen.
 * Die doppelte Klasse (.pi-fachbeitrag.pi-fachbeitrag) hebt die Spezifität gezielt über die
 * Oxygen-Regeln für .atomic-simple-article-content (z. B. Listen-Bullets), ohne !important.
 * Header, Titelbild, Sidebar und Footer liefert das Oxygen-Single-Post-Template.
 */

.pi-fachbeitrag.pi-fachbeitrag {
  --pi-slate: #3A4348;
  --pi-gold: #A28B5F;
  --pi-green: #648752;
  --pi-teal: #65BEC2;
  --pi-text: #2B2C28;
  --pi-muted: #5B6166;
  --pi-link: #0074DB;
  --pi-panel: #F2F2F2;
  --pi-border: #DEDEDC;
  --pi-callout: #F7F4EE;
  --pi-warn: #FBF3E4;
  --pi-warn-line: #C9962F;
  --pi-svg-ink: #2B2C28;
  --pi-svg-soft: #F2F2F2;
  --pi-svg-line: #9AA0A4;
  font-size: 18px;
  line-height: 1.6;
  color: var(--pi-text);
  margin: 0;
}

/* Grundelemente */
.pi-fachbeitrag.pi-fachbeitrag p { margin: 0 0 18px; }
.pi-fachbeitrag.pi-fachbeitrag a { color: var(--pi-link); text-decoration: none; }
.pi-fachbeitrag.pi-fachbeitrag a:hover { text-decoration: underline; }
.pi-fachbeitrag.pi-fachbeitrag strong { font-weight: 700; }

.pi-fachbeitrag.pi-fachbeitrag .dek { font-size: 21px; line-height: 1.5; margin: 0 0 16px; }
.pi-fachbeitrag.pi-fachbeitrag .byline { font-style: italic; color: var(--pi-muted); font-size: 17px; margin: 0 0 26px; }
.pi-fachbeitrag.pi-fachbeitrag .byline strong { font-style: normal; color: var(--pi-text); }

.pi-fachbeitrag.pi-fachbeitrag h2.wp-block-heading {
  font-weight: 400; font-size: 30px; line-height: 1.2; color: var(--pi-text);
  margin: 48px 0 14px; scroll-margin-top: 130px;
}
.pi-fachbeitrag.pi-fachbeitrag h3.wp-block-heading {
  font-weight: 400; font-size: 24px; line-height: 1.25; color: var(--pi-text);
  margin: 32px 0 10px; scroll-margin-top: 130px;
}
.pi-fachbeitrag.pi-fachbeitrag h4.wp-block-heading { font-weight: 700; font-size: 19px; margin: 24px 0 8px; }

/* Listen: eigene Marker ersetzen die Oxygen-Bullets (gleiches ::before, höhere Spezifität) */
.pi-fachbeitrag.pi-fachbeitrag ul,
.pi-fachbeitrag.pi-fachbeitrag ol { list-style: none; margin: 0 0 20px; padding: 0; }
.pi-fachbeitrag.pi-fachbeitrag li {
  position: relative; list-style: none; line-height: 1.6;
  margin: 0 0 9px; padding: 0 0 0 28px;
}
.pi-fachbeitrag.pi-fachbeitrag ul > li::before {
  content: "•"; position: absolute; left: 8px; top: 0; width: auto;
  text-align: left; color: var(--pi-teal); font-weight: 900;
}
.pi-fachbeitrag.pi-fachbeitrag ol { counter-reset: pi; }
.pi-fachbeitrag.pi-fachbeitrag ol > li { counter-increment: pi; }
.pi-fachbeitrag.pi-fachbeitrag ol > li::before {
  content: counter(pi) "."; position: absolute; left: 0; top: 0; width: auto;
  text-align: left; color: var(--pi-teal); font-weight: 700;
}
.pi-fachbeitrag.pi-fachbeitrag li > ul,
.pi-fachbeitrag.pi-fachbeitrag li > ol { margin: 9px 0 0; }

/* Zitat / Merksatz */
.pi-fachbeitrag.pi-fachbeitrag blockquote.wp-block-quote {
  margin: 26px 0 26px 20px; padding: 4px 0 4px 22px;
  border-left: 2px solid var(--pi-teal);
  font-style: italic; font-size: 19px; line-height: 1.6; color: var(--pi-text);
}
.pi-fachbeitrag.pi-fachbeitrag blockquote.wp-block-quote p { margin: 0 0 8px; }

/* Kurzfassung, Inhaltsverzeichnis, Hinweiskästen */
.pi-fachbeitrag.pi-fachbeitrag .box-title { font-weight: 700; margin: 0 0 8px; }
.pi-fachbeitrag.pi-fachbeitrag .keyfacts {
  background: var(--pi-panel); border-top: 2px solid var(--pi-gold);
  padding: 20px 26px 10px; margin: 8px 0 30px;
}
.pi-fachbeitrag.pi-fachbeitrag .keyfacts .box-title {
  letter-spacing: 1px; text-transform: uppercase; font-size: 14px; margin: 0 0 12px; color: var(--pi-gold);
}
.pi-fachbeitrag.pi-fachbeitrag .toc { border: 1px solid var(--pi-border); padding: 18px 24px 8px; margin: 0 0 34px; }
.pi-fachbeitrag.pi-fachbeitrag .toc .toc-title {
  font-weight: 700; margin: 0 0 10px; font-size: 15px; letter-spacing: 1px; text-transform: uppercase;
}
.pi-fachbeitrag.pi-fachbeitrag .toc ol { margin: 0 0 10px; }
.pi-fachbeitrag.pi-fachbeitrag .toc li { margin: 0 0 6px; font-size: 16px; }
.pi-fachbeitrag.pi-fachbeitrag .callout {
  background: var(--pi-callout); border: 1px solid var(--pi-border); padding: 18px 22px 4px; margin: 26px 0;
}
.pi-fachbeitrag.pi-fachbeitrag .callout.warn { background: var(--pi-warn); border-color: var(--pi-warn-line); }
.pi-fachbeitrag.pi-fachbeitrag .expert-note {
  background: var(--pi-panel); border-top: 2px solid var(--pi-gold); padding: 18px 22px 4px; margin: 28px 0;
}
.pi-fachbeitrag.pi-fachbeitrag .expert-note .box-title { color: var(--pi-gold); letter-spacing: .5px; }

/* Tabellen (Block „Tabelle“ mit CSS-Klasse pi-table)
   width:0 + min-width:100 %: die Tabelle darf den schrumpfenden Oxygen-Textblock nicht verbreitern */
.pi-fachbeitrag.pi-fachbeitrag figure.pi-table { overflow-x: auto; width: 0; min-width: 100%; margin: 22px 0 28px; padding: 0; -webkit-overflow-scrolling: touch; }
.pi-fachbeitrag.pi-fachbeitrag table { border-collapse: collapse; width: 100%; font-size: 15px; line-height: 1.45; min-width: 560px; margin: 0; table-layout: auto; }
.pi-fachbeitrag.pi-fachbeitrag th,
.pi-fachbeitrag.pi-fachbeitrag td { border: 1px solid var(--pi-border); padding: 9px 9px; text-align: left; vertical-align: top; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }
.pi-fachbeitrag.pi-fachbeitrag thead th { background: var(--pi-slate); color: #fff; font-weight: 700; }
.pi-fachbeitrag.pi-fachbeitrag tbody tr:nth-child(even) td { background: var(--pi-panel); }
.pi-fachbeitrag.pi-fachbeitrag .table-caption { font-size: 14px; line-height: 1.45; color: var(--pi-muted); margin: -18px 0 26px; }

/* Grafiken */
.pi-fachbeitrag.pi-fachbeitrag figure.diagram { margin: 30px 0; padding: 18px 16px 10px; border: 1px solid var(--pi-border); background: #fff; }
.pi-fachbeitrag.pi-fachbeitrag figure.diagram svg { display: block; width: 100%; max-width: 540px; height: auto; margin: 0 auto; }
.pi-fachbeitrag.pi-fachbeitrag figure.diagram figcaption { font-size: 14px; color: var(--pi-muted); margin-top: 10px; line-height: 1.45; }
.pi-fachbeitrag.pi-fachbeitrag .svg-ink { fill: var(--pi-svg-ink); }
.pi-fachbeitrag.pi-fachbeitrag .svg-soft { fill: var(--pi-svg-soft); }
.pi-fachbeitrag.pi-fachbeitrag .svg-line { stroke: var(--pi-svg-line); }

/* Handlungsaufforderung */
.pi-fachbeitrag.pi-fachbeitrag .cta-block {
  text-align: center; border-top: 1px solid var(--pi-border); border-bottom: 1px solid var(--pi-border);
  padding: 30px 16px 26px; margin: 40px 0;
}
.pi-fachbeitrag.pi-fachbeitrag .cta-block .cta-title { font-size: 24px; font-weight: 700; line-height: 1.3; margin: 0 0 10px; }
.pi-fachbeitrag.pi-fachbeitrag .cta-block p { margin: 0 0 16px; }
.pi-fachbeitrag.pi-fachbeitrag .wp-block-buttons {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 12px; margin: 4px 0 0; padding: 0;
}
.pi-fachbeitrag.pi-fachbeitrag .wp-block-button { margin: 0; padding: 0; }
.pi-fachbeitrag.pi-fachbeitrag .wp-block-button__link {
  display: inline-block; background: var(--pi-gold); border: 1px solid var(--pi-gold); color: #fff;
  border-radius: 5px; padding: 12px 22px; font-family: inherit; font-size: 18px; font-weight: 700; line-height: 1.3;
  text-align: center; text-decoration: none; box-shadow: none; transition: background .4s, border-color .4s;
}
.pi-fachbeitrag.pi-fachbeitrag .wp-block-button__link:hover { background: var(--pi-green); border-color: var(--pi-green); color: #fff; text-decoration: none; }
.pi-fachbeitrag.pi-fachbeitrag .is-secondary .wp-block-button__link { background: transparent; color: var(--pi-text); border-color: var(--pi-border); }
.pi-fachbeitrag.pi-fachbeitrag .is-secondary .wp-block-button__link:hover { background: var(--pi-panel); color: var(--pi-text); border-color: var(--pi-gold); }

/* FAQ, Hinweis, Quellen */
.pi-fachbeitrag.pi-fachbeitrag .faq h3.wp-block-heading { font-size: 21px; margin-top: 26px; }
.pi-fachbeitrag.pi-fachbeitrag .disclaimer {
  font-size: 15px; color: var(--pi-muted); border-top: 1px solid var(--pi-border); padding-top: 16px; margin-top: 36px;
}
.pi-fachbeitrag.pi-fachbeitrag .sources p,
.pi-fachbeitrag.pi-fachbeitrag .sources li { font-size: 15px; line-height: 1.5; }
.pi-fachbeitrag.pi-fachbeitrag .sources li { margin-bottom: 8px; word-break: break-word; }

/* Autorenbox */
.pi-fachbeitrag.pi-fachbeitrag .author-box { display: flex; gap: 22px; align-items: flex-start; background: var(--pi-panel); padding: 24px; margin: 44px 0 0; }
/* Ohne theme.json legt WordPress um den Gruppeninhalt einen inneren Container; das Flex-Layout gilt dann dort. */
.pi-fachbeitrag.pi-fachbeitrag .author-box > .wp-block-group__inner-container { display: flex; gap: 22px; align-items: flex-start; flex: 1 1 auto; min-width: 0; }
.pi-fachbeitrag.pi-fachbeitrag .author-box figure.wp-block-image { margin: 0; flex: 0 0 112px; width: 112px; }
.pi-fachbeitrag.pi-fachbeitrag .author-box img {
  display: block; width: 112px; height: 112px; max-width: none;
  border-radius: 50%; object-fit: cover; object-position: 50% 18%;
}
.pi-fachbeitrag.pi-fachbeitrag .author-text { flex: 1 1 auto; min-width: 0; }
.pi-fachbeitrag.pi-fachbeitrag .author-box p { margin: 0 0 8px; }
.pi-fachbeitrag.pi-fachbeitrag .author-name { font-size: 20px; font-weight: 700; margin: 0 0 2px; }
.pi-fachbeitrag.pi-fachbeitrag .author-role { font-size: 15px; color: var(--pi-muted); margin: 0 0 10px; }
.pi-fachbeitrag.pi-fachbeitrag .author-bio { font-size: 16px; }
.pi-fachbeitrag.pi-fachbeitrag .author-link { font-size: 16px; margin: 0; }

/* Schmale Inhaltsspalte. Die Breakpoints folgen dem Oxygen-Template:
   unter 712 px Bildschirmbreite ist die Spalte schmaler als 640 px,
   zwischen 992 und 1120 px ist die 70-%-Spalte nur ca. 560–630 px breit.
   (Container-Queries sind hier ungeeignet: Oxygen setzt den Textblock als
   schrumpfendes Flex-Element, eine Containment-Box würde auf 0 px kollabieren.) */
@media (max-width: 711px), (min-width: 992px) and (max-width: 1120px) {
  .pi-fachbeitrag.pi-fachbeitrag { font-size: 17px; }
  .pi-fachbeitrag.pi-fachbeitrag .dek { font-size: 19px; }
  .pi-fachbeitrag.pi-fachbeitrag h2.wp-block-heading { font-size: 25px; margin-top: 40px; }
  .pi-fachbeitrag.pi-fachbeitrag h3.wp-block-heading { font-size: 21px; }
  .pi-fachbeitrag.pi-fachbeitrag blockquote.wp-block-quote { margin-left: 4px; font-size: 18px; }
  .pi-fachbeitrag.pi-fachbeitrag .keyfacts { padding: 18px 18px 6px; }
  .pi-fachbeitrag.pi-fachbeitrag .toc { padding: 16px 18px 6px; }
  .pi-fachbeitrag.pi-fachbeitrag .callout,
  .pi-fachbeitrag.pi-fachbeitrag .expert-note { padding: 16px 18px 4px; }
  .pi-fachbeitrag.pi-fachbeitrag figure.diagram { padding: 12px 8px 8px; }
  .pi-fachbeitrag.pi-fachbeitrag .author-box { flex-direction: column; padding: 20px; }
  .pi-fachbeitrag.pi-fachbeitrag .author-box > .wp-block-group__inner-container { flex-direction: column; }
  .pi-fachbeitrag.pi-fachbeitrag .cta-block .wp-block-buttons { flex-direction: column; align-items: stretch; }
  .pi-fachbeitrag.pi-fachbeitrag .cta-block .wp-block-button__link { display: block; }
}

/* Vergleichstabellen als Karten: bis 900 px Bildschirmbreite (Spalte < ca. 810 px) und im
   schmalen 70-%-Band 992–1120 px. Breitere Spalten zeigen die normale Tabelle.
   Der Block „Tabelle“ kann keine data-label-Attribute speichern, deshalb stehen die
   Spaltennamen je Tabelle unten im CSS. */
@media (max-width: 900px), (min-width: 992px) and (max-width: 1120px) {
  .pi-fachbeitrag.pi-fachbeitrag figure.pi-table { overflow: visible; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table table { min-width: 0; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table table,
  .pi-fachbeitrag.pi-fachbeitrag .pi-table tbody,
  .pi-fachbeitrag.pi-fachbeitrag .pi-table tr,
  .pi-fachbeitrag.pi-fachbeitrag .pi-table td { display: block; width: 100%; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table tr { border: 1px solid var(--pi-border); margin: 0 0 14px; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table td { border: 0; border-top: 1px solid var(--pi-border); padding: 8px 12px; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table tbody tr:nth-child(even) td { background: transparent; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table tbody tr > td:first-child {
    background: var(--pi-slate); color: #fff; font-weight: 700; border-top: 0;
  }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table td:not(:first-child)::before {
    display: block; font-size: 13px; font-weight: 700;
    letter-spacing: .5px; text-transform: uppercase; color: var(--pi-muted); margin-bottom: 2px;
  }
  /* Artikel „Haus an Kinder verkaufen“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-uebertragung td:nth-child(2)::before { content: "Schenkung"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-uebertragung td:nth-child(3)::before { content: "Verkauf zum Verkehrswert"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-uebertragung td:nth-child(4)::before { content: "Verkauf deutlich unter Wert"; }
  /* Artikel „Haus schätzen lassen“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wege td:nth-child(2)::before { content: "Kosten"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wege td:nth-child(3)::before { content: "Besichtigung"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wege td:nth-child(4)::before { content: "Geeignet f\00FC r"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wege td:nth-child(5)::before { content: "Nicht geeignet f\00FC r"; }
  /* Artikel „Restnutzungsdauergutachten“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-rnd-saetze td:nth-child(2)::before { content: "J\00E4 hrliche AfA"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-rnd-saetze td:nth-child(3)::before { content: "Typisierte Nutzungsdauer"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-rnd-saetze td:nth-child(4)::before { content: "K\00FC rzere AfA m\00F6 glich bei tats\00E4 chlicher Nutzungsdauer unter"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-rnd-rechnung td:nth-child(2)::before { content: "Ohne Gutachten"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-rnd-rechnung td:nth-child(3)::before { content: "Mit Gutachten (25 Jahre)"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-rnd-kriterien td:nth-child(2)::before { content: "Spricht f\00FC r ein Gutachten"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-rnd-kriterien td:nth-child(3)::before { content: "Spricht dagegen"; }
  /* Artikel „Wohnrecht und Nießbrauch“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wr-unterschied td:nth-child(2)::before { content: "Wohnungsrecht"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wr-unterschied td:nth-child(3)::before { content: "Nie\00DF brauch"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wr-faktoren td:nth-child(2)::before { content: "Vervielf\00E4 ltiger M\00E4 nner"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wr-faktoren td:nth-child(3)::before { content: "Vervielf\00E4 ltiger Frauen"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wr-welten td:nth-child(2)::before { content: "Steuerlicher Kapitalwert"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wr-welten td:nth-child(3)::before { content: "Verkehrswert der belasteten Immobilie"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wr-schenkung td:nth-child(2)::before { content: "Ohne Wohnrecht"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-wr-schenkung td:nth-child(3)::before { content: "Mit Wohnrecht"; }
  /* Artikel „Was kostet ein Verkehrswertgutachten?“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-kv-vergleich td:nth-child(2)::before { content: "BVS-Empfehlung 2026"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-kv-vergleich td:nth-child(3)::before { content: "Gutachterausschuss Niedersachsen"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-kv-vergleich td:nth-child(4)::before { content: "Gutachterausschuss Hamburg"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-kv-zuschlaege td:nth-child(2)::before { content: "Zuschlag laut BVS"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-kv-steuer td:nth-child(2)::before { content: "Steuerliche Wirkung"; }
  /* Artikel „Erbschaftsteuer Geschwister, Tante, Onkel“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-eg-klassen td:nth-child(2)::before { content: "Von wem"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-eg-klassen td:nth-child(3)::before { content: "Steuerklasse"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-eg-klassen td:nth-child(4)::before { content: "Freibetrag"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-eg-tarif td:nth-child(2)::before { content: "Steuerklasse II"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-eg-tarif td:nth-child(3)::before { content: "Steuerklasse III"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-eg-beispiel td:nth-child(2)::before { content: "Wert laut Finanzamt"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-eg-beispiel td:nth-child(3)::before { content: "Wert laut Gutachten"; }
  /* Artikel „Geschwister auszahlen“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-ga-beispiel td:nth-child(2)::before { content: "Gleiche Anteile"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-ga-beispiel td:nth-child(3)::before { content: "Bruder B hat 30.000 \20AC  Vorempfang"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-ga-stichtag td:nth-child(2)::before { content: "Stichtag"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-ga-stichtag td:nth-child(3)::before { content: "Grundlage"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-ga-steuer td:nth-child(2)::before { content: "Was gilt"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-ga-steuer td:nth-child(3)::before { content: "Grundlage"; }
  /* Artikel „Pflichtteil und Immobilie“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-pt-quoten td:nth-child(2)::before { content: "Gesetzlicher Erbteil je Kind"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-pt-quoten td:nth-child(3)::before { content: "Pflichtteil je Kind"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-pt-beispiel td:nth-child(2)::before { content: "Betrag"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-pt-steuer td:nth-child(2)::before { content: "Was gilt"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-pt-steuer td:nth-child(3)::before { content: "Grundlage"; }
  /* Artikel „Nutzungsentschädigung“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-ne-erben td:nth-child(2)::before { content: "Betrag je Monat"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-ne-trennung td:nth-child(2)::before { content: "Betrag je Monat"; }
  /* Artikel „Pflichtteilsergänzung Immobilie“ */
  /* Zweispaltige Fristtabelle mit kurzen Werten: auch schmal als normale Tabelle */
  .pi-fachbeitrag.pi-fachbeitrag .pi-table.pi-tab-pe-frist table { display: table; width: 100%; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table.pi-tab-pe-frist thead { position: static; width: auto; height: auto; overflow: visible; clip: auto; display: table-header-group; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table.pi-tab-pe-frist tbody { display: table-row-group; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table.pi-tab-pe-frist tr { display: table-row; border: 0; margin: 0; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table.pi-tab-pe-frist th,
  .pi-fachbeitrag.pi-fachbeitrag .pi-table.pi-tab-pe-frist td { display: table-cell; width: auto; border: 1px solid var(--pi-border); padding: 8px 10px; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table.pi-tab-pe-frist tbody tr > td:first-child { background: transparent; color: inherit; font-weight: 400; border-top: 1px solid var(--pi-border); }
  .pi-fachbeitrag.pi-fachbeitrag .pi-table.pi-tab-pe-frist td:not(:first-child)::before { content: none; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-pe-beispiel td:nth-child(2)::before { content: "A: ohne Vorbehalt"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-pe-beispiel td:nth-child(3)::before { content: "B: mit Nie\00DF brauch"; }
  /* Artikel „Teilungsversteigerung“ */
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-tv-grenzen td:nth-child(2)::before { content: "Untergrenze f\00FCr den Zuschlag"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-tv-grenzen td:nth-child(3)::before { content: "Bei 480.000 \20AC  Verkehrswert"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-tv-beispiel td:nth-child(2)::before { content: "Zuschlag 80 %"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-tv-beispiel td:nth-child(3)::before { content: "Zuschlag 70 %"; }
  .pi-fachbeitrag.pi-fachbeitrag .pi-tab-tv-beispiel td:nth-child(4)::before { content: "Zuschlag 50 %"; }
}

/* Fotos aus der Mediathek (Block „Bild“ mit CSS-Klasse pi-photo) */
.pi-fachbeitrag.pi-fachbeitrag figure.pi-photo { margin: 30px 0; }
.pi-fachbeitrag.pi-fachbeitrag figure.pi-photo img { display: block; width: 100%; height: auto; }
.pi-fachbeitrag.pi-fachbeitrag figure.pi-photo figcaption { font-size: 14px; color: var(--pi-muted); margin-top: 8px; line-height: 1.45; text-align: left; }

/* Sehr schmale Bildschirme: Grafiken bleiben in der Spalte. (Bis 09/2026 wichen sie in den
   16-%-Seitenrand des Templates aus; seit das Template auf dem Handy nur noch 16 px Rand hat,
   hätte das die Grafik am Bildschirmrand abgeschnitten.) */
@media (max-width: 479px) {
  .pi-fachbeitrag.pi-fachbeitrag figure.diagram { margin-left: 0; margin-right: 0; padding: 10px 6px 6px; }
}

/* Nur im Block-Editor (.editor-styles-wrapper): Inhaltsbreite und Schrift wie im Frontend */
.editor-styles-wrapper .pi-fachbeitrag.pi-fachbeitrag {
  max-width: 784px; margin-left: auto; margin-right: auto;
  font-family: Lato, "Helvetica Neue", Arial, sans-serif;
}