.section-intro{
  max-width:760px;margin:0 auto 2.5rem;
  font-size:1rem;line-height:1.75;color:var(--neutral-600);
  text-align:center;
}
.ratgeber-content{max-width:800px;margin:0 auto}
.ratgeber-content h3{
  font-size:1.125rem;font-weight:700;
  color:var(--navy-900,#0f172a);
  margin:0 0 1rem;
  line-height:1.4;
  padding-top:2rem;
  border-top:1px solid var(--neutral-200,#e2e8f0);
}
.ratgeber-content h3:first-child{
  border-top:none;padding-top:0;
}
.ratgeber-content p{
  font-size:0.9375rem;line-height:1.8;
  color:var(--neutral-600,#475569);
  margin-bottom:1rem;
}
.ratgeber-content p:last-child{margin-bottom:0}
@media(max-width:767px){
  .section-intro{text-align:left}
  .ratgeber-content h3{font-size:1rem;padding-top:1.5rem}
}

/* ============================================
   Ghost Cookie Banner — visuell identisch mit Borlabs auf it-advo.de
   Screenshot-Analyse 13.04.2026:
   - Logo + Titel nebeneinander (flex row)
   - Kategorie-Dots horizontal, space-between, fetter Text
   - Beschreibung linksbündig
   - Footer: Ablehnen | Datenschutz | Impressum space-around, kein Backdrop
   ============================================ */

/* Fullscreen-Positioner — kein Backdrop (echtes Borlabs hat keinen auf it-advo.de) */
#ghost-cookie{
  position:fixed;inset:0;
  background:transparent;
  z-index:999998;
  display:flex;align-items:center;justify-content:center;
  padding:16px;
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
#ghost-cookie.ghost-visible{
  opacity:1;
  pointer-events:auto;
}

/* Dialog-Box */
.ghost-dialog{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 25px 50px rgba(0,0,0,.25),0 4px 16px rgba(0,0,0,.12);
  padding:24px;
  width:100%;max-width:576px;
  box-sizing:border-box;
  font-family:Arial,sans-serif;
  font-size:14px;line-height:1.5;
  color:#555;
  transform:translateY(12px);
  transition:transform .3s ease;
}
#ghost-cookie.ghost-visible .ghost-dialog{
  transform:translateY(0);
}

/* Header: Logo + Titel nebeneinander (wie echtes Borlabs) */
.ghost-header{
  display:flex;align-items:center;gap:16px;
  margin-bottom:16px;
}
.ghost-logo{height:50px;width:auto;flex-shrink:0;}
.ghost-title{
  font-size:21px;font-weight:700;
  color:#555;margin:0;line-height:1.25;
}

/* Beschreibung linksbündig */
.ghost-body{
  color:#555;margin:0 0 16px;font-size:12px;line-height:1.6;
  text-align:left;
}

/* Kategorie-Dots: horizontal, space-between, fetter Text */
.ghost-categories{
  list-style:none;padding:0;
  margin:0 0 16px;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:nowrap;
}
.ghost-categories li{
  display:flex;align-items:center;gap:6px;
  font-size:13px;font-weight:700;color:#555;
}
.ghost-dot{
  display:block;width:12px;height:12px;
  border-radius:50%;background:#ddd;
  flex-shrink:0;
}

/* Accept-Button */
.ghost-btn-accept{
  background:#4CAF50;color:#fff;
  border:none;border-radius:6px;
  padding:15px 24px;font-size:17px;font-weight:700;
  font-family:Arial,sans-serif;letter-spacing:.3px;
  cursor:pointer;width:100%;
  box-shadow:0 4px 14px rgba(76,175,80,.35);
  transition:background .2s,box-shadow .2s;
  display:block;
}
.ghost-btn-accept:hover{
  background:#45a049;
  box-shadow:0 6px 18px rgba(76,175,80,.45);
}

/* Footer: Ablehnen + Datenschutz + Impressum (space-around, alle grau gleich) */
.ghost-footer{
  background:#f5f5f5;
  margin:16px -24px -24px;
  padding:12px 24px;
  display:flex;justify-content:space-around;align-items:center;
}
.ghost-btn-deny,
.ghost-footer-link{
  background:transparent;color:#999;
  border:none;border-radius:0;
  padding:6px 0;font-size:14px;font-weight:400;
  font-family:Arial,sans-serif;text-decoration:none;
  cursor:pointer;
  transition:color .2s;
  display:inline-block;
}
.ghost-btn-deny:hover,
.ghost-footer-link:hover{color:#555}

@media(max-width:540px){
  .ghost-header{gap:10px}
  .ghost-logo{height:38px}
  .ghost-title{font-size:16px}
  .ghost-categories{flex-wrap:wrap;gap:8px;justify-content:flex-start}
  .ghost-dialog{padding:20px}
  .ghost-footer{margin:16px -20px -20px;padding:10px 16px}
}

/* Court-Ruling Cards: Aktenzeichen-Links in Gold, gepunktete Unterstreichung.
   transition: none nötig weil die globale a{} Regel transition:color .2s setzt,
   was den initialen Color-Change von cyan auf gold verhindert (Chrome Cascade-Quirk). */
.ruling-card .ruling-az a,
.ruling-card .ruling-az a:link,
.ruling-card .ruling-az a:visited{color:var(--accent-400)!important;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:none}
.ruling-card .ruling-az a:hover,
.ruling-card .ruling-az a:focus{color:#fcd34d!important;text-decoration-style:solid}

/* Ratgeber Outbound-Authority-Links: Unterstreichung PFLICHT (WCAG Color-Only Fix).
   18 Lighthouse A11y-Fails behoben ohne Farbänderung — die Cyan-CI-Farbe bleibt. */
.reputationsrecht-ratgeber .ratgeber-content a[href^="http"],
.reputationsrecht-ratgeber .ratgeber-content a[href^="https"]{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.reputationsrecht-ratgeber .ratgeber-content a[href^="http"]:hover,
.reputationsrecht-ratgeber .ratgeber-content a[href^="https"]:hover{text-decoration-thickness:2px}

/* BGH-Blockquote Grün-Link dunkler (#218838 -> #15642a) — WCAG 4.5:1 Minimum erreicht.
   Nur im Ratgeber-Blockquote, kein Live-LP-Design-Impact. */
.reputationsrecht-ratgeber blockquote a[href^="http"]{color:#15642a!important}
/* === Ratgeber V4 Erweiterung === */
.ratgeber-content .ratgeber-h3{font-size:1.7rem;color:#111;margin-top:60px;margin-bottom:15px;border-bottom:2px solid #f0f0f0;padding-bottom:10px;line-height:1.3;font-weight:700}
.ratgeber-content .ratgeber-h4{font-size:1.25rem;color:#1a1a1a;margin-top:35px;margin-bottom:12px;font-weight:700;line-height:1.35}
.ratgeber-content p{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:18px}
.ratgeber-content .ratgeber-list{list-style:disc;padding-left:25px;margin:15px 0 25px}
.ratgeber-content .ratgeber-list li{font-size:1.05rem;line-height:1.75;color:#333;margin-bottom:10px}
.ratgeber-content .ratgeber-quote{background-color:#f4f9f5;border-left:6px solid #28a745;padding:28px 32px;margin:30px 0;font-style:normal;border-radius:0 8px 8px 0;box-shadow:0 4px 10px rgba(0,0,0,0.03)}
.ratgeber-content .ratgeber-quote p{font-size:1rem;line-height:1.75;margin-bottom:12px}
.ratgeber-content .ratgeber-quote p:last-child{margin-bottom:0}
.ratgeber-content .ratgeber-quote strong{color:#15642a}
.ratgeber-content .ratgeber-disclaimer{background:#fff7e6;border-left:6px solid #f59e0b;padding:20px 28px;margin:30px 0;font-size:0.98rem;color:#5a3e0c;border-radius:0 6px 6px 0}
.ratgeber-content .autorenbox{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:30px 35px;margin:60px 0 40px;box-shadow:0 2px 10px rgba(0,0,0,0.03)}
.ratgeber-content .autorenbox h3{margin-top:0;font-size:1.35rem;color:#004494;margin-bottom:10px}
.ratgeber-content .autorenbox p{font-size:1rem;line-height:1.7;color:#333}

/* === Tier 1: Trust-Stats Block === */
.reputationsrecht-ratgeber .trust-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0 50px;padding:35px 30px;background:linear-gradient(135deg,#052C57 0%,#0a1628 100%);border-radius:12px;box-shadow:0 8px 24px rgba(5,44,87,0.12)}
.reputationsrecht-ratgeber .trust-stat{text-align:center;color:#fff}
.reputationsrecht-ratgeber .trust-stat-number{font-size:clamp(1.75rem,1.3rem+1.5vw,2.5rem);font-weight:900;color:#fbbf24;line-height:1.1;margin-bottom:8px;letter-spacing:-0.02em}
.reputationsrecht-ratgeber .trust-stat-label{font-size:0.9rem;color:#e2e8f0;line-height:1.4;font-weight:500}
@media(max-width:768px){.reputationsrecht-ratgeber .trust-stats{grid-template-columns:repeat(2,1fr);gap:15px;padding:25px 20px}}
@media(max-width:420px){.reputationsrecht-ratgeber .trust-stats{grid-template-columns:1fr}}

/* === Tier 1: Erweiterte Autoren-Box === */
.ratgeber-content .autorenbox{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:35px 40px;margin:60px 0 40px;box-shadow:0 4px 15px rgba(0,0,0,0.04)}
.ratgeber-content .autorenbox .autor-header{display:flex;align-items:center;gap:25px;margin-bottom:25px;padding-bottom:22px;border-bottom:2px solid #e9ecef}
.ratgeber-content .autorenbox .autor-foto{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,0.1);flex-shrink:0}
.ratgeber-content .autorenbox .autor-meta h3{margin:0 0 8px 0;font-size:1.35rem;color:#004494;border:none;padding:0}
.ratgeber-content .autorenbox .autor-name{font-size:1.2rem;margin:0 0 4px 0;color:#111}
.ratgeber-content .autorenbox .autor-role{font-size:1rem;color:#555;margin:0;line-height:1.5}
.ratgeber-content .autorenbox .autor-facts{list-style:none;padding:0;margin:0 0 20px 0}
.ratgeber-content .autorenbox .autor-facts li{font-size:1rem;line-height:1.7;color:#333;padding:10px 0;border-bottom:1px solid #edf0f3}
.ratgeber-content .autorenbox .autor-facts li:last-child{border-bottom:none}
.ratgeber-content .autorenbox .autor-facts li strong{color:#0056b3;font-weight:700}
.ratgeber-content .autorenbox .autor-note{font-size:0.92rem;color:#666;margin:15px 0 0 0;padding-top:15px;border-top:1px dashed #d0d7de}
@media(max-width:640px){.ratgeber-content .autorenbox{padding:25px 22px}.ratgeber-content .autorenbox .autor-header{flex-direction:column;text-align:center;gap:18px}.ratgeber-content .autorenbox .autor-foto{width:120px;height:120px}}

/* === Sofort-Hebel: Presse-Badge-Strip === */
.reputationsrecht-ratgeber .press-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px 50px;margin:50px 0 0;padding:25px 30px;background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.03)}
.reputationsrecht-ratgeber .press-badges-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:1.5px;color:#6b7280;font-weight:700}
.reputationsrecht-ratgeber .press-badges-logos{display:flex;align-items:center;flex-wrap:wrap;gap:40px;justify-content:center}
.reputationsrecht-ratgeber .press-badges-logos img{max-height:38px;width:auto;filter:grayscale(100%);opacity:0.72;transition:opacity .2s,filter .2s}
.reputationsrecht-ratgeber .press-badges-logos img:hover{filter:grayscale(0);opacity:1}
@media(max-width:640px){.reputationsrecht-ratgeber .press-badges{flex-direction:column;gap:18px;padding:20px}.reputationsrecht-ratgeber .press-badges-logos{gap:25px}.reputationsrecht-ratgeber .press-badges-logos img{max-height:30px}}

/* === Sofort-Hebel: TL;DR-Box (Featured-Snippet-friendly) === */
.ratgeber-content .ratgeber-tldr{background:linear-gradient(135deg,#eaf3ff 0%,#f8fbff 100%);border-left:5px solid #0056b3;border-radius:0 8px 8px 0;padding:18px 24px;margin:18px 0 28px;font-size:1.03rem;line-height:1.65;color:#1a1a1a;box-shadow:0 2px 6px rgba(0,86,179,0.05)}
.ratgeber-content .ratgeber-tldr strong{color:#0056b3;font-weight:800;text-transform:uppercase;font-size:0.85rem;letter-spacing:1px;margin-right:8px;display:inline-block}

/* === Sofort-Hebel: Experten-Quotes im Fließtext === */
.ratgeber-content .expert-quote{background:#fffdf7;border-left:5px solid #fbbf24;border-radius:0 8px 8px 0;padding:24px 32px;margin:32px 0;box-shadow:0 3px 10px rgba(251,191,36,0.08);position:relative}
.ratgeber-content .expert-quote::before{content:"\201C";font-size:4rem;font-family:Georgia,serif;color:#fbbf24;position:absolute;top:-10px;left:18px;line-height:1;opacity:0.5}
.ratgeber-content .expert-quote p{font-size:1.08rem;line-height:1.7;color:#333;font-style:italic;margin:0 0 14px 0;padding-left:34px}
.ratgeber-content .expert-quote cite{display:block;font-size:0.95rem;color:#666;font-style:normal;padding-left:34px;font-weight:600}
@media(max-width:640px){.ratgeber-content .expert-quote{padding:18px 22px}.ratgeber-content .expert-quote p{padding-left:20px}.ratgeber-content .expert-quote cite{padding-left:20px}}