/* ==========================================================================
   REDESIGN — BLOG (single.php + Archive: home/index/category/tag/archive)
   Quelle: redesign-quellen/01-BOILERPLATE.html. Nur blog-spezifische Regeln.
   Geteilte Komponenten (.hero--detail, .hero-meta, .prose, .cta-band, .serv-card,
   .ck, .toc, Breadcrumb-Bruecke, Heading-/Button-Re-Asserts) kommen aus
   redesign-detail.css (Dependency). Laedt gegatet auf Blog-Single + Archive,
   nach redesign-detail.css, vor style.css.

   Noch folgen einzeln: Beitragskarte (Bild-oben), Autoren-Box, Filter-Bar,
   Pagination, Featured-Image-Figure, Sidebar-Layout. Keine erfundenen Werte.
   ========================================================================== */

/* Autor-Avatar in der Hero-Meta-Zeile (nur wenn Bild vorhanden). Rund; Groesse 26px
   aus .serv-card .ic img (redesign-detail.css:337). Layout erbt .hero-meta span. */
.hero-meta__avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}

/* .post-card + Basis-.more nach redesign-detail.css verschoben — geteilt mit dem Ressourcen-Archiv. */

/* FEATURED-IMAGE-FIGURE (voll --maxw via .wrap). Natuerliche Proportion, kein aspect-ratio.
   radius/overflow-Muster aus Boilerplate .player (Z.193). style.css: 0 Treffer. */
.blog-featured{margin:0;border-radius:var(--r);overflow:hidden}   /* margin:0 = figure-Default-Reset */
.blog-featured img{width:100%;height:auto;display:block}

/* AUTOREN-BOX — getokte Karte. style.css: 0 Treffer. Jeder Wert mit Fundstelle. */
.author-box{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:32px 28px;display:flex;gap:22px;align-items:flex-start}   /* Karte/Padding .usecase-card:204; gap:22px+flex .serv-card:353; 820px .faq-list:337 */
.author-box__avatar{width:56px;height:56px;flex:0 0 auto;border-radius:50%;object-fit:cover}   /* 56px aus .serv-card .ic detail.css:355 */
.author-box__label{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute)}   /* Mono-Kanon .hero-meta:98 */
.author-box h3{font-size:21px;color:var(--navy);font-weight:600;font-family:var(--font-display);line-height:1.05;letter-spacing:-.02em;margin:0 0 10px}   /* .serv-card h3 detail.css:359 (margin-bottom:10px) */
.author-box__bio{font-size:14.5px;color:var(--text-mute);margin:0}   /* .serv-card p detail.css:361 */

/* SHARE — schlichte Icon-Links (SVGs 20px/currentColor aus dem Markup). style.css: 0 Treffer. */
.share{display:inline-flex;align-items:center;gap:14px}   /* gap:14px aus .hero .cta-row detail.css:36 */
.share__label{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-mute)}   /* Mono-Kanon .hero-meta:98 */
.share__btn{color:var(--text-mute);transition:color .25s;display:inline-flex}   /* transition:.25s aus .pdn-breadcrumbs__link detail.css:78 */
.share__btn:hover{color:var(--orange)}   /* Hover-Orange wie .pdn-breadcrumbs__link:hover detail.css:79 */

/* BLOG-SIDEBAR — TOC. Der Container traegt .pdn-blog-toc UND .toc. Weil style.css eigene
   .pdn-blog-toc*-Regeln hat (laedt spaeter, gleiche Spezifitaet -> gewinnt), muss hier ueber
   .pdn-blog-toc.toc (0,2,0) re-asserted werden. Werte = die promotete .toc-Karte (detail.css). */
.pdn-blog-toc.toc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;padding:0}   /* Karte aus .toc (detail.css), schlaegt style.css .pdn-blog-toc */
.pdn-blog-toc.toc .pdn-blog-toc__title{margin:0;padding:20px 26px;font-size:15px;color:var(--navy);font-weight:600;font-family:var(--font-display);line-height:1.05;letter-spacing:-.02em;border-bottom:1px solid var(--line)}   /* Padding/Trenner .toc-item; navy/600/15px .toc-title; Font-Re-Assert (Heading-Falle) */
.pdn-blog-toc.toc .pdn-blog-toc__nav a{display:block;padding:20px 26px;border-top:1px solid var(--line);color:var(--navy);font-weight:600;font-size:15px;text-decoration:none;background:none}   /* .toc-item + .toc-title */
.pdn-blog-toc.toc .pdn-blog-toc__nav a:first-child{border-top:none}   /* .toc-item:first-child */
.pdn-blog-toc.toc .pdn-blog-toc__nav a:hover{color:var(--orange)}   /* Hover wie .pdn-breadcrumbs__link:hover detail.css:79 */

/* Sidebar-CTA — kompakte getokte Karte auf dunklem Grund (NICHT .cta-band/full-bleed). style.css: 0 Treffer. */
.sidebar-cta{background:linear-gradient(120deg,var(--navy) 0%,var(--blue) 55%,var(--blue-bright) 130%);border-radius:var(--r);padding:32px 28px;color:#fff}   /* Gradient .cta-band detail.css:257; Padding .usecase-card:204; radius --r */
.sidebar-cta h3{color:#fff;font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.05;letter-spacing:-.02em;margin:0 0 10px}   /* .serv-card h3-Metrik:359, #fff (Heading-Falle) */
.sidebar-cta p{color:rgba(255,255,255,.85);font-size:14.5px;margin:0 0 18px}   /* 14.5px .serv-card p:361; Weiss-Opak wie .cta-inner p */
/* Button-Falle: Boilerplate-.btn 1:1 re-asserten (wie .cta-band .btn detail.css:246-248). */
.sidebar-cta .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;font-family:var(--font-body);padding:14px 24px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .25s,color .25s;white-space:nowrap}
.sidebar-cta .btn-primary{background:var(--orange-btn);color:#fff;box-shadow:0 10px 26px -8px rgba(230,126,34,.6)}
.sidebar-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -8px rgba(230,126,34,.7);background:var(--orange-btn-hover)}

/* ==========================================================================
   BLOG-ARCHIV (home/index/category/tag). Neu-Klassen -> 0 style.css-Kollision
   (.filter/.pager/.post-card__ph = 0 Treffer). Jeder Wert mit Fundstelle.
   ========================================================================== */

/* Filter-Bar (.filter/.filter__btn/.filter__count) nach redesign-detail.css verschoben —
   geteilt mit dem Standort-Archiv (beide Kontexte laden detail.css). */

/* Pager (.pager/.page-numbers) nach redesign-detail.css verschoben — geteilt mit den CPT-Archiven. */
/* Load-More-Button (index.php) -> .btn.btn-line (Button-Falle re-asserten). */
.pager .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;font-family:var(--font-body);padding:14px 24px;border-radius:999px;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .25s,color .25s;white-space:nowrap}   /* .cta-band .btn:275 */
.pager .btn-line{background:transparent;border:1px solid var(--line);color:var(--navy)}   /* .price-card .btn-line:309 */
.pager .btn-line:hover{border-color:var(--navy);transform:translateY(-2px)}   /* .price-card .btn-line:hover:310 */