/* Nummerierte Kreise für die Ablauf-Schritte (kein Bootstrap-Äquivalent vorhanden) */
.mc-step-number {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color-primary, #1a3a6b);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Erfolgs-Icon-Kreis auf der Ergebnisseite */
.mc-result-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #dcfce7;
    color: #16a34a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

/*
 * Joomlas renderField() verschachtelt jedes Feld in
 * <div class="control-group"><div class="control-label">…</div><div class="controls"><input></div></div>.
 * Ohne diese Regeln bleibt die Feldbreite auf die intrinsische Input-Breite begrenzt,
 * statt die volle Bootstrap-Spaltenbreite zu nutzen.
 */
.control-group {
    margin: 0;
}

.control-label {
    padding: 0;
    margin-bottom: 0.35rem;
    text-align: left;
    float: none;
    width: auto;
}

.controls {
    margin-left: 0;
}

.controls input {
    width: 100%;
}