/*
 * Hinweis „Anmeldung erforderlich“ auf der Highlight-Terminkachel.
 * Signal-Pink (Grünen-Magenta) — im CK-Theme als --bold-pink gesetzt, sonst
 * der Fallback. Die Selektoren sind bewusst zweistufig, weil Theme-Regeln wie
 * `.home .ck-section--alt a { color: … }` sonst die Schriftfarbe überschreiben.
 */

.gt-termin-card .gruene-anm-badge,
.gruene-anm-badge {
    display: inline-block;
    padding: 4px 11px;
    border-radius: 999px;
    background: var(--bold-pink, #ec008c);
    color: #fff;
    font-family: var(--bold-font-body, inherit);
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.02em;
    text-transform: none;
    white-space: nowrap;
}

/* Alle Zustände sehen gleich aus — die Kachel sagt nur, dass eine Anmeldung
   dazugehört. Der Zustand steckt als Klasse (--offen, --warteliste, --voll,
   --spaeter, --zu) trotzdem im Markup, falls das je unterschieden werden soll. */

@media (max-width: 480px) {
    .gt-termin-card .gruene-anm-badge,
    .gruene-anm-badge {
        white-space: normal;
    }
}