/* Anpassungen der gemeinsamen basis.css fuer den Blog.
 *
 * basis.css ist fuer die Hauptseite gebaut: grosse Ueberschriften fuer
 * Startseiten, kleine Schrift fuer Rechtstexte. Ein Blogartikel braucht
 * etwas dazwischen. Die Selektoren beginnen mit .wp-site-blocks, damit sie
 * die einfachen Element-Regeln aus basis.css (h1, h2 …) sicher schlagen. */


/* Seitengeruest: Der Fuss sitzt auch auf kurzen Seiten unten.
   basis.css erwartet main als direktes Kind von body; in WordPress steht
   dazwischen .wp-site-blocks. */
.wp-site-blocks{flex:1 0 auto;display:flex;flex-direction:column;width:100%}
.wp-site-blocks>main{flex:1 0 auto}


/* Ueberschriften: kleiner als die Startseiten-Ueberschriften der basis.css,
   groesser als die der Rechtstexte. */
.wp-site-blocks h1{font-size:clamp(32px,4vw,46px);line-height:1.12;letter-spacing:-1.4px;margin-bottom:.6em}
.wp-site-blocks h2{font-size:clamp(24px,2.6vw,29px);line-height:1.22;letter-spacing:-.6px;margin-top:1.9em;margin-bottom:.6em}
.wp-site-blocks h3{font-size:21px;line-height:1.3;letter-spacing:-.3px;margin-top:1.6em;margin-bottom:.5em}


/* Fliesstext eines Artikels */
.wp-block-post-content{font-size:17px;line-height:1.75;color:#2d4339}
.wp-block-post-content p,.wp-block-post-content li{color:#2d4339}
.wp-block-post-content li{margin-bottom:.45em}
.wp-block-post-content a{color:var(--green);text-underline-offset:3px;text-decoration-thickness:1px}
.wp-block-post-content a:hover{text-decoration-thickness:2px}
.wp-block-post-content strong{color:var(--ink);font-weight:600}
.wp-block-post-content blockquote{
  margin-left:0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:var(--ink);
}
.wp-block-post-content figcaption{font-size:14px;color:var(--muted)}

/* Tabellen: Vergleiche sind ein Kernformat der Produktartikel */
.wp-block-post-content table{width:100%;border-collapse:collapse;font-size:15px}
.wp-block-post-content th,.wp-block-post-content td{
  text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;
}
.wp-block-post-content th{color:var(--ink);font-weight:600;background:var(--soft)}
@media(max-width:600px){
  /* Breite Tabellen scrollen in sich, statt die Seite seitlich zu sprengen */
  .wp-block-table{overflow-x:auto}
}


/* Artikelliste und Metaangaben */
.wp-block-post-date,.wp-block-post-terms{font-size:14px;color:var(--muted)}
.wp-block-post-title a{text-decoration:none;color:var(--ink)}
.wp-block-post-title a:hover{color:var(--green)}


/* Einleitung unter der Seitenueberschrift (Blog-Startseite, Kategorien) */
.aff-einleitung{font-size:19px;color:var(--muted);max-width:720px;margin-top:0}


/* Brotkrumen: klein und zurueckhaltend ueber der Ueberschrift */
.aff-brotkrumen ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted)}
.aff-brotkrumen li+li::before{content:"›";margin-right:6px}
.aff-brotkrumen a{color:var(--muted);text-decoration:none}
.aff-brotkrumen a:hover{color:var(--green);text-decoration:underline}


/* Kategorie-Leiste als Schaltflaechen */
.aff-kategorien{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 32px}
.aff-kategorien a{
  padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;
  font-size:14px;color:var(--ink);text-decoration:none;
}
.aff-kategorien a:hover{border-color:var(--accent)}
.aff-kategorien a[aria-current]{background:var(--soft);border-color:var(--accent);font-weight:600}


/* Karten der Artikelliste und der verwandten Artikel */
.aff-karte{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;gap:8px;height:100%;
}
.aff-karte .wp-block-post-featured-image{margin:-20px -22px 6px;overflow:hidden;border-radius:12px 12px 0 0}
.aff-karte .wp-block-post-title,.aff-karte h3{font-size:21px;line-height:1.3;margin:0}
.aff-karte h3 a{text-decoration:none;color:var(--ink)}
.aff-karte h3 a:hover{color:var(--green)}
.aff-karte p,.aff-karte .wp-block-post-excerpt{font-size:15px;line-height:1.6;margin:0}
.aff-karte-meta{gap:10px;font-size:14px;color:var(--muted);margin:0}
.wp-block-post-excerpt__more-link{font-weight:600;text-decoration:none}

.wp-block-query-pagination{margin-top:40px;gap:14px;font-size:15px}
.wp-block-query-pagination .current{font-weight:600;color:var(--ink)}


/* Unter dem Artikel: verwandte Artikel und Blaettern */
.aff-verwandte{margin-top:56px;padding-top:8px;border-top:1px solid var(--line)}
.aff-verwandte-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.aff-blaettern{margin-top:40px;gap:16px;font-size:15px}
.aff-blaettern a{text-decoration:none}