/* =========================================================
   Blogübersicht (Vorschlag B «Magazin», von Peter gewählt am 17.10.2026)
   Auf Blogübersicht und Kategorieseiten geladen. Präfix .pmbl-
   ========================================================= */
.pm-chips a span{opacity:.6;font-size:.82rem;margin-left:.2rem}
.pmbl-pod{background:var(--accent-soft);border-radius:var(--r-l);padding:1.3rem 1.4rem;display:grid;gap:.5rem;justify-items:start}
.pmbl-pod b{font-family:var(--font-head);font-size:1.15rem;color:var(--deep)}
.pmbl-pod p{margin:0;color:var(--muted);font-size:.95rem}
.pmbl-pod.is-wide{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem 2rem;padding:clamp(1.3rem,3vw,1.8rem) clamp(1.3rem,3.5vw,2.2rem)}
.pmbl-pod.is-wide .pm-btn{grid-row:1/3;grid-column:2}
@media(max-width:640px){.pmbl-pod.is-wide{grid-template-columns:1fr}.pmbl-pod.is-wide .pm-btn{grid-row:auto;grid-column:1}}
@media(min-width:800px){
/* ---------- Aufbau ---------- */
.pmbl-b-hero{background:var(--deep);color:#fff;padding-block:clamp(2.5rem,6vw,4.5rem);position:relative;overflow:hidden;isolation:isolate}
.pmbl-b-hero::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:var(--strong);opacity:.4;filter:blur(50px);left:-200px;top:-240px;z-index:-1}
.pmbl-b-hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--accent);opacity:.12;filter:blur(60px);right:-120px;bottom:-220px;z-index:-1}
.pmbl-b-hero-grid{display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.pmbl-b-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}
.pmbl-b-hero h1{color:#fff;font-size:clamp(2.1rem,1rem + 2.8vw,3.2rem);font-weight:700;letter-spacing:-.03em}
.pmbl-b-hero .pm-lede{color:rgba(255,255,255,.78);margin:1.1rem 0 0}
.pmbl-b-hero .pm-eyebrow{background:rgba(255,255,255,.1);color:var(--accent)}
.pmbl-b-chips{margin:1.4rem 0 0}
.pmbl-b-chips a{color:#fff;border-color:rgba(255,255,255,.3)}
.pmbl-b-chips a:hover{border-color:var(--accent)}
.pmbl-b-chips a[aria-current="page"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.pmbl-b-feat{display:block;text-decoration:none;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-l);overflow:hidden;transition:transform .4s var(--ease)}
.pmbl-b-feat:hover{transform:translateY(-4px)}
.pmbl-b-feat-img{display:block;position:relative;aspect-ratio:16/9;background:var(--soft)}
.pmbl-b-feat-img img,.pmbl-b-feat-img .pm-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pmbl-b-feat-text{display:grid;gap:.4rem;padding:1.2rem 1.4rem 1.4rem}
.pmbl-b-feat-text small{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.pmbl-b-feat-text b{font-family:var(--font-head);font-size:clamp(1.15rem,1rem + .7vw,1.5rem);line-height:1.25}
.pmbl-b-feat-text span{font-size:.85rem;color:rgba(255,255,255,.7)}
.pmbl-b-sec{padding-top:clamp(2rem,4vw,3rem)}