/* Abstand zwischen Navigation und Seiteninhalt. */
.body-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow-wrap: break-word;
}

.zugang-card { max-width: 32rem; }

.organisationslogos { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.organisationslogo { width: 10rem; height: 6rem; max-width: 100%; object-fit: contain; }

.organisationskopf { background: var(--club-main); color: var(--club-main-text); border-bottom: 3px solid var(--club-accent); }
.kontextzeile { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1.25rem; padding-top: .3rem; padding-bottom: .3rem; font-size: .95rem; }
.kontext-einheit { display: flex; align-items: center; gap: .5rem; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.kontextname { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kontextlogo { width: 2.5rem; height: 2rem; object-fit: contain; flex-shrink: 0; background: #fff; padding: .125rem; border-radius: .2rem; }
.vereinskontext .btn-primary { --bs-btn-bg: var(--club-main); --bs-btn-border-color: var(--club-main); --bs-btn-color: var(--club-main-text); --bs-btn-hover-bg: var(--club-main); --bs-btn-hover-border-color: var(--club-main); --bs-btn-hover-color: var(--club-main-text); --bs-btn-active-bg: var(--club-main); --bs-btn-active-border-color: var(--club-main); --bs-btn-active-color: var(--club-main-text); --bs-btn-disabled-bg: var(--club-main); --bs-btn-disabled-border-color: var(--club-main); --bs-btn-disabled-color: var(--club-main-text); }
.vereinskontext .btn-outline-primary { --bs-btn-color: var(--club-link); --bs-btn-border-color: var(--club-link); --bs-btn-hover-bg: var(--club-main); --bs-btn-hover-border-color: var(--club-main); --bs-btn-hover-color: var(--club-main-text); --bs-btn-active-bg: var(--club-main); --bs-btn-active-border-color: var(--club-main); --bs-btn-active-color: var(--club-main-text); }
.vereinskontext .body-content a:not(.btn) { color: var(--club-link); }
.vereinskontext .body-content .verwaltung-navigation a { color: var(--club-accent-link); }
.vereinskontext .form-control:focus, .vereinskontext .form-select:focus { border-color: var(--club-accent-link); outline: 2px solid var(--club-accent-link); outline-offset: 1px; box-shadow: none; }
.vereinskontext .btn-primary:hover { text-decoration: underline; }