/* TGF Mitgliedschaft-Anmeldung — Formular im Leseband. */
.tgf-mitgliedschaft .form-label { font-weight: 600; font-size: .85rem; color: #3d3125; margin-bottom: .2rem; }
.tgf-mitgliedschaft h5 { color: #2a2016; }
.tgf-mitgliedschaft .alert-info { background: rgba(180, 147, 85, .14); border-color: rgba(180, 147, 85, .35); color: #3d3125; }

/* Erfolgs-Panel im Website-Look (statt Bootstrap alert-success) + grosser grüner Haken. */
.tgf-mitgliedschaft .tgf-erfolg {
    text-align: center;
    background: #FFFEFB;
    border: 1px solid rgba(180, 147, 85, .35);
    border-radius: 12px;
    padding: 2.6rem 1.5rem 2.2rem;
    margin: .5rem 0;
}
.tgf-mitgliedschaft .tgf-erfolg-icon { width: 78px; height: 78px; margin: 0 auto 1.1rem; animation: tgf-erfolg-pop .4s cubic-bezier(.2,.8,.2,1) both; }
.tgf-mitgliedschaft .tgf-erfolg-icon svg { width: 100%; height: 100%; display: block; }
.tgf-mitgliedschaft .tgf-check-circle { fill: rgba(46, 158, 79, .12); stroke: #2e9e4f; stroke-width: 2; }
.tgf-mitgliedschaft .tgf-check {
    fill: none; stroke: #2e9e4f; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;
    stroke-dasharray: 42; stroke-dashoffset: 42; animation: tgf-erfolg-draw .5s .22s ease forwards;
}
.tgf-mitgliedschaft .tgf-erfolg h3 {
    font-family: var(--font-display, "abolition", "Anton", sans-serif);
    text-transform: uppercase; letter-spacing: .03em;
    color: #2a2016; font-size: 1.9rem; margin: 0 0 .5rem;
}
.tgf-mitgliedschaft .tgf-erfolg p { color: #3d3125; line-height: 1.55; margin: 0 auto .8rem; max-width: 520px; }
.tgf-mitgliedschaft .tgf-erfolg p:last-child { margin-bottom: 0; }
.tgf-mitgliedschaft .tgf-erfolg-note { font-size: .9rem; color: #6f5e4a; }
.tgf-mitgliedschaft .tgf-erfolg a { color: var(--red, #c90000); }
@keyframes tgf-erfolg-pop { from { transform: scale(.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes tgf-erfolg-draw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) {
    .tgf-mitgliedschaft .tgf-erfolg-icon { animation: none; }
    .tgf-mitgliedschaft .tgf-check { animation: none; stroke-dashoffset: 0; }
}