/* Hero-Karte „Lagebild“ (21.10.2026, ersetzt Globus-Karte). JS: js/lage-karte.js. Baut auf .gc-globe-Layout aus style.css auf. */
.hero-pangolin .hero-content .hero-cards-grid--3 .gc-lage { cursor: pointer; }
.hero-pangolin .hero-content .hero-cards-grid--3 .gc-lage:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.hero-pangolin .hero-content .hero-cards-grid--3 .gc-lage .lage-ico {
  display: flex; align-items: center; justify-content: center; border-radius: 50% !important;
  background: radial-gradient(circle at 35% 30%, rgba(95,168,255,.45), rgba(11,28,61,.85) 70%);
  box-shadow: 0 0 28px rgba(43,138,255,.45), inset 0 1px 0 rgba(255,255,255,.35);
}
.gc-lage .lage-svg { width: 46%; height: 46%; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.gc-lage .gc-globe-stats { transition: opacity .26s ease, transform .26s ease; }
.gc-lage.lage-out .gc-globe-stats { opacity: 0; transform: translateY(4px); }
.gc-lage .lage-dots { display: flex; justify-content: center; gap: 4px; margin-top: 6px; }
.gc-lage .lage-dots i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.35); transition: width .26s ease, background .26s ease; }
.gc-lage .lage-dots i.on { width: 14px; border-radius: 3px; background: #fff; }
@media (max-width: 767px) { .gc-lage .lage-dots { justify-content: flex-start; } .gc-lage .lage-svg { width: 52%; height: 52%; } }
@media (prefers-reduced-motion: reduce) { .gc-lage .lage-ico, .gc-lage .gc-globe-stats, .gc-lage .lage-dots i { transition: none; } }

/* Dialog: alle Kennzahlen */
.lage-modal .globe-modal-panel { max-width: 760px; }
.lage-m-stats { list-style: none; margin: 8px 0 24px; padding: 0; display: grid; gap: 12px; }
.lage-m-stat { display: flex; gap: 16px; align-items: flex-start; padding: 16px 18px; border-radius: 16px; background: #f5f8fc; border: 1px solid #e3e9f2; }
.lage-m-ico { flex: 0 0 40px; width: 40px; height: 40px; padding: 9px; border-radius: 50%; background: #0b1c3d; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.lage-m-stat b { display: block; font-size: 26px; line-height: 1.1; letter-spacing: -.02em; color: #0b1c3d; font-variant-numeric: tabular-nums; }
.lage-m-stat p { margin: 4px 0 0; font-size: 14.5px; line-height: 1.5; color: #2a3547; }
.lage-m-stat a { display: inline-block; margin-top: 2px; font-size: 12.5px; color: #0066cc; }
@media (max-width: 767px) { .hero-pangolin .hero-content .hero-cards-grid--3 .gc-lage .globe-wrap.lage-ico { width: 62px !important; height: 62px !important; margin: 0 13px !important; } }