/* ============================================================
   AZ-BRIDGE — Conversion-Brücke (Phase B: nach /assets/css/az-bridge.css,
   Einbindung <link rel="stylesheet" href="/assets/css/az-bridge.css?v=1">)
   Self-contained, kollidiert weder mit hub-ds.css noch Magazin-CSS.
   Design-System: BG #0B0F14, Gold #C9A84C, Ivory #F5F3EF, Radien 2-4px
   ============================================================ */
.az-bridge { max-width:680px; margin:40px auto; padding:28px 24px;
  background:linear-gradient(160deg,#11161d 0%,#0B0F14 100%);
  border:1px solid rgba(201,168,76,.35); border-left:3px solid #C9A84C;
  border-radius:4px; color:#F5F3EF; font-family:'Inter',system-ui,sans-serif; }
.az-bridge__head { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.az-bridge__foto { width:56px; height:56px; border-radius:50%; object-fit:cover;
  border:2px solid #C9A84C; flex-shrink:0; }
.az-bridge__who { font-size:.82rem; color:#b9b2a6; line-height:1.45; }
.az-bridge__who strong { color:#F5F3EF; display:block; font-size:.9rem; }
.az-bridge__rating { font-size:.8rem; color:#C9A84C; margin-top:2px; }
.az-bridge__headline { font-family:'Playfair Display',serif; font-size:1.35rem;
  line-height:1.3; margin:0 0 6px; color:#F5F3EF; }
.az-bridge__text { font-size:.95rem; color:#b9b2a6; line-height:1.55; margin:0 0 18px; }
.az-bridge__actions { display:flex; gap:10px; flex-wrap:wrap; }
.az-bridge__btn { display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 22px; border-radius:3px; font-size:.92rem; font-weight:600;
  text-decoration:none; flex:1 1 200px; text-align:center; min-height:48px;
  box-sizing:border-box; transition:opacity .15s; }
.az-bridge__btn:hover { opacity:.88; }
/* !important noetig: emergency-fix.css Zeile 49 erzwingt fuer alle <a> ohne die
   Klassen btn, nav-link, btn--gold, hp-cta oder hp-sticky die Goldfarbe. Ohne das
   !important war die Beschriftung des Primary-Buttons Gold auf Gold, also unlesbar.
   Der Defekt bestand bereits im Phase-B-Stand vom 11.07. */
.az-bridge a.az-bridge__btn--primary { background:linear-gradient(135deg,#C9A84C,#D4B96A); color:#0B0F14; }
.az-bridge a.az-bridge__btn--ghost { border:1px solid rgba(201,168,76,.6); color:#C9A84C; background:transparent; }
.az-bridge__btn--ghost { border:1px solid rgba(201,168,76,.6); color:#C9A84C; background:transparent; }
.az-bridge__btn svg { width:18px; height:18px; flex-shrink:0; }
.az-bridge__trust { font-size:.78rem; color:#8b8578; margin:14px 0 0; text-align:center; }
@media (max-width:600px) {
  .az-bridge { margin:32px 16px; padding:22px 18px; }
  .az-bridge__actions { flex-direction:column; }
  .az-bridge__btn { flex:1 1 auto; }
}
/* Variante DEZENT */
.az-bridge--slim { padding:16px 20px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.az-bridge--slim .az-bridge__foto { width:44px; height:44px; }
.az-bridge--slim .az-bridge__body { flex:1 1 260px; }
.az-bridge--slim .az-bridge__headline { font-size:1.05rem; margin:0 0 2px; }
.az-bridge--slim .az-bridge__micro { font-size:.78rem; color:#8b8578; margin:0; }
.az-bridge--slim .az-bridge__link { color:#C9A84C; font-weight:600; font-size:.92rem;
  text-decoration:none; white-space:nowrap; padding:10px 0; }
.az-bridge--slim .az-bridge__link:hover { text-decoration:underline; }
/* Helle Sektionen (section--ivory): dunkle Karte wirkt dort als bewusster Kontrast-Block — kein Extra-Styling nötig */