/* vereinsbühne — Gründung: Vorhabenseite, Leitseite, Schrittnavigation. Tokens aus dem Customizer-CSS (--vb-*). */
.vbg-beispiel { padding-bottom: 0 !important; }
.vbg-beispiel p { margin: 0; padding: .6rem 1rem; border-radius: 10px; background: rgba(245,197,24,.16); font-size: .9rem; color: var(--vb-tiefseeblau); }
.vbg-hero .vb-subline { max-width: 760px; }
.vbg-btns { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; margin-top: .5rem; }
.vbg-notiz { display: inline-block; margin: 1.4rem auto 0; font-family: 'Caveat', cursive; font-size: 1.35rem; line-height: 1.25; color: var(--vb-tiefseeblau); opacity: .85; transform: rotate(-1.2deg); max-width: 36ch; }
.vbg-lead { font-size: 1.1rem; line-height: 1.6; color: var(--vb-text-muted); max-width: 62ch; }
.vbg-label-gelb { color: var(--vb-sonnengelb) !important; }
.vbg-hell, .vbg-dunkel h2, .vbg-dunkel h3 { color: #fff !important; }
.vbg-dunkel p { color: rgba(255,255,255,.85); }
.vbg-dunkel a:not(.vb-btn-primary):not(.vb-btn-secondary) { color: var(--vb-sonnengelb); }
.vbg-zaehler-wrap { padding-top: 0 !important; }
.vbg-stand { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; align-items: end; padding: 1.75rem 2rem; background: var(--vb-tiefseeblau); border-radius: 16px; color: #fff; }
.vbg-stand b { display: block; font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-weight: 600; font-size: clamp(2.2rem, 4vw, 3rem); line-height: 1; color: var(--vb-sonnengelb); font-variant-numeric: tabular-nums; }
.vbg-stand b small { font-size: 1.1rem; color: rgba(255,255,255,.6); }
.vbg-stand span { display: block; margin-top: .4rem; font-size: .875rem; color: rgba(255,255,255,.8); }
.vbg-balken { grid-column: 1 / -1; position: relative; height: 12px; border-radius: 999px; background: rgba(255,255,255,.16); margin-top: .5rem; }
.vbg-balken span { display: block; height: 100%; border-radius: 999px; background: var(--vb-sonnengelb); }
.vbg-balken em { position: absolute; right: 0; top: -1.5rem; font-style: normal; font-size: .8rem; color: var(--vb-sonnengelb); }
.vbg-standnotiz { margin-top: .8rem; font-size: .8125rem; color: var(--vb-text-muted); }
.vbg-prosa p { max-width: 70ch; line-height: 1.65; }
.vbg-zwei { display: grid; grid-template-columns: 1.4fr 1fr; gap: 3rem; align-items: start; }
.vbg-wer { list-style: none; margin: 1.5rem 0 0; padding: 0; }
.vbg-wer li { padding: .8rem 0; border-top: 1px solid rgba(255,255,255,.14); }
.vbg-wer strong { display: block; color: #fff; }
.vbg-wer span { display: block; font-size: .9rem; color: rgba(255,255,255,.75); margin-top: .15rem; }
/* Weisse Karte in dunkler Sektion: die globalen Dunkel-Regeln (VB-DARK) mit !important ueberstimmen */
.vb-section--tiefseeblau .vbg-anteil, .vb-section--tiefseeblau .vbg-anteil p, .vb-section--tiefseeblau .vbg-anteil .vbg-betrag, .vb-section--tiefseeblau .vbg-anteil li { color: var(--vb-tiefseeblau) !important; }
.vb-section--tiefseeblau .vbg-anteil .vb-section-label { color: var(--vb-korallenrot) !important; }
.vbg-betrag { font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.1; margin: .3rem 0 .6rem; }
.vbg-haken { list-style: none; margin: 1rem 0 0; padding: 0; }
.vbg-haken li { display: flex; gap: .6rem; align-items: flex-start; margin-bottom: .6rem; font-size: .95rem; line-height: 1.5; }
.vbg-haken svg { flex: none; margin-top: .2rem; color: var(--vb-korallenrot); }
.vbg-info { margin-top: 1.75rem; padding: 1.5rem 1.75rem; border-radius: 16px; background: rgba(245,197,24,.14); }
.vbg-info h3 { margin: .3rem 0 .2rem; }
.vbg-infotext { margin-top: .6rem; font-size: .9375rem; color: var(--vb-text-muted); }
.vbg-formular { box-shadow: 0 8px 32px rgba(15,48,87,.08); }
.vbg-fehler { padding: .75rem 1rem; border-radius: 10px; background: rgba(171,86,68,.12); color: var(--vb-korallenrot); font-size: .9375rem; margin-bottom: 1rem; }
.vbg-form { display: grid; gap: 1rem; }
.vbg-hp { position: absolute; left: -9999px; }
.vbg-art { border: 0; padding: 0; margin: 0; display: grid; gap: .5rem; }
.vbg-art label { display: flex; gap: .6rem; align-items: flex-start; padding: .7rem .9rem; border: 1px solid rgba(15,48,87,.18); border-radius: 10px; cursor: pointer; font-size: .9375rem; }
.vbg-art label:has(input:checked) { border-color: var(--vb-tiefseeblau); background: rgba(245,197,24,.14); }
.vbg-feld { display: grid; gap: .3rem; font-size: .875rem; color: var(--vb-text-muted); }
.vbg-form input[type="text"], .vbg-form input[type="email"], .vbg-form input[type="number"], .vbg-form textarea { width: 100%; padding: .7rem .9rem; border: 1px solid rgba(15,48,87,.18); border-radius: 10px; background: #fff; font: inherit; font-size: 1rem; color: var(--vb-tiefseeblau); }
.vbg-form input:focus-visible, .vbg-form textarea:focus-visible { outline: 2px solid var(--vb-sonnengelb); outline-offset: 2px; border-color: var(--vb-tiefseeblau); }
.vbg-check { display: flex; gap: .6rem; align-items: flex-start; font-size: .8125rem; color: var(--vb-text-muted); }
.vbg-check input { margin-top: .25rem; flex: none; width: 18px; height: 18px; }
.vbg-form .vb-btn-primary { justify-self: start; border: 0; cursor: pointer; }
.vbg-faq__item { border-top: 1px solid rgba(15,48,87,.14); }
.vbg-faq__item:last-child { border-bottom: 1px solid rgba(15,48,87,.14); }
.vbg-faq__item summary { display: flex; gap: 1rem; align-items: baseline; padding: 1rem .25rem; cursor: pointer; list-style: none; font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-weight: 500; font-size: 1.1rem; color: var(--vb-tiefseeblau); }
.vbg-faq__item summary::-webkit-details-marker { display: none; }
.vbg-faq__nr { flex: none; color: var(--vb-korallenrot); font-variant-numeric: tabular-nums; }
.vbg-faq__antwort { padding: 0 .25rem 1.25rem 2.6rem; max-width: 78ch; color: var(--vb-text-muted); }
.vbg-mail { font-weight: 600; text-decoration: none; }
.vbg-absender { font-size: .9375rem; color: rgba(255,255,255,.8); }
.vbg-nicht { background: rgba(245,197,24,.14) !important; }
.vbg-nicht p { margin: .5rem 0 0; font-size: .95rem; }
.vbg-schritte3 { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.vbg-schritte3 li { position: relative; }
.vbg-nr { display: block; font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-size: 2rem; font-weight: 600; line-height: 1; color: var(--vb-tiefseeblau); margin-bottom: .75rem; }
.vbg-schritte3 p { margin: .5rem 0 0; font-size: .9375rem; color: var(--vb-text-muted); }
.vbg-links { list-style: none; margin: 1rem 0 0; padding: 0; }
.vbg-links li { margin-top: .6rem; }
.vbg-liste { display: grid; gap: 1rem; margin-top: 1.5rem; }
.vbg-eintrag { display: block; text-decoration: none; color: inherit; }
.vbg-eintrag h3 { margin: 0 0 .4rem; }
.vbg-mehr { display: inline-block; margin-top: .6rem; font-weight: 600; color: var(--vb-tiefseeblau); }
.vbg-schritte { list-style: none; margin: 0 0 2rem; padding: 0; }
.vbg-schritte li { border-top: 1px solid rgba(15,48,87,.14); }
.vbg-schritte li:last-child { border-bottom: 1px solid rgba(15,48,87,.14); }
.vbg-schritte a { display: grid; grid-template-columns: 3.2rem 1fr; gap: 1rem; padding: 1.1rem .5rem; text-decoration: none; border-radius: 10px; color: inherit; }
.vbg-schritte a:hover { background: rgba(245,197,24,.14); }
.vbg-schritte__nr { font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-size: 1.75rem; font-weight: 600; line-height: 1.1; color: var(--vb-tiefseeblau); font-variant-numeric: tabular-nums; }
.vbg-schritte__text strong { display: block; font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-weight: 500; font-size: 1.2rem; line-height: 1.25; color: var(--vb-tiefseeblau); }
.vbg-schritte__text span { display: block; margin-top: .3rem; font-size: .9375rem; color: var(--vb-text-muted); max-width: 70ch; }
.vbg-schrittkopf { padding-bottom: 0 !important; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--vb-korallenrot); }
.vbg-schrittkopf a { color: var(--vb-korallenrot); text-decoration: none; }
.vbg-schrittnav { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: stretch; padding-top: 0 !important; }
.vbg-schrittnav a { text-decoration: none; font-weight: 500; line-height: 1.3; padding: .6rem .75rem; border-radius: 10px; color: var(--vb-tiefseeblau); }
.vbg-schrittnav a:hover { background: rgba(245,197,24,.14); }
.vbg-schrittnav small { display: block; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--vb-text-muted); font-weight: 600; margin-bottom: .2rem; }
.vbg-schrittnav__weiter { text-align: right; }
.vbg-schrittnav__alle { align-self: center; font-size: .875rem; color: var(--vb-text-muted) !important; white-space: nowrap; }
@media (max-width: 800px) { .vbg-zwei, .vbg-schritte3 { grid-template-columns: 1fr; gap: 2rem; } .vbg-stand { grid-template-columns: 1fr; gap: 1rem; } .vbg-schrittnav { grid-template-columns: 1fr; } .vbg-schrittnav__weiter { text-align: left; } }
/* Ratgeber-Artikel des Gruendungsclusters */
.vbg-kurz { padding-bottom: 0 !important; }
.vbg-kurz__text { font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-weight: 500; font-size: 1.2rem; line-height: 1.5; color: var(--vb-tiefseeblau); max-width: 70ch; padding: 1.25rem 1.5rem; border-left: 4px solid var(--vb-sonnengelb); background: rgba(245,197,24,.12); border-radius: 0 14px 14px 0; }
.vbg-kurz .vbg-notiz { display: block; margin: 1rem 0 0 .5rem; }
.vbg-gesetz { margin: 1.5rem 0; padding: 1.25rem 1.5rem 1rem; border: 1px solid rgba(15,48,87,.16); border-left: 4px solid var(--vb-tiefseeblau); border-radius: 0 14px 14px 0; background: #fff; max-width: 78ch; }
.vbg-gesetz__fund { font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--vb-korallenrot); margin-bottom: .5rem; }
.vbg-gesetz p { margin: 0; font-size: .98rem; line-height: 1.6; color: var(--vb-tiefseeblau); }
.vbg-gesetz cite { display: block; margin-top: .6rem; font-style: normal; font-size: .8rem; color: var(--vb-text-muted); }
.vbg-gesetz cite a { color: var(--vb-text-muted); }
.vbg-h3 { font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-size: 1.3rem; font-weight: 500; color: var(--vb-tiefseeblau); margin: 2.2rem 0 .8rem; }
.vbg-ablauf { list-style: none; margin: 1.5rem 0 0; padding: 0; counter-reset: vbg; display: grid; gap: 1rem; }
.vbg-ablauf li { counter-increment: vbg; position: relative; padding: 0 0 0 3.4rem; }
.vbg-ablauf li::before { content: counter(vbg, decimal-leading-zero); position: absolute; left: 0; top: -.15rem; font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 1; color: var(--vb-tiefseeblau); font-variant-numeric: tabular-nums; }
.vbg-ablauf strong { display: block; font-family: "Bricolage Grotesque", 'Inter', sans-serif; font-weight: 500; font-size: 1.1rem; color: var(--vb-tiefseeblau); }
.vbg-ablauf p { margin: .3rem 0 0; font-size: .95rem; line-height: 1.55; max-width: 70ch; }
.vbg-tabwrap { overflow-x: auto; margin-top: 1.25rem; }
.vbg-tab { width: 100%; border-collapse: collapse; font-size: .92rem; line-height: 1.5; }
.vbg-tab th { text-align: left; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--vb-text-muted); padding: .5rem .75rem; border-bottom: 2px solid rgba(15,48,87,.16); }
.vbg-tab td { padding: .7rem .75rem; border-bottom: 1px solid rgba(15,48,87,.1); vertical-align: top; color: #2C2C2C; }
.vbg-tab td:first-child { color: var(--vb-tiefseeblau); font-weight: 500; }
.vbg-cta-alt { margin-top: .9rem !important; font-size: .9rem !important; }
.vbg-cta-alt a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 800px) { .vbg-ablauf li { padding-left: 2.8rem; } }