/* GCO-Landkarte (64D1CC02) – eigene lk-Klassen, weil das vorkompilierte Tailwind keine neuen Klassen kennt */
.lk-abschnitt { margin: 0 0 35px; border-radius: 15px; overflow: hidden; background: #0d0a18; color: #f3eefb; box-shadow: 0 6px 24px rgba(13, 10, 24, .25); }
.lk-kopf { padding: 26px 30px 6px; }
.lk-kopf h2 { font-family: Unbounded, system-ui, sans-serif; font-weight: 600; font-size: 21px; margin: 0 0 6px; color: #fff; }
.lk-kopf p { margin: 0; color: #b3a6c9; font-size: 15px; }
.lk { --lk-meer: #0d0a18; position: relative; padding: 14px 30px 26px; }
.lk:not(.lk-bereit) { min-height: 220px; }
.lk-zahlen { display: flex; flex-wrap: wrap; gap: 8px 30px; margin-bottom: 14px; }
.lk-zahl strong { display: block; font-family: Unbounded, system-ui, sans-serif; font-size: 28px; line-height: 1.1; color: #f5b700; font-variant-numeric: tabular-nums; }
.lk-zahl span { font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #b3a6c9; }
.lk-buehne { position: relative; width: 100%; border-radius: 10px; overflow: hidden; border: 1px solid #2c2145; }
.lk-canvas { display: block; width: 100%; }
.lk-tip { position: absolute; z-index: 2; max-width: 280px; padding: 8px 11px; background: rgba(26, 16, 48, .96); border: 1px solid #f5b700; border-radius: 6px;
  color: #f3eefb; font-size: 13px; line-height: 1.45; pointer-events: none; }
.lk-tip strong { color: #f5b700; display: block; }
.lk-tip-link { color: #ff4fa3; font-weight: 600; margin-top: 2px; }
.lk-tip-logo { display: block; width: 56px; height: 56px; object-fit: contain; background: #fff; border-radius: 50%; padding: 5px; margin: 0 0 6px; }
.lk-leiste { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin-top: 14px; }
.lk-knopf { font-weight: 600; font-size: 14px; color: #f3eefb; background: transparent; border: 1px solid #4a3a6b; border-radius: 6px; padding: 8px 14px; cursor: pointer; text-decoration: none; }
.lk-knopf:hover, .lk-knopf:focus-visible { border-color: #f5b700; color: #f5b700; }
.lk-knopf-voll { background: #f5b700; border-color: #f5b700; color: #1a0a2e; }
.lk-knopf-voll:hover, .lk-knopf-voll:focus-visible { background: #ffc933; color: #1a0a2e; }
.lk-stand { font-size: 12px; color: #8f82a8; margin-left: auto; }
.lk-legende { font-size: 13px; color: #b3a6c9; display: inline-flex; align-items: center; gap: 6px; }
.lk-legende::before { content: ""; width: 12px; height: 12px; border-radius: 50%; }
.lk-legende-gold::before { background: #f5b700; }
.lk-legende-violett::before { background: #8b5cf6; }
@media (max-width: 640px) {
  .lk-kopf { padding: 22px 18px 4px; } .lk { padding: 12px 18px 22px; }
  .lk-zahl strong { font-size: 22px; } .lk-zahlen { gap: 6px 20px; } .lk-stand { margin-left: 0; width: 100%; }
}