/* WhatsApp-Kanal (30.10.2026): Profil → „VETI auf WhatsApp" (js/whatsapp-karte.js). */
.wa__kopf { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wa__intro { margin: 6px 0 12px; }
.wa__bald, .wa__an { flex: none; font-size: 12px; font-weight: 600; letter-spacing: .02em; padding: 3px 10px; border-radius: 999px; }
.wa__bald { background: rgba(124, 92, 255, .12); color: var(--c-brand-purple-600); }
.wa__an { background: rgba(37, 211, 102, .14); color: #12773c; }
.wa__meldung { margin: 0 0 10px; padding: 8px 10px; border-radius: 10px; background: rgba(52, 168, 83, .10); font-size: 14px; }
.wa__aktionen { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 6px 0 4px; }
.wa__einwilligung { margin: 4px 0 0; }
.wa__punkte { margin: 6px 0 12px; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.45; }
.wa__check { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 10px; font-size: 14px; line-height: 1.45; cursor: pointer; }
.wa__check input { margin-top: 3px; width: 18px; height: 18px; flex: none; }
.wa__schritte { margin: 6px 0 12px; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.45; }
.wa__code { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px; border: 1px solid var(--border-base-primary); border-radius: 12px; margin: 0 0 6px; }
.wa__code-wert { flex: 1 1 160px; font-size: 22px; font-weight: 700; letter-spacing: .08em; font-variant-numeric: tabular-nums; user-select: all; }
.wa__oeffnen { text-decoration: none; }
.wa__verbunden { display: flex; align-items: center; gap: 10px; margin: 8px 0 4px; }
.wa__verbunden > div { display: flex; flex-direction: column; gap: 2px; }
.wa__punkt { width: 10px; height: 10px; border-radius: 50%; background: #25d366; flex: none; }
.wa__wer { font-weight: 600; }
.wa__stand { font-size: 13px; color: var(--content-base-secondary); }
.wa__neu { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--border-base-primary); }
.wa__trennen { color: #b3261e; }
@media (max-width: 560px) {
  .wa__aktionen { flex-direction: column; align-items: stretch; }
  .wa__aktionen .btn { text-align: center; }
}