/* ablauf.css — „So funktioniert die Verona Card“ (veronacard.net) */
.vc-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #009344; margin-bottom: 8px; }
.vc-ablauf { max-width: 1200px; margin: 56px auto; padding: 0 20px; }
.vc-ablauf-head { text-align: center; margin-bottom: 28px; }
.vc-ablauf-title { font-size: clamp(24px, 3.2vw, 32px); line-height: 1.2; color: #0b4f2c; margin: 0; }
.vc-ablauf-schritte { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; counter-reset: none; }
.vc-ablauf-schritt { background: #fff; border: 1px solid #e3eee6; border-radius: 14px; padding: 24px 22px; position: relative; }
.vc-ablauf-nr { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #009344; color: #fff; font-weight: 800; margin-bottom: 12px; }
.vc-ablauf-schritt h3 { font-size: 18px; color: #0b4f2c; margin: 0 0 8px; }
.vc-ablauf-schritt p { margin: 0; color: #3c434a; line-height: 1.55; font-size: 15px; }
.vc-ablauf-hinweis { max-width: 760px; margin: 22px auto 0; text-align: center; color: #3c434a; font-size: 15px; line-height: 1.55; }
@media (max-width: 860px) { .vc-ablauf-schritte { grid-template-columns: 1fr; } }