.bdc-membership { padding-block: 3rem; }
.bdc-membership > section { max-width: 56rem; margin-inline: auto; }
.bdc-membership h2 { color: #244b38; font-size: 1.5rem; font-weight: 700; line-height: 1.3; margin-bottom: 1.25rem; }
.bdc-membership-fees { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 2.5rem; }
.bdc-membership-fees > div { border-bottom: 1px solid #dce5d8; padding-block: 1rem; }
.bdc-membership-fees dt { font-weight: 700; }
.bdc-membership-fees dd { margin-top: .5rem; }
.bdc-membership-steps { list-style: decimal; padding-left: 1.5rem; }
.bdc-membership-steps li { padding-left: .25rem; margin-block: .75rem; }
.bdc-membership-form { padding-block: 3rem; min-width: 0; }
.bdc-membership-choice { padding-top: 3rem; }
.bdc-membership-choice h2 { margin-top: 1rem; }
.bdc-membership-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.bdc-membership-option { display: flex; flex-direction: column; gap: 1rem; padding: 2rem; border: 1px solid #dce5d8; border-radius: .5rem; background: white; box-shadow: 0 4px 16px rgb(36 75 56 / 5%); min-width: 0; }
.bdc-membership-option > .icon { width: 1.5rem; height: 1.5rem; color: #739e59; }
.bdc-membership-option h3 { font-size: 1.25rem; font-weight: 700; color: #244b38; }
.bdc-membership-option p { flex-grow: 1; }
.bdc-membership-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .875rem 1.25rem; border-radius: 999px; background: #244b38; color: white; font-size: .875rem; font-weight: 700; text-align: center; min-height: 44px; transition: background-color .2s; }
.bdc-membership-button:hover { background: #183529; }
.bdc-membership-button:focus-visible { outline: 3px solid #739e59; outline-offset: 4px; }
.bdc-membership-button .icon { width: 1rem; height: 1rem; flex-shrink: 0; }
.bdc-membership-hero-cta { margin-top: 2rem; background: #739e59; }
.bdc-membership-hero-cta:hover { background: #5d8246; }
.bdc-membership-payment { margin-top: 1.5rem; }
#antragsart, #membership-form-title { scroll-margin-top: 7rem; }
#mitgliedschaft-formular[hidden] { display: none; }
@media (max-width: 639px) { .bdc-membership-options { grid-template-columns: 1fr; } .bdc-membership-option { padding: 1.5rem; } }
@media (max-width: 479px) { .bdc-membership-fees { grid-template-columns: 1fr; gap: .5rem; } }