:root {
  --vp-sidebar: #182433;
  --vp-sidebar-soft: rgba(255,255,255,.08);
  --vp-brand: #206bc4;
  --vp-brand-2: #4299e1;
  --vp-radius: 14px;
}

body {
  letter-spacing: -0.01em;
}

.vp-sidebar {
  background: linear-gradient(180deg, #182433 0%, #111827 100%);
}

.vp-brand {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  color: #fff;
  text-decoration: none;
}

.vp-brand:hover {
  color: #fff;
  text-decoration: none;
}

.vp-brand-mark {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-grid;
  place-items: center;
  border-radius: .75rem;
  background: linear-gradient(135deg, var(--vp-brand), var(--vp-brand-2));
  box-shadow: 0 10px 30px rgba(32,107,196,.32);
}

.vp-brand-mark .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.vp-sidebar-card {
  background: rgba(255,255,255,.05) !important;
  box-shadow: none;
}

.vp-topbar {
  backdrop-filter: blur(12px);
  background: rgba(var(--tblr-body-bg-rgb), .92);
}

.vp-global-search {
  min-width: min(32rem, 60vw);
}

.vp-avatar {
  color: #fff;
  background: linear-gradient(135deg, var(--vp-brand), #7c3aed);
}

.vp-kpi-card {
  overflow: hidden;
}

.vp-kpi-card::after {
  content: "";
  position: absolute;
  right: -3rem;
  top: -3rem;
  width: 8rem;
  height: 8rem;
  border-radius: 999px;
  background: rgba(32,107,196,.08);
}

.vp-chart {
  min-height: 300px;
  border-radius: var(--vp-radius);
  border: 1px solid var(--tblr-border-color);
  background: linear-gradient(180deg, rgba(32,107,196,.045), transparent 55%);
  padding: 1rem;
  overflow: hidden;
}

.vp-chart svg {
  width: 100%;
  height: 280px;
  display: block;
}

.vp-chart .axis,
.vp-chart .grid {
  stroke: var(--tblr-border-color);
  stroke-width: 1;
}

.vp-chart .label {
  fill: var(--tblr-secondary);
  font-size: 12px;
}

.vp-chart .income {
  fill: rgba(45, 165, 74, .72);
}

.vp-chart .expenses {
  fill: rgba(214, 57, 57, .72);
}

.vp-chart .balance-line {
  fill: none;
  stroke: var(--vp-brand);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vp-progress-inline {
  width: 96px;
}

.vp-calendar-board {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.vp-event-card {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--vp-radius);
  background: var(--tblr-bg-surface);
  transition: transform .15s ease, box-shadow .15s ease;
}

.vp-event-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--tblr-box-shadow);
}

.vp-event-card h4 {
  margin: 0 0 .25rem;
  font-size: 1rem;
}

.vp-event-card p {
  margin: 0;
  color: var(--tblr-secondary);
}

.vp-event-date {
  width: 3.5rem;
  min-width: 3.5rem;
  border-radius: .9rem;
  background: var(--tblr-primary-lt);
  color: var(--tblr-primary);
  font-weight: 800;
  text-align: center;
  padding: .55rem .25rem;
  line-height: 1;
}

.vp-event-date span {
  display: block;
  margin-top: .25rem;
  color: var(--tblr-secondary);
  font-size: .7rem;
  text-transform: uppercase;
}

.vp-code {
  border-radius: var(--vp-radius);
  border: 1px solid var(--tblr-border-color);
  background: var(--tblr-bg-surface-secondary);
  padding: 1rem;
  white-space: pre-wrap;
}

.card,
.modal-content,
.form-control,
.form-select,
.btn,
.alert {
  border-radius: var(--vp-radius);
}

.table thead th {
  color: var(--tblr-secondary);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

@media (max-width: 991.98px) {
  .vp-sidebar .navbar-brand {
    justify-content: flex-start;
  }

  .vp-brand-mark {
    width: 2rem;
    height: 2rem;
  }
}

.theme-toggle {
  border: 0;
  background: transparent;
}

.theme-toggle:hover {
  color: var(--tblr-primary);
}

/* v15: Gruppen-Organigramm und Modal-Formulare */
.vp-org-level { display: grid; gap: 0.75rem; }
.vp-org-node { background: var(--tblr-bg-surface); }
.vp-org-children { margin-left: 0.25rem; }
@media (min-width: 992px) { .modal-xl .form-label { font-size: .8125rem; } }

/* v19: Mitglieder-Popup im DataGrid-Level Look */
.vp-member-modal .modal-dialog { max-width: min(1180px, calc(100vw - 2rem)); }
.vp-member-modal .modal-content { overflow: hidden; border: 0; box-shadow: 0 22px 70px rgba(24,36,51,.24); }
.vp-member-modal-header { gap: 1rem; padding: 1.4rem 1.55rem; background: linear-gradient(180deg, #fff 0%, #f8fbff 100%); border-bottom: 1px solid #e8eef6; align-items: flex-start; }
.vp-member-modal-header .modal-title { color: var(--vp-brand); font-size: 1.35rem; font-weight: 800; margin-bottom: .25rem; }
.vp-member-modal-icon { width: 3.25rem; height: 3.25rem; border-radius: 1rem; display: grid; place-items: center; color: var(--vp-brand); background: var(--tblr-primary-lt); font-size: 1.35rem; flex: 0 0 auto; }
.vp-member-number-badge { display: inline-flex; align-items: center; gap: .45rem; padding: .65rem 1rem; border: 1px solid #dbe7f5; border-radius: 999px; background: #fff; color: var(--vp-brand); box-shadow: 0 8px 24px rgba(32,107,196,.09); font-weight: 800; white-space: nowrap; margin-right: 1.25rem; }
.vp-member-number-badge span { font-weight: 900; }
.vp-member-modal .modal-body { background: #f8fafc; padding: 1.35rem 1.55rem 6rem; }
.vp-member-tabs { gap: .65rem; border-bottom: 0; }
.vp-member-tabs .nav-link { border: 1px solid #dbe7f5; border-radius: 999px; background: #fff; color: #3d4b61; font-weight: 700; box-shadow: 0 6px 18px rgba(24,36,51,.06); }
.vp-member-tabs .nav-link.active { background: var(--vp-brand); border-color: var(--vp-brand); color: #fff; box-shadow: 0 10px 26px rgba(32,107,196,.28); }
.vp-form-section { background: #fff; border: 1px solid #e0e8f2; border-radius: 1rem; padding: 1.25rem; margin-bottom: 1rem; box-shadow: 0 6px 20px rgba(24,36,51,.04); }
.vp-form-section h4 { display: flex; align-items: center; gap: .65rem; margin: 0 0 1rem; font-size: 1.05rem; font-weight: 800; color: #172033; }
.vp-section-icon { width: 2rem; height: 2rem; display: inline-grid; place-items: center; border-radius: .7rem; color: var(--vp-brand); background: var(--tblr-primary-lt); }
.vp-member-form .form-label i { color: var(--vp-brand); }
.vp-member-form .form-control,
.vp-member-form .form-select { min-height: 2.8rem; border-color: #cbd7e6; }
.vp-member-form .form-control:focus,
.vp-member-form .form-select:focus { border-color: #84c1f8; box-shadow: 0 0 0 .22rem rgba(32,107,196,.12); }
.vp-member-form .vp-readonly,
.vp-member-form input[readonly] { background: #f1f7ff !important; color: var(--vp-brand); font-weight: 800; border-color: #cfe2f7; }
.vp-member-form .is-valid { border-color: #2fb344; box-shadow: 0 0 0 .18rem rgba(47,179,68,.12); }
.vp-member-form .is-invalid { border-color: #d63939; box-shadow: 0 0 0 .18rem rgba(214,57,57,.11); }
.vp-sticky-modal-footer { position: sticky; bottom: 0; z-index: 3; background: rgba(255,255,255,.96); backdrop-filter: blur(10px); border-top: 1px solid #dce6f1; box-shadow: 0 -10px 25px rgba(24,36,51,.08); }
.vp-member-modal .btn-primary { background: #8abce3; border-color: #8abce3; font-weight: 800; }
.vp-member-modal .btn-primary:not(:disabled) { background: var(--vp-brand); border-color: var(--vp-brand); }
@media (max-width: 767.98px) {
  .vp-member-number-badge { order: 5; margin: .25rem 0 0 4.25rem; }
  .vp-member-modal-header { flex-wrap: wrap; }
}
.vp-member-row { cursor: pointer; }
.vp-member-row:hover td { background: #f4f9ff; }
.vp-member-row:focus-within td { background: #eef6ff; }

/* v22: Mitglieder-Popup kompakter, ruhiger und Pflichtfelder dezent hervorheben */
.vp-member-modal-header { padding: 1.1rem 1.35rem; gap: .85rem; }
.vp-member-modal .modal-body { padding: 1rem 1.25rem 5.25rem; }
.vp-member-tabs { gap: .5rem; margin-bottom: .9rem !important; }
.vp-member-form .tab-pane,
.vp-member-form .fade { transition: none !important; }
.vp-member-form .tab-content > .tab-pane { transition: none !important; }
.vp-form-section { border-radius: .9rem; padding: .95rem; margin-bottom: .8rem; }
.vp-form-section h4 { margin-bottom: .75rem; font-size: 1rem; gap: .55rem; }
.vp-section-icon { width: 1.8rem; height: 1.8rem; }
.vp-member-form .row { --tblr-gutter-y: .75rem; }
.vp-member-form .form-label { margin-bottom: .3rem; }
.vp-member-form .form-control,
.vp-member-form .form-select { min-height: 2.5rem; height: 2.5rem; border-color: #cbd7e6; }
.vp-member-form textarea.form-control { height: auto; min-height: 5.5rem; }
.vp-member-form .is-valid { box-shadow: none; }
.vp-member-form .vp-required-missing { background: #fff9df; border-color: #f3d98b; }
.vp-member-form .is-invalid { background: #fff9df; border-color: #f3b6b6; box-shadow: 0 0 0 .14rem rgba(246,197,78,.12); }

/* v24: Mitglieder-Popup stabil oben fixieren und Typografie beruhigen */
.vp-member-modal .modal-dialog { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.vp-member-modal .modal-title,
.vp-member-tabs .nav-link,
.vp-member-form h4,
.vp-member-form .form-label { font-weight: 400 !important; }
.vp-member-form .vp-readonly,
.vp-member-form input[readonly] { font-weight: 400 !important; }
.vp-member-form .tab-pane,
.vp-member-form .fade,
.vp-member-form .tab-content > .tab-pane { transition: none !important; }

/* v26: Mitgliederliste mit spaltenweiser Suche */
.vp-member-grid thead .vp-column-filter-row th,
.vp-group-grid thead .vp-column-filter-row th {
  background: #f8fafc;
  padding-top: .45rem;
  padding-bottom: .55rem;
}
.vp-member-grid .vp-column-filter-row .form-control,
.vp-member-grid .vp-column-filter-row .form-select,
.vp-group-grid .vp-column-filter-row .form-control,
.vp-group-grid .vp-column-filter-row .form-select {
  min-width: 7rem;
}
.vp-member-grid td,
.vp-group-grid td {
  vertical-align: middle;
}

/* v30: Mitglieder-Popup ohne unteren Leerraum und ohne springende Modal-Hoehe */
.vp-member-modal.modal { align-items: flex-start !important; }
.vp-member-modal .modal-dialog { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; }
.vp-member-modal .modal-content { max-height: calc(100vh - 2.5rem); display: flex; flex-direction: column; }
.vp-member-modal .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 2.5rem); }
.vp-member-modal .modal-body { flex: 0 1 auto !important; padding: 1rem 1.25rem .75rem !important; overflow-y: auto; }
.vp-member-modal .modal-body .vp-member-form,
.vp-member-modal .modal-body .tab-content,
.vp-member-modal .modal-body .tab-pane.active { margin-bottom: 0 !important; }
.vp-member-modal .modal-body .vp-form-section:last-child { margin-bottom: 0 !important; }
.vp-member-modal .modal-footer { margin-top: 0 !important; }

/* v34: Sidebar bleibt auch auf Unterseiten stabil; Benutzerinfo unten im Hauptmenü. */
.vp-sidebar .container-fluid,
.vp-sidebar .navbar-collapse {
  min-height: 100%;
}

@media (min-width: 992px) {
  .vp-sidebar .container-fluid,
  .vp-sidebar .navbar-collapse {
    display: flex !important;
    flex-direction: column;
  }
}

.vp-sidebar-user {
  margin-top: auto;
  border-top: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.88);
}

.vp-sidebar-user-name {
  color: #fff;
  font-size: .875rem;
}

.vp-sidebar-user-meta {
  color: rgba(255,255,255,.58);
  font-size: .75rem;
  max-width: 11.5rem;
}

.vp-sidebar-logout {
  display: inline-block;
  margin-top: .5rem;
  color: rgba(255,255,255,.66);
  font-size: .75rem;
  text-decoration: none;
}

.vp-sidebar-logout:hover {
  color: #fff;
  text-decoration: underline;
}

/* v000334: E1-Menüeinträge öffnen eigene Kachel-Übersichten; der Split-Button klappt die Unterpunkte aus. */
.vp-sidebar .vp-nav-parent-link {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.vp-sidebar .vp-nav-parent-target {
  flex: 1 1 auto;
  min-width: 0;
}
.vp-sidebar .vp-nav-parent-toggle {
  flex: 0 0 2.35rem;
  justify-content: center;
  padding-left: .25rem;
  padding-right: .65rem;
}
.vp-sidebar .vp-nav-parent-toggle::after {
  margin-left: 0;
}
.vp-sidebar .vp-nav-parent-link + .dropdown-menu {
  margin-top: .15rem;
}

/* v37: Gruppen-Organigramm als Graph */
.vp-org-graph-wrap {
  overflow-x: auto;
  padding: 1rem .5rem 2rem;
}

.vp-org-graph-root {
  min-width: 760px;
  text-align: center;
}

.vp-org-graph-root-node {
  display: inline-block;
  min-width: 280px;
  max-width: 520px;
  padding: 1.1rem 1.4rem;
  border-radius: 1rem;
  color: #fff;
  background: linear-gradient(135deg, var(--vp-brand), #234a7c);
  box-shadow: 0 18px 45px rgba(32,107,196,.22);
}

.vp-org-graph-children,
.vp-org-graph-children ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vp-org-graph-children {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  padding-top: 2.25rem;
  position: relative;
}

.vp-org-graph-children::before {
  content: "";
  position: absolute;
  top: .85rem;
  left: 50%;
  width: 1px;
  height: 1.4rem;
  background: var(--tblr-border-color);
}

.vp-org-graph-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 250px;
}

.vp-org-graph-item::before {
  content: "";
  position: absolute;
  top: -1.4rem;
  left: 50%;
  width: 1px;
  height: 1.4rem;
  background: var(--tblr-border-color);
}

.vp-org-graph-node {
  position: relative;
  width: 250px;
  min-height: 130px;
  text-align: left;
  border: 1px solid var(--tblr-border-color);
  border-radius: 1rem;
  background: var(--tblr-bg-surface);
  box-shadow: 0 10px 26px rgba(24,36,51,.07);
  padding: 1rem;
}

.vp-org-graph-node:hover {
  border-color: var(--vp-brand);
  box-shadow: 0 14px 34px rgba(32,107,196,.12);
}

.vp-org-title {
  font-size: 1rem;
  color: var(--tblr-body-color);
}

.vp-org-description {
  color: var(--tblr-secondary);
  font-size: .8125rem;
  margin-bottom: .6rem;
}

.vp-org-responsibles {
  font-size: .75rem;
}

.vp-responsible-row .btn {
  width: 100%;
}

/* v41: Organigramm Enterprise-Funktionen */
.vp-org-graph-wrap { padding: 1.75rem 1rem 3rem; }
.vp-org-graph-children { gap: 2.25rem; padding-top: 3rem; }
.vp-org-graph-children::before { top: 1rem; height: 2rem; }
.vp-org-graph-item { min-width: 290px; }
.vp-org-graph-item::before { top: -2rem; height: 2rem; }
.vp-org-graph-node { width: 290px; min-height: 170px; padding: 1rem; }
.vp-org-inline-title { width: 100%; border: 0; background: transparent; color: var(--tblr-body-color); font-size: 1.08rem; font-weight: 600; padding: 0; }
.vp-org-inline-title:focus { outline: 0; box-shadow: inset 0 -2px 0 var(--vp-brand); }
.vp-org-inline-type { max-width: 8.5rem; }
.vp-org-inline-description { margin-top: .5rem; resize: vertical; }
.vp-org-responsibles { display: grid; gap: .25rem; margin-top: .65rem; }
.vp-org-responsible-name { font-size: .9rem; color: var(--tblr-body-color); }
.vp-org-roles { margin-top: .6rem; }
@media print {
  .d-print-none, .page-header, .navbar, .footer, .alert { display: none !important; }
  .page-wrapper, .page-body, .container-xl { margin: 0 !important; padding: 0 !important; max-width: none !important; }
  .vp-org-graph-wrap { overflow: visible !important; }
  .vp-org-inline-title, .vp-org-inline-description, .vp-org-inline-type { border: 0 !important; background: transparent !important; }
  [data-vp-org-inline-save] { display: none !important; }
}

/* v43 Geo Engine */
.vp-geo-map { border: 1px solid #dce3ea; border-radius: 14px; padding: 12px; background: #f8fafc; }
.vp-geo-map svg { width: 100%; height: 360px; display: block; border-radius: 10px; background: linear-gradient(135deg,#eef6ff,#ffffff); border: 1px solid #e6edf5; cursor: crosshair; }
.vp-geo-map-toolbar { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .75rem; }
.vp-geo-map polygon { fill: rgba(32, 107, 196, .18); stroke: #206bc4; stroke-width: 3; }
.vp-geo-map circle { fill: #206bc4; stroke: #fff; stroke-width: 2; cursor: move; }


/* v46: Organigramm Darstellung Verantwortliche/Abstände */
.vp-org-graph-wrap { padding: 2rem 1rem 2rem; }
.vp-org-graph-root { --vp-org-spacing: 2.5rem; }
.vp-org-graph-children { gap: var(--vp-org-spacing); padding-top: var(--vp-org-spacing); }
.vp-org-graph-children::before { top: .75rem; height: calc(var(--vp-org-spacing) - .75rem); }
.vp-org-graph-item::before { top: calc(-1 * (var(--vp-org-spacing) - .75rem)); height: calc(var(--vp-org-spacing) - .75rem); }
.vp-org-responsibles {
  display: grid;
  gap: .28rem;
  margin-top: .7rem;
}
.vp-org-responsibles.is-single {
  text-align: center;
  justify-items: center;
}
.vp-org-responsibles.is-single .vp-org-responsible-name {
  font-size: 1rem;
  font-weight: 600;
}
.vp-org-responsibles.is-multiple {
  text-align: left;
  justify-items: start;
}
.vp-org-responsibles.is-multiple .vp-org-responsible-name {
  font-size: .95rem;
  font-weight: 400;
}

/* v48: stabile Geo-Karte ohne externe Tile-Abhängigkeit */
.vp-geo-map .vp-leaflet-map {
  position: relative;
  width: 100%;
  height: 500px;
  min-height: 500px;
  overflow: hidden;
  display: block;
  border-radius: 12px;
  border: 1px solid #dbe5ef;
  background:
    linear-gradient(90deg, rgba(32,107,196,.07) 1px, transparent 1px),
    linear-gradient(0deg, rgba(32,107,196,.07) 1px, transparent 1px),
    linear-gradient(135deg, #eef6ff 0%, #f8fbff 48%, #eefaf4 100%);
  background-size: 32px 32px, 32px 32px, auto;
  cursor: crosshair;
}
.vp-geo-map .vp-leaflet-grid { position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(32,107,196,.10), transparent 45%); pointer-events: none; }
.vp-geo-map .vp-leaflet-center { position: absolute; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 999px; background: #206bc4; box-shadow: 0 0 0 4px rgba(32,107,196,.18); z-index: 4; pointer-events: none; }
.vp-geo-map .vp-leaflet-label { position: absolute; left: 12px; top: 12px; z-index: 5; padding: .35rem .55rem; border-radius: 999px; background: rgba(255,255,255,.92); border: 1px solid #dbe5ef; color: #475569; font-size: .82rem; box-shadow: 0 6px 18px rgba(15,23,42,.08); }
.vp-geo-map .vp-leaflet-overlay { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
.vp-geo-map .vp-leaflet-overlay polygon { fill: rgba(32,107,196,.18); stroke: #206bc4; stroke-width: .8; }
.vp-geo-map .vp-leaflet-handle { position: absolute; z-index: 6; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; padding: 0; border: 2px solid #fff; border-radius: 999px; background: #206bc4; box-shadow: 0 2px 8px rgba(15,23,42,.25); cursor: grab; }
.vp-geo-map .vp-leaflet-handle:active { cursor: grabbing; }

/* v51: Digitaler Aufnahmeantrag */
.vp-public-body {
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(32,107,196,.12), transparent 32rem), #f6f8fb;
}
.vp-public-shell { min-height: 100vh; display: flex; align-items: center; padding: 2rem 0; }
.vp-public-card { border: 0; border-radius: 1.25rem; box-shadow: 0 18px 60px rgba(15,23,42,.12); overflow: hidden; }
.vp-public-header { padding: 1.6rem 1.6rem 1.2rem; background: linear-gradient(135deg, rgba(32,107,196,.10), rgba(255,255,255,.92)); border-bottom: 1px solid rgba(98,105,118,.16); }
.vp-public-logo { display: inline-flex; align-items: center; gap: .6rem; font-weight: 700; color: var(--vp-brand, #206bc4); }
.vp-application-form .vp-honeypot { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.vp-share-qr-wrap { padding: 1rem; border: 1px dashed rgba(98,105,118,.35); border-radius: 1rem; background: #fff; }
.vp-share-qr { display: inline-flex; padding: .75rem; border-radius: .75rem; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.vp-share-qr svg { width: 220px; height: 220px; max-width: 100%; display: block; }
.vp-application-detail-card { scroll-margin-top: 1rem; }
.vp-application-kpi .btn-list { gap: .35rem; }
@media (max-width: 575.98px) {
  .vp-public-shell { align-items: stretch; padding: .75rem; }
  .vp-public-card { border-radius: 1rem; }
  .vp-public-header { padding: 1.2rem; }
  .vp-share-qr svg { width: 180px; height: 180px; }
}

/* v54: Vereinskopf, breiter Aufnahmeantrag, Gruppen-Doppelklick, Geo-Editor und kompaktes Organigramm */
.vp-topbar-club-title {
  max-width: min(42vw, 42rem);
  color: var(--tblr-body-color);
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.2;
}
.vp-current-club-title {
  color: var(--tblr-body-color);
  font-size: 1.08rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: .15rem;
}
.vp-group-row { cursor: pointer; }
.vp-group-row:hover td { background: #f4f9ff; }
.vp-group-row:focus-within td,
.vp-group-row:focus td { background: #eef6ff; outline: 0; }

/* v000337: Gruppenhierarchie in der Liste sichtbar machen. */
.vp-group-hierarchy-cell {
  --vp-group-depth: 0;
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  padding-left: calc(var(--vp-group-depth) * 1.15rem);
  min-width: 14rem;
}
.vp-group-hierarchy-marker {
  flex: 0 0 1.1rem;
  width: 1.1rem;
  line-height: 1.25;
  color: #64748b;
  font-weight: 700;
  text-align: center;
}
.vp-group-hierarchy-path {
  max-width: 520px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vp-public-application-container { max-width: 1180px; }
.vp-public-application-card { margin-inline: auto; }
.vp-public-application-card .card-body { padding: 1.25rem; background: #f8fafc; }
.vp-public-application-card .text-center.mb-4 {
  padding: 1.1rem 1.25rem;
  border: 1px solid #e0e8f2;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 6px 20px rgba(24,36,51,.04);
}
.vp-public-application-card .vp-form-section { margin-bottom: 1rem; }
.vp-public-application-card .form-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  margin: 0 -1.25rem -1.25rem;
  padding: 1rem 1.25rem;
  background: rgba(255,255,255,.96);
  border-top: 1px solid #dce6f1;
  backdrop-filter: blur(10px);
}
.vp-public-application-card .form-footer .btn { max-width: 28rem; margin-inline: auto; display: flex; align-items: center; justify-content: center; }

.vp-geo-map { border-color: #cfd9e5; background: #f8fbff; }
.vp-geo-map .vp-leaflet-map {
  height: 520px;
  min-height: 520px;
  user-select: none;
  touch-action: none;
}
.vp-geo-map .vp-leaflet-grid {
  background:
    radial-gradient(circle at 50% 50%, rgba(32,107,196,.14), transparent 34%),
    linear-gradient(90deg, rgba(32,107,196,.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(32,107,196,.08) 1px, transparent 1px);
  background-size: auto, 32px 32px, 32px 32px;
}
.vp-geo-map .vp-leaflet-overlay polygon { fill: rgba(32,107,196,.20); stroke: #1558a8; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.vp-geo-map .vp-leaflet-overlay polyline { fill: none; stroke: #1558a8; stroke-width: 1.2; stroke-dasharray: 3 2; vector-effect: non-scaling-stroke; }
.vp-geo-map .vp-leaflet-handle { width: 22px; height: 22px; margin-left: -11px; margin-top: -11px; }

.vp-org-graph-wrap { padding: 1rem .5rem 1.5rem; }
.vp-org-graph-root { min-width: 620px; --vp-org-spacing: 1.15rem; }
.vp-org-graph-root-node { min-width: 220px; max-width: 420px; padding: .85rem 1.1rem; border-radius: .85rem; }
.vp-org-graph-children {
  gap: 1rem;
  padding-top: 1.35rem;
  align-items: flex-start;
}
.vp-org-graph-children::before {
  top: .25rem;
  height: 1.1rem;
  width: 2px;
  background: #718096;
}
.vp-org-graph-item { min-width: 230px; }
.vp-org-graph-item::before {
  top: -1.1rem;
  height: 1.1rem;
  width: 2px;
  background: #718096;
}
.vp-org-graph-children.is-nested {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: .7rem;
  padding-top: 1.15rem;
}
.vp-org-graph-children.is-nested::before { height: .9rem; }
.vp-org-graph-children.is-nested > .vp-org-graph-item { min-width: 0; width: 100%; align-items: center; }
.vp-org-graph-node {
  width: 230px;
  min-height: 104px;
  padding: .78rem;
  border-radius: .85rem;
  border-color: #b8c4d4;
  box-shadow: 0 7px 18px rgba(24,36,51,.055);
}
.vp-org-node-title { font-size: .98rem; font-weight: 600; line-height: 1.2; }
.vp-org-responsibles { margin-top: .45rem; gap: .15rem; }
.vp-org-responsibles.is-single .vp-org-responsible-name,
.vp-org-responsibles.is-multiple .vp-org-responsible-name { font-size: .84rem; }
.vp-org-roles { margin-top: .42rem; }
.vp-org-roles .badge { font-size: .68rem; }
@media (max-width: 767.98px) {
  .vp-public-application-card .card-body { padding: .85rem; }
  .vp-public-application-card .form-footer { margin: 0 -.85rem -.85rem; padding: .85rem; }
  .vp-geo-map .vp-leaflet-map { height: 420px; min-height: 420px; }
  .vp-org-graph-root { min-width: 520px; }
}

/* v000343: Kartenkacheln im Geo-Editor hart gegen globale Bild-CSS absichern; kein Overlay darf Tiles verdecken. */
.vp-group-modal .modal-body { background: #f8fafc; }
.vp-group-modal .modal-content { border-radius: 1rem; }
.vp-group-modal .modal-footer { gap: .5rem; }

.vp-geo-map .vp-leaflet-map {
  background: #dbe8f3;
  isolation: isolate;
}
.vp-geo-map .vp-leaflet-tile-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
  background: #dbe8f3;
}
.vp-geo-map .vp-osm-tile {
  position: absolute;
  display: block;
  width: 256px !important;
  height: 256px !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 256px;
  min-height: 256px;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1;
}
.vp-geo-map .vp-osm-tile.is-error { opacity: 0 !important; visibility: hidden !important; }
.vp-geo-map .vp-leaflet-map img,
.vp-geo-map .vp-leaflet-map img.vp-osm-tile {
  width: 256px !important;
  height: 256px !important;
  max-width: none !important;
  max-height: none !important;
}

.vp-geo-map .vp-leaflet-grid {
  z-index: 0;
  opacity: 0;
  background: transparent !important;
  mix-blend-mode: normal;
}
.vp-geo-map .vp-leaflet-overlay { z-index: 3; background: transparent !important; }
.vp-geo-map .vp-leaflet-center { z-index: 4; }
.vp-geo-map .vp-leaflet-label,
.vp-geo-map .vp-osm-attribution { z-index: 5; }
.vp-geo-map .vp-osm-attribution {
  position: absolute;
  right: 8px;
  bottom: 6px;
  padding: .15rem .35rem;
  border-radius: .35rem;
  background: rgba(255,255,255,.86);
  color: #475569;
  font-size: .68rem;
  pointer-events: none;
  box-shadow: 0 2px 8px rgba(15,23,42,.08);
}
.vp-geo-map .vp-leaflet-handle { z-index: 6; }

/* v56: Finanz-Kassenbuch in bestehender Vereinsplan-UI */
.vp-info-icon {
  width: 1.65rem;
  height: 1.65rem;
  padding: 0;
  vertical-align: middle;
}
.vp-info-icon .icon { width: 1rem; height: 1rem; }
.vp-finance-amount-income { color: var(--tblr-success); font-weight: 600; }
.vp-finance-amount-expense { color: var(--tblr-danger); font-weight: 600; }
.vp-finance-balance { font-variant-numeric: tabular-nums; }
.vp-finance-filter .form-label { margin-bottom: .25rem; }
.vp-finance-journal-lines td { font-size: .875rem; }
.vp-finance-receipt-preview {
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--vp-radius);
  background: var(--tblr-bg-surface-secondary);
  padding: .75rem;
}
/* v58: Gruppen-Popup Verantwortliche sauber ausrichten */
.vp-responsible-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(200px, .7fr) 48px;
  gap: .5rem;
  align-items: start;
}
.vp-responsible-row .form-label { min-height: 1.25rem; margin-bottom: .35rem; }
.vp-responsible-remove-field { padding-top: 1.9rem; }
.vp-responsible-row .btn { width: 48px; min-width: 48px; padding-left: 0; padding-right: 0; }
@media (max-width: 767.98px) {
  .vp-responsible-row { grid-template-columns: 1fr; }
  .vp-responsible-remove-field { padding-top: 0; }
  .vp-responsible-row .btn { width: auto; min-width: 48px; }
}

/* v74: Vereinsname nur noch links im Hauptmenü anzeigen */
.navbar-brand .vp-brand { width: 100%; min-width: 0; }
.navbar-brand .vp-brand span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 992px) {
  .vp-sidebar .container-fluid { padding-left: .75rem; padding-right: .75rem; }
  .vp-sidebar .navbar-brand { justify-content: flex-start; margin-left: 0; padding-left: 0; }
}


/* v75: vereinsplan.de Logo links, Vereinsname in Topbar */
.vp-topbar-start {
  min-width: 0;
  flex: 1 1 auto;
}
.vp-topbar-club-title {
  display: block;
  max-width: min(56vw, 48rem);
  color: var(--tblr-body-color);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar-brand .vp-brand span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* v76: Vereinsname im Header exakt links wie im Screenshot ausrichten */
.vp-topbar .container-xl {
  display: flex;
  align-items: center;
}
.vp-topbar-left {
  min-width: 0;
  flex: 1 1 auto;
  padding-left: .15rem;
}
.vp-topbar-club-title {
  display: block;
  max-width: min(58vw, 52rem);
  margin: 0;
  color: #374151;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1199.98px) {
  .vp-topbar-club-title {
    max-width: min(50vw, 38rem);
  }
}


/* v000334: Login-Logo um 30% kleiner; zentrales Asset bleibt unverändert. */
.vp-login-page-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1.6rem;
}
.vp-login-page-logo img {
  width: clamp(224px, 23.8vw, 294px);
  max-width: min(65.8vw, 294px);
  max-height: 67px;
  height: auto;
  display: block;
  object-fit: contain;
}
.vp-login-card {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .vp-login-page-logo { margin-bottom: 1.1rem; }
  .vp-login-page-logo img {
    width: min(60.2vw, 238px);
    max-width: 60.2vw;
    max-height: 55px;
  }
}


/* v000332: Public-Branding nutzt dieselbe zentrale Logo-Datei. */
.vp-public-page-logo {
  margin-top: 0;
  margin-bottom: 1.75rem;
}
.vp-public-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.vp-public-page-logo img {
  width: clamp(320px, 35vw, 428px);
  max-width: min(95vw, 428px);
  max-height: 97px;
  height: auto;
  object-fit: contain;
}

/* v177: 2FA modal hard fallback when Bootstrap JS is unavailable/Tabler does not expose window.bootstrap */
#vp-2fa-modal.show { display: block; }
body.modal-open #vp-2fa-modal.show { overflow-x: hidden; overflow-y: auto; }

/* v242: hochwertiges SaaS-Onboarding für die Vereinsregistrierung */
.vp-register-page {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 9% 8%, rgba(32, 107, 196, .12), transparent 26rem),
    radial-gradient(circle at 88% 14%, rgba(45, 165, 74, .10), transparent 24rem),
    linear-gradient(135deg, #f6f8fb 0%, #eef3f8 100%);
}
.vp-register-page::before,
.vp-register-page::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(.2px);
}
.vp-register-page::before {
  width: 24rem;
  height: 24rem;
  left: -8rem;
  bottom: -9rem;
  background: rgba(32, 107, 196, .075);
}
.vp-register-page::after {
  width: 20rem;
  height: 20rem;
  right: -7rem;
  top: 18rem;
  background: rgba(45, 165, 74, .065);
}
.vp-register-container {
  position: relative;
  z-index: 1;
  width: min(100%, 1280px);
}
.vp-registration-wizard {
  width: 100%;
  margin-inline: auto;
}
.vp-registration-wizard .vp-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.vp-onboarding-card {
  max-width: 1240px;
  margin-inline: auto;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 32px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 30px 90px rgba(15, 23, 42, .12);
  backdrop-filter: blur(16px);
  overflow: hidden;
}
.vp-onboarding-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1.15rem, 2vw, 1.65rem) clamp(1.25rem, 3vw, 2.4rem);
  border-bottom: 1px solid rgba(148, 163, 184, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.9));
}
.vp-onboarding-brand {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  color: #182433;
  text-decoration: none;
  min-width: 0;
}
.vp-onboarding-brand:hover { color: #182433; text-decoration: none; }
.vp-onboarding-brand img {
  width: clamp(188px, 22vw, 244px);
  max-width: 52vw;
  max-height: 74px;
  height: auto;
  object-fit: contain;
  flex: 0 0 auto;
}
.vp-onboarding-brand span { display: grid; line-height: 1.1; min-width: 0; }
.vp-onboarding-brand strong { font-size: 1.05rem; letter-spacing: -.02em; }
.vp-onboarding-brand small { margin-top: .22rem; color: #64748b; font-size: .86rem; }
.vp-login-link,
.vp-bottom-login-link {
  color: #64748b;
  font-weight: 600;
  text-decoration: none;
}
.vp-login-link:hover,
.vp-bottom-login-link:hover { color: var(--vp-brand); text-decoration: none; }
.vp-onboarding-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: clamp(1.25rem, 3vw, 2.4rem);
  padding: clamp(1.25rem, 3vw, 2.55rem);
}
.vp-onboarding-main { min-width: 0; }
.vp-form-hero { margin-bottom: 1.4rem; }
.vp-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: .35rem;
  color: #206bc4;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.vp-form-hero h1 {
  margin: 0;
  color: #111827;
  font-size: clamp(1.75rem, 2.9vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1.05;
}
.vp-form-hero p {
  margin: .6rem 0 0;
  color: #64748b;
  font-size: 1.05rem;
}
.vp-referral-note {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.1rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(45, 165, 74, .18);
  border-radius: 18px;
  color: #166534;
  background: #f0fdf4;
}
.vp-referral-icon {
  display: inline-grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: #fff;
  color: #2da54a;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
  flex: 0 0 auto;
}
.vp-wizard-panel {
  min-height: 450px;
  animation: vpRegisterStepIn .22s ease both;
}
.vp-step-note {
  display: flex;
  align-items: flex-start;
  gap: .9rem;
  margin-bottom: 1.35rem;
  padding: 1rem;
  border: 1px solid rgba(32, 107, 196, .14);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(32, 107, 196, .08), rgba(255,255,255,.82));
}
.vp-step-note-success {
  border-color: rgba(45, 165, 74, .16);
  background: linear-gradient(135deg, rgba(45, 165, 74, .09), rgba(255,255,255,.86));
}
.vp-step-note-icon {
  display: inline-grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #206bc4, #4299e1);
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(32, 107, 196, .24);
  flex: 0 0 auto;
}
.vp-step-note-success .vp-step-note-icon { background: linear-gradient(135deg, #2da54a, #55c878); box-shadow: 0 10px 24px rgba(45, 165, 74, .22); }
.vp-step-note strong { display: block; color: #172033; font-size: 1rem; }
.vp-step-note small { display: block; margin-top: .25rem; color: #64748b; line-height: 1.45; font-size: .93rem; }
.vp-form-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}
.vp-field-block { grid-column: span 12; }
.vp-field-block.span-4 { grid-column: span 4; }
.vp-field-block.span-6 { grid-column: span 6; }
.vp-field-block.span-8 { grid-column: span 8; }
.vp-registration-wizard .form-label {
  margin-bottom: .42rem;
  color: #334155;
  font-size: .88rem;
  font-weight: 700;
}
.vp-registration-wizard .form-hint {
  color: #64748b;
  font-size: .82rem;
  line-height: 1.4;
}
.vp-registration-wizard .form-control,
.vp-registration-wizard .form-select {
  min-height: 48px;
  border-color: #dbe4ef;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(15, 23, 42, .02);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.vp-registration-wizard .form-control-lg { min-height: 54px; }
.vp-registration-wizard .form-control:focus,
.vp-registration-wizard .form-select:focus,
.vp-registration-wizard .form-check-input:focus {
  border-color: #206bc4;
  box-shadow: 0 0 0 .22rem rgba(32, 107, 196, .15);
}
.vp-registration-wizard .form-control.is-invalid,
.vp-registration-wizard .form-select.is-invalid,
.vp-registration-wizard .form-check-input.is-invalid {
  border-color: #d63939;
  box-shadow: 0 0 0 .18rem rgba(214, 57, 57, .10);
}
.vp-consent-stack { display: grid; gap: 1rem; }
.vp-consent-card {
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .045);
}
.vp-consent-card-head {
  display: flex;
  gap: .8rem;
  align-items: center;
  margin-bottom: .9rem;
}
.vp-consent-icon {
  display: inline-grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  color: #206bc4;
  background: #eef6ff;
  flex: 0 0 auto;
}
.vp-consent-card h2 {
  margin: 0;
  color: #172033;
  font-size: 1rem;
  font-weight: 800;
}
.vp-consent-card p { margin: .1rem 0 0; color: #64748b; font-size: .88rem; }
.vp-consent-text {
  max-height: 148px;
  overflow: auto;
  padding: .95rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  color: #475569;
  background: #f8fafc;
  line-height: 1.5;
}
.vp-consent-text:focus { outline: 3px solid rgba(32, 107, 196, .18); outline-offset: 2px; }
.vp-consent-link {
  display: inline-flex;
  margin-top: .75rem;
  color: #206bc4;
  font-weight: 700;
  text-decoration: none;
}
.vp-consent-link:hover { text-decoration: underline; }
.vp-checkline {
  display: flex;
  gap: .65rem;
  align-items: center;
  margin: .9rem 0 0;
  color: #334155;
  font-weight: 650;
  cursor: pointer;
}
.vp-checkline .form-check-input { margin: 0; width: 1.12rem; height: 1.12rem; }
.vp-review-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.vp-review-group {
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .04);
}
.vp-review-group h3 {
  margin: 0 0 .75rem;
  color: #172033;
  font-size: .95rem;
  font-weight: 800;
}
.vp-review-group dl { margin: 0; display: grid; gap: .65rem; }
.vp-review-group dl > div {
  display: grid;
  grid-template-columns: minmax(100px, .55fr) minmax(0, 1fr);
  gap: .75rem;
  align-items: baseline;
}
.vp-review-group dt {
  color: #64748b;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.vp-review-group dd { margin: 0; color: #172033; font-weight: 650; overflow-wrap: anywhere; }
.vp-next-steps {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(32, 107, 196, .14);
  border-radius: 22px;
  background: #eef6ff;
}
.vp-next-steps-icon {
  display: inline-grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 999px;
  background: #fff;
  color: #206bc4;
  flex: 0 0 auto;
}
.vp-next-steps h2 { margin: 0 0 .45rem; color: #172033; font-size: 1rem; font-weight: 800; }
.vp-next-steps ol { margin: 0; padding-left: 1.25rem; color: #475569; }
.vp-next-steps li + li { margin-top: .25rem; }
.vp-wizard-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1.6rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(148, 163, 184, .2);
}
.vp-wizard-actions-main { display: flex; align-items: center; gap: .75rem; }
.vp-wizard-actions .btn {
  min-height: 46px;
  padding-inline: 1.15rem;
  border-radius: 14px;
  font-weight: 700;
}
.vp-wizard-actions .btn-primary { box-shadow: 0 10px 24px rgba(32, 107, 196, .20); }
.vp-wizard-actions .btn-success { box-shadow: 0 10px 24px rgba(45, 165, 74, .20); }
.vp-progress-card {
  position: sticky;
  top: 1rem;
  align-self: start;
  padding: 1.2rem;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 26px;
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  box-shadow: 0 18px 52px rgba(15, 23, 42, .075);
}
.vp-progress-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.vp-progress-card h2 { margin: 0; color: #172033; font-size: 1.25rem; font-weight: 800; }
.vp-progress-card p { margin: .12rem 0 0; color: #64748b; }
.vp-progress-percent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.2rem;
  height: 2rem;
  padding-inline: .65rem;
  border-radius: 999px;
  color: #206bc4;
  background: #eef6ff;
  font-weight: 800;
  font-size: .82rem;
}
.vp-progress-track {
  height: 9px;
  margin: 1rem 0 1.1rem;
  border-radius: 999px;
  background: rgba(32, 107, 196, .10);
  overflow: hidden;
}
.vp-progress-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #206bc4, #4299e1);
  transition: width .35s ease;
}
.vp-step-timeline {
  display: grid;
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vp-step-button {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .72rem .75rem;
  border: 0;
  border-radius: 16px;
  color: #475569;
  background: transparent;
  text-align: left;
  transition: background-color .16s ease, color .16s ease, transform .16s ease;
}
.vp-step-button:hover:not(:disabled),
.vp-step-button:focus-visible {
  color: #172033;
  background: rgba(32, 107, 196, .065);
  outline: 0;
}
.vp-step-button.is-active {
  color: #1558a8;
  background: #eef6ff;
  transform: translateX(2px);
}
.vp-step-button.is-done { color: #166534; background: rgba(45, 165, 74, .055); }
.vp-step-button.is-locked { color: #94a3b8; cursor: default; }
.vp-step-dot {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  color: #64748b;
  background: #eef2f7;
  font-size: .84rem;
  font-weight: 800;
}
.vp-step-button.is-active .vp-step-dot { color: #fff; background: #206bc4; box-shadow: 0 8px 18px rgba(32, 107, 196, .25); }
.vp-step-button.is-done .vp-step-dot { color: #fff; background: #2da54a; }
.vp-step-label { font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vp-trust-box {
  display: grid;
  gap: .65rem;
  margin-top: 1.15rem;
  padding: .9rem;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 18px;
  color: #475569;
  background: rgba(255,255,255,.78);
  font-size: .87rem;
}
.vp-trust-box > div { display: flex; gap: .55rem; align-items: flex-start; }
.vp-trust-check {
  display: inline-grid;
  place-items: center;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 999px;
  color: #fff;
  background: #2da54a;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1;
  flex: 0 0 auto;
}
.vp-mobile-progress { display: none; padding: 1rem 1.25rem 0; }
.has-invalid-field .form-label,
.vp-consent-card.has-invalid-field .vp-checkline,
.vp-checkline.has-invalid-field { color: #b42318; }
@keyframes vpRegisterStepIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1199.98px) {
  .vp-onboarding-grid { grid-template-columns: minmax(0, 1fr) 320px; }
}
@media (max-width: 991.98px) {
  .vp-onboarding-grid { grid-template-columns: 1fr; }
  .vp-progress-card { position: static; }
  .vp-wizard-panel { min-height: auto; }
}
@media (max-width: 767.98px) {
  .vp-register-container { padding-inline: .85rem; }
  .vp-onboarding-card { border-radius: 24px; }
  .vp-onboarding-header { align-items: flex-start; }
  .vp-login-link { display: none; }
  .vp-onboarding-brand img {
    width: min(54vw, 208px);
    max-width: 54vw;
    max-height: 60px;
    height: auto;
  }
  .vp-onboarding-grid { padding: 1rem; }
  .vp-mobile-progress { display: block; }
  .vp-progress-card { display: none; }
  .vp-form-hero h1 { font-size: 1.85rem; }
  .vp-form-grid { grid-template-columns: 1fr; gap: .85rem; }
  .vp-field-block,
  .vp-field-block.span-4,
  .vp-field-block.span-6,
  .vp-field-block.span-8 { grid-column: auto; }
  .vp-review-card { grid-template-columns: 1fr; }
  .vp-review-group dl > div { grid-template-columns: 1fr; gap: .12rem; }
  .vp-wizard-actions { align-items: stretch; flex-direction: column-reverse; }
  .vp-wizard-actions-main { width: 100%; flex-direction: column-reverse; align-items: stretch; }
  .vp-wizard-actions .btn { width: 100%; }
  .vp-bottom-login-link { text-align: center; padding: .35rem 0; }
}
@media (max-width: 420px) {
  .vp-onboarding-header { padding: 1rem; }
  .vp-onboarding-brand { gap: .65rem; }
  .vp-onboarding-brand small { font-size: .78rem; }
  .vp-step-note { padding: .85rem; border-radius: 18px; }
}


/* Dokumentations- und Anleitungssystem */
.vp-help-shell .card,
.vp-help-article.card {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
}
.vp-help-hero {
  background: linear-gradient(135deg, rgba(247,250,252,.98), rgba(239,246,255,.92));
  overflow: hidden;
  position: relative;
}
.vp-help-hero:after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 999px;
  right: -120px;
  top: -140px;
  background: rgba(47, 128, 237, .09);
  pointer-events: none;
}
.vp-help-search .input-group {
  box-shadow: 0 12px 32px rgba(15, 23, 42, .08);
  border-radius: 16px;
}
.vp-help-search .input-group-text,
.vp-help-search .form-control,
.vp-help-search .btn { border-radius: 14px; }
.vp-help-tour-card {
  border: 1px solid rgba(47, 128, 237, .16);
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  padding: 1.25rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 18px 40px rgba(47,128,237,.08);
}
.vp-help-checkline {
  border: 1px solid rgba(15,23,42,.07);
  border-radius: 14px;
  padding: .75rem .85rem;
  margin-bottom: .55rem;
  background: #fff;
}
.vp-help-card {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  min-height: 150px;
  padding: 1rem;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  color: inherit;
  background: linear-gradient(180deg, #fff, rgba(248,250,252,.9));
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.vp-help-card:hover,
.vp-help-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(47,128,237,.25);
  box-shadow: 0 16px 32px rgba(15,23,42,.08);
  text-decoration: none;
}
.vp-help-card strong { font-size: 1.05rem; line-height: 1.25; }
.vp-help-card span:last-child { color: var(--tblr-secondary); }
.vp-help-card-kicker {
  color: var(--tblr-primary);
  font-size: .74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.vp-help-category-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .7rem .85rem;
  border: 1px solid rgba(15,23,42,.07);
  border-radius: 14px;
  color: inherit;
  text-decoration: none;
  background: #fff;
}
.vp-help-category-link:hover { border-color: rgba(47,128,237,.25); color: var(--tblr-primary); }
.vp-help-article .vp-help-article-content {
  font-size: 1rem;
  line-height: 1.72;
}
.vp-help-article-section {
  padding: 1.2rem 0;
  border-top: 1px solid rgba(15,23,42,.07);
}
.vp-help-article-section:first-child { border-top: 0; }
.vp-help-article-section h2 {
  font-size: 1.35rem;
  margin-bottom: .75rem;
  letter-spacing: -.01em;
}
.vp-help-article-section li { margin-bottom: .4rem; }
.vp-help-feedback-card {
  height: 100%;
  padding: 1rem;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  background: rgba(248,250,252,.72);
}
.vp-help-empty {
  padding: 2rem;
  border: 1px dashed rgba(47,128,237,.35);
  border-radius: 20px;
  background: rgba(47,128,237,.05);
  text-align: center;
}
.vp-context-help-article {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.vp-context-help-article:first-child { padding-top: 0; }
.vp-context-help-article:last-child { border-bottom: 0; padding-bottom: 0; }
.vp-context-help-article h3 { font-size: 1.1rem; margin-bottom: .35rem; }
.vp-context-help-snippet {
  max-height: 160px;
  overflow: hidden;
  color: var(--tblr-secondary);
  font-size: .92rem;
}
@media (max-width: 767.98px) {
  .vp-help-hero .display-6,
  .vp-help-article .display-6 { font-size: 1.65rem; }
  .vp-help-search .input-group { display: block; box-shadow: none; }
  .vp-help-search .input-group > * { width: 100%; margin-bottom: .5rem; border-radius: 14px !important; }
  .vp-help-card { min-height: 0; }
}
@media print {
  .vp-help-feedback,
  .vp-context-help-trigger,
  #vp-context-help-modal { display: none !important; }
  .vp-help-article.card { box-shadow: none; border: 0; }
}
.vp-context-help-inline {
  margin-bottom: 1rem;
  border: 1px solid rgba(47,128,237,.18);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(239,246,255,.82), rgba(255,255,255,.95));
  padding: 1rem 1.1rem;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}
.vp-context-help-inline-title {
  color: var(--tblr-primary);
  font-weight: 700;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: .35rem;
}
.vp-context-help-inline .vp-context-help-article {
  padding: .35rem 0 0;
  border-bottom: 0;
}
.vp-context-help-sidebar {
  width: min(480px, 92vw);
}
.vp-context-mode-tooltip .vp-context-help-snippet {
  max-height: 90px;
}
@media print {
  .vp-context-help-inline,
  #vp-context-help-sidebar { display: none !important; }
}

/* v000259 Registrierung: Akquise-Quelle + Verein-wirbt-Verein */
.vp-inline-hint {
  appearance: none;
  border: 0;
  background: transparent;
  padding: .45rem 0 0;
  color: #4f6f95;
  font-size: .86rem;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
}
.vp-inline-hint:hover,
.vp-inline-hint:focus { color: #275a91; text-decoration: underline; outline: none; }
.vp-dynamic-source {
  display: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
}
.vp-dynamic-source.is-visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.vp-soft-warning {
  margin: .25rem 0 0;
  color: #8a5a10;
  font-size: .9rem;
}

/* Registration email confirmation modal */
body.vp-email-confirm-open { overflow: hidden; }
.vp-email-confirm-modal[hidden] { display: none !important; }
.vp-email-confirm-modal {
  position: fixed;
  inset: 0;
  z-index: 1080;
  display: grid;
  place-items: center;
  padding: 1.25rem;
}
.vp-email-confirm-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(7px);
}
.vp-email-confirm-dialog {
  position: relative;
  width: min(100%, 520px);
  background: #fff;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 24px;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .24);
  padding: 1.6rem;
  animation: vpEmailConfirmIn .18s ease-out;
}
.vp-email-confirm-dialog h2 {
  margin: .3rem 2rem .5rem 0;
  font-size: 1.35rem;
  letter-spacing: -.02em;
}
.vp-email-confirm-dialog p { color: #64748b; margin-bottom: .9rem; }
.vp-email-confirm-close {
  position: absolute;
  top: .9rem;
  right: .9rem;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 1.45rem;
  line-height: 1;
}
.vp-email-confirm-close:hover { background: #e2e8f0; }
.vp-email-confirm-question {
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
  margin: .95rem 0 .45rem;
}
.vp-email-confirm-address {
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #0f172a;
  border-radius: 16px;
  padding: .95rem 1rem;
  font-size: 1.05rem;
  font-weight: 700;
  word-break: break-word;
}
.vp-email-confirm-hint { font-size: .9rem; }
.vp-email-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
  margin-top: 1.1rem;
}
@keyframes vpEmailConfirmIn {
  from { opacity: 0; transform: translateY(10px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 575.98px) {
  .vp-email-confirm-dialog { border-radius: 20px; padding: 1.25rem; }
  .vp-email-confirm-actions { flex-direction: column-reverse; }
  .vp-email-confirm-actions .btn { width: 100%; }
}

/* v272: öffentlicher Aufnahmeantrag – Conversion-/Pflichtfeld-UX */
.vp-application-shell { display: grid; grid-template-columns: minmax(270px, 340px) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.vp-application-aside { position: sticky; top: 1rem; }
.vp-application-aside-card { border-radius: 1.25rem; background: #fff; border: 1px solid #e0e8f2; box-shadow: 0 12px 36px rgba(15,23,42,.08); padding: 1.25rem; }
.vp-application-steps { list-style: none; padding: 0; margin: 0 0 1.25rem; display: grid; gap: .55rem; }
.vp-application-steps li { display: flex; align-items: center; gap: .65rem; padding: .55rem .65rem; border-radius: .8rem; color: #64748b; }
.vp-application-steps span { width: 1.7rem; height: 1.7rem; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #eef2f7; font-size: .82rem; font-weight: 800; }
.vp-application-steps li.is-active { background: #eef6ff; color: #1558a8; }
.vp-application-steps li.is-active span { background: #206bc4; color: #fff; }
.vp-application-steps li.is-done span { background: #2fb344; color: #fff; }
.vp-application-trust { display: grid; gap: .35rem; padding-top: 1rem; border-top: 1px solid #e0e8f2; }
.vp-application-main { min-width: 0; }
.vp-application-hero { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border: 1px solid #e0e8f2; border-radius: 1rem; background: #fff; box-shadow: 0 6px 20px rgba(24,36,51,.04); }
.vp-public-application-card .text-center.mb-4 { display: none; }
.vp-section-heading { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: 1rem; }
.vp-section-heading h4 { margin: 0; font-size: 1.05rem; font-weight: 800; color: #172033; }
.vp-section-heading p { margin: .15rem 0 0; color: #64748b; font-size: .9rem; }
.vp-public-application-card .vp-form-section h4 { margin: 0; }
.vp-consent-box { padding: .8rem .95rem; border-radius: .85rem; background: #f1f7ff; border: 1px solid #dbeafe; color: #334155; }
.vp-consent-check { padding: .8rem .95rem .8rem 2.35rem; border: 1px solid #e0e8f2; border-radius: .85rem; background: #fff; }
.vp-submit-summary { display: flex; flex-direction: column; gap: .1rem; line-height: 1.25; }
.vp-public-application-card .form-footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.vp-public-application-card .form-footer .btn { max-width: none; margin: 0; min-width: 15rem; }
.vp-email-confirm-value { padding: .8rem 1rem; border-radius: .85rem; background: #f8fafc; border: 1px solid #e0e8f2; font-weight: 800; font-size: 1.05rem; overflow-wrap: anywhere; }
.vp-minor-fields { animation: vpFadeSlide .18s ease-out; }
@keyframes vpFadeSlide { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 991.98px) {
  .vp-application-shell { grid-template-columns: 1fr; }
  .vp-application-aside { position: static; }
  .vp-application-steps { grid-template-columns: repeat(3, 1fr); }
  .vp-application-steps li { justify-content: center; flex-direction: column; text-align: center; font-size: .78rem; gap: .35rem; }
}
@media (max-width: 575.98px) {
  .vp-application-hero { align-items: flex-start; padding: 1rem; }
  .vp-application-hero .avatar { display: none; }
  .vp-application-steps { grid-template-columns: repeat(2, 1fr); }
  .vp-public-application-card .form-footer { align-items: stretch; flex-direction: column; }
  .vp-public-application-card .form-footer .btn { width: 100%; min-width: 0; }
}

/* v000276: eigene Bestätigungs-Rückfrage für öffentliche Aufnahmeanträge, niemals Browser-confirm */
.vp-inline-confirm-backdrop{position:fixed;inset:0;z-index:1080;background:rgba(15,23,42,.42);display:flex;align-items:center;justify-content:center;padding:1.25rem}.vp-inline-confirm-card{width:min(100%,460px);background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.22);padding:1.5rem}.vp-inline-confirm-card h3{margin:0 0 .5rem;font-size:1.15rem}.vp-inline-confirm-card p{margin:0 0 .75rem;color:#667085}.vp-inline-confirm-card .vp-email-confirm-value{font-weight:700;background:#f6f8fb;border:1px solid #e6eaf0;border-radius:12px;padding:.75rem 1rem;word-break:break-all}.vp-inline-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;flex-wrap:wrap}

/* v000283: dezente Adress-Autovervollständigung */
.vp-address-suggest {
  position: absolute;
  z-index: 2055;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .16);
  overflow: hidden;
  max-height: 320px;
}
[data-bs-theme="dark"] .vp-address-suggest {
  background: #111827;
  border-color: rgba(255,255,255,.14);
}
.vp-address-suggest-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: .7rem .9rem;
  color: inherit;
  gap: .12rem;
}
.vp-address-suggest-item:hover,
.vp-address-suggest-item:focus {
  background: rgba(37, 99, 235, .08);
  outline: none;
}
.vp-address-suggest-item span {
  color: #64748b;
  font-size: .875rem;
}
[data-bs-theme="dark"] .vp-address-suggest-item span { color: #94a3b8; }
.vp-address-suggest-foot {
  padding: .55rem .9rem;
  font-size: .78rem;
  color: #64748b;
  background: rgba(15, 23, 42, .035);
}
[data-bs-theme="dark"] .vp-address-suggest-foot { background: rgba(255,255,255,.05); color: #94a3b8; }

/* v000335: Zugeschnittenes zentrales Logo mit passender Platzierung im Hauptmenü und Chefbereich. */
.vp-brand-logo {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  width: 100%;
  min-height: 46px;
  padding: 0;
}
.vp-brand-logo img {
  display: block;
  width: 184px;
  max-width: 100%;
  max-height: 62px;
  height: auto;
  object-fit: contain;
}
.vp-sidebar .vp-brand-logo img {
  filter: none !important;
  border-radius: 0;
}
@media (max-width: 991.98px) {
  .vp-brand-logo img {
    width: 164px;
    max-height: 56px;
  }
}

/* v000335: Hauptmenü zeigt das zugeschnittene Logo sichtbar oben mit ruhigen Abständen. */
.vp-sidebar .navbar-brand {
  margin: 0 0 .5rem 0;
  padding: .85rem .75rem .55rem .75rem;
  width: 100%;
}
.vp-sidebar .navbar-brand .vp-brand-logo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  background: transparent !important;
  padding: 0 !important;
}
.vp-sidebar .navbar-brand .vp-brand-logo img,
.vp-sidebar .navbar-brand-autodark .vp-brand-logo img {
  display: block !important;
  width: 184px !important;
  max-width: 100% !important;
  max-height: 62px !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  background: transparent !important;
}
@media (max-width: 991.98px) {
  .vp-sidebar .navbar-brand {
    margin: 0 0 .35rem 0;
    padding: .7rem .25rem .35rem 0;
  }
  .vp-sidebar .navbar-brand .vp-brand-logo {
    justify-content: flex-start;
  }
  .vp-sidebar .navbar-brand .vp-brand-logo img,
  .vp-sidebar .navbar-brand-autodark .vp-brand-logo img {
    width: 164px !important;
    max-height: 56px !important;
  }
}
.vp-address-suggest { z-index: 3000; }

/* v000291: Postkorb Onboard-Assistent als nutzbarer Schritt-Wizard */
.vp-application-onboard-modal .modal-body {
  background: #f8fafc;
}
.vp-application-onboard-modal .vp-onboard-stepper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .65rem;
}
.vp-application-onboard-modal .vp-onboard-stepper-item {
  display: flex;
  align-items: center;
  gap: .65rem;
  width: 100%;
  min-height: 54px;
  padding: .65rem .75rem;
  border: 1px solid #dbe7f3;
  border-radius: 14px;
  background: #fff;
  color: #64748b;
  text-align: left;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}
.vp-application-onboard-modal .vp-onboard-stepper-item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  height: 30px;
  border-radius: 999px;
  background: #eaf2fb;
  color: #1d5fae;
  font-weight: 700;
}
.vp-application-onboard-modal .vp-onboard-stepper-item strong {
  display: block;
  min-width: 0;
  font-size: .88rem;
  line-height: 1.15;
  white-space: normal;
}
.vp-application-onboard-modal .vp-onboard-stepper-item.is-active {
  border-color: #2b7de1;
  background: #eef6ff;
  color: #0f3f78;
}
.vp-application-onboard-modal .vp-onboard-stepper-item.is-active span {
  background: #1f73d8;
  color: #fff;
}
.vp-application-onboard-modal .vp-onboard-stepper-item.is-complete {
  border-color: #b7e4c7;
  color: #166534;
}
.vp-application-onboard-modal .vp-onboard-stepper-item.is-complete span {
  background: #22a55a;
  color: #fff;
}
.vp-application-onboard-modal .vp-form-section {
  background: #fff;
}
@media (max-width: 767.98px) {
  .vp-application-onboard-modal .vp-onboard-stepper {
    grid-template-columns: 1fr;
  }
}


/* v000292: Onboard-Assistent kompakter, bedienbar und modal-sicher */
.vp-application-onboard-modal .modal-dialog { max-width: min(1180px, calc(100vw - 2rem)); }
.vp-application-onboard-modal .modal-content { overflow: hidden; }
.vp-application-onboard-modal .modal-body { padding: 1rem 1.25rem; }
.vp-application-onboard-modal .vp-onboard-stepper {
  display: grid;
  grid-template-columns: repeat(7, minmax(118px, 1fr));
  gap: .5rem;
  overflow-x: auto;
  padding-bottom: .25rem;
}
.vp-application-onboard-modal .vp-onboard-stepper-item { min-height: 58px; white-space: normal; }
.vp-application-onboard-modal .vp-form-section { margin-bottom: 1rem; }
.vp-application-onboard-modal .vp-sticky-modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 5;
  background: var(--tblr-bg-surface, #fff);
  border-top: 1px solid rgba(98,105,118,.16);
  gap: .5rem;
}
@media (max-width: 991.98px) {
  .vp-application-onboard-modal .modal-dialog { max-width: 100vw; margin: 0; }
  .vp-application-onboard-modal .vp-onboard-stepper { grid-template-columns: repeat(7, 132px); }
  .vp-application-onboard-modal .modal-footer .btn-list { width: 100%; justify-content: flex-end; }
}


/* v000293 Mitglieder: größere Gruppen-Treeview und klare DMS-/Historie-Verknüpfung */
.vp-member-group-tree-box { min-height: 360px; max-height: 520px; overflow: auto; border: 1px solid #cbd7e6; border-radius: 14px; background: #fff; padding: 1rem; }
.vp-member-group-tree { list-style: none; padding-left: 0; margin: 0; }
.vp-member-group-tree.is-nested { padding-left: 1.35rem; margin-left: .45rem; border-left: 2px solid #e5edf7; }
.vp-member-group-tree li { margin: .35rem 0; }
.vp-member-group-node { display: flex; align-items: center; gap: .55rem; min-height: 2.35rem; padding: .35rem .55rem; border-radius: 10px; cursor: pointer; }
.vp-member-group-node:hover { background: #f6f9fd; }
.vp-member-group-name { font-weight: 500; }
[data-vp-payment-fields] select:disabled,
[data-vp-payment-fields] input:disabled,
[data-vp-sepa-fields] input:disabled,
[data-vp-contribution-types-list] input:disabled { opacity: .55; cursor: not-allowed; }


/* v000338: Dashboard-/Übersichtsillustrationen zwischen Einleitung und Kacheln. */
.vp-overview-dashboard-hero {
  margin: 0 0 1.25rem;
  border-radius: 1.15rem;
  overflow: hidden;
  background: #f8fbff;
  border: 1px solid rgba(24, 36, 51, .07);
  box-shadow: 0 14px 38px rgba(24, 36, 51, .07);
}
.vp-overview-dashboard-hero img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 575.98px) {
  .vp-overview-dashboard-hero {
    margin-bottom: 1rem;
    border-radius: .95rem;
  }
  .vp-overview-dashboard-hero img {
    height: 150px;
    object-fit: cover;
    object-position: center center;
  }
}
@media (max-width: 360px) {
  .vp-overview-dashboard-hero img {
    height: 132px;
  }
}

/* v000344: Geo-Karte ist bedienbar: ziehen zum Bewegen, Mausrad/Buttons zum Zoomen. */
.vp-geo-map .vp-leaflet-map {
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.vp-geo-map .vp-leaflet-map.is-panning { cursor: grabbing; }
.vp-geo-map .vp-leaflet-controls {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 7;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.55);
  border-radius: .7rem;
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 22px rgba(15,23,42,.12);
}
.vp-geo-map .vp-leaflet-controls button {
  width: 38px;
  height: 36px;
  border: 0;
  border-bottom: 1px solid rgba(148,163,184,.35);
  background: transparent;
  color: #1d4ed8;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}
.vp-geo-map .vp-leaflet-controls button:last-child { border-bottom: 0; }
.vp-geo-map .vp-leaflet-controls button:hover,
.vp-geo-map .vp-leaflet-controls button:focus { background: rgba(32,107,196,.10); outline: none; }
@media (max-width: 575.98px) {
  .vp-geo-map .vp-leaflet-map { height: 380px; min-height: 380px; }
  .vp-geo-map .vp-leaflet-label { right: 58px; max-width: calc(100% - 82px); white-space: normal; }
}