/* Vertraute Auswahlflächen, nur kompakter im unteren Formularbereich. */
#mitgliedschaft-form .membership-options-layout{display:block;max-width:none;margin-top:24px;}
#mitgliedschaft-form .membership-options-panel{min-width:0;margin:0 0 24px;padding:22px 0 0;border-top:1px solid rgba(15,59,102,.16);}
#mitgliedschaft-form .membership-options-panel .view-section-title{font-size:21px;margin:0 0 14px;}
#mitgliedschaft-form .membership-options-panel .choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none;}
#mitgliedschaft-form .membership-options-panel .choice-card{justify-content:center;min-height:44px;padding:11px 16px;margin:0;box-sizing:border-box;border-radius:0;}
#mitgliedschaft-form .membership-options-panel .choice-label{font-size:14px;line-height:1.4;text-align:center;font-weight:700;}
#mitgliedschaft-form .membership-options-panel .form-hint{font-size:12px;line-height:1.6;}
#mitgliedschaft-form .membership-fee-link{margin:8px 0 16px;}
#mitgliedschaft-form .membership-options-panel .checkbox-stack{gap:9px;margin-top:4px;}
#mitgliedschaft-form .membership-options-panel .checkbox-item{padding:11px 14px;gap:11px;border:1px solid rgba(15,59,102,.12);border-radius:0;background:rgba(255,255,255,.85);box-shadow:none;min-height:44px;}
#mitgliedschaft-form .membership-options-panel .checkbox-item:hover{background:#fff;border-color:rgba(15,59,102,.25);}
#mitgliedschaft-form .membership-options-panel .checkbox-item:focus-within{outline:2px solid #0f3b66;outline-offset:2px;}
#mitgliedschaft-form .membership-options-panel .checkbox-text{font-size:14px;line-height:1.5;font-weight:600;}
#mitgliedschaft-form .membership-options-panel .checkbox-control{flex:0 0 17px;width:17px;height:17px;min-height:17px;margin:2px 0 0;accent-color:#0f3b66;}
#mitgliedschaft-form .membership-options-panel .checkbox-note{font-size:12px;line-height:1.6;margin:4px 0 0;padding:0;color:#586574;}
#mitgliedschaft-form .membership-options-panel .check-links-hint{margin:0 0 12px;}
#mitgliedschaft-form .membership-options-panel .actions{margin-top:16px;}
#mitgliedschaft-form .membership-options-panel .submit-state{width:auto;max-width:100%;}
#mitgliedschaft-form .membership-options-panel .submit-state .btn{width:auto;max-width:100%;font-size:14px;padding:12px 20px;border-radius:0;}
#mitgliedschaft-form .membership-options-panel .has-error .checkbox-item{border-color:#b91c1c;background:#fef2f2;}
@media(max-width:600px){#mitgliedschaft-form .membership-options-panel .choice-group{grid-template-columns:1fr;}#mitgliedschaft-form .membership-options-panel .submit-state,#mitgliedschaft-form .membership-options-panel .submit-state .btn{width:100%;}}

/* Volle Breite und jeweils zwei gleich breite Optionen am Desktop. */
#mitgliedschaft-form .membership-options-panel .membership-single-choice{grid-template-columns:1fr;}
#mitgliedschaft-form #mitgliedschaft-extra-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
#mitgliedschaft-form #mitgliedschaft-extra-options .checkbox-note{grid-column:1 / -1;}
@media(max-width:700px){#mitgliedschaft-form #mitgliedschaft-extra-options{grid-template-columns:1fr;}}

/* Zwei Bestätigungen oben, dritte und Absenden darunter. */
#mitgliedschaft-form #mitgliedschaft-confirmations{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
#mitgliedschaft-form #mitgliedschaft-confirmations .checkbox-item{height:100%;align-items:flex-start;}
#mitgliedschaft-form #mitgliedschaft-confirmations .membership-submit-cell{margin:0;min-width:0;}
#mitgliedschaft-form #mitgliedschaft-confirmations .submit-state{width:100%;height:100%;}
#mitgliedschaft-form #mitgliedschaft-confirmations .submit-state .btn{width:100%;height:100%;min-height:46px;}
#mitgliedschaft-form #mitgliedschaft-submit-hint{margin:10px 0 0;}
@media(max-width:700px){#mitgliedschaft-form #mitgliedschaft-confirmations{grid-template-columns:1fr;}}

/* Sprachwahl im gleichen Stil wie Datenschutz und Impressum. */
.membership-language-switch button.privacy-language-option{padding:0;border:0;background:none;cursor:pointer;}

/* Deutsche native Datumssegmente wie die englische Formatangabe großschreiben. */
#mitgliedschaft-form #geburtsdatum[type="date"],
#mitgliedschaft-form #geburtsdatum[type="date"]::-webkit-datetime-edit,
#mitgliedschaft-form #geburtsdatum[type="date"]::-webkit-datetime-edit-day-field,
#mitgliedschaft-form #geburtsdatum[type="date"]::-webkit-datetime-edit-month-field,
#mitgliedschaft-form #geburtsdatum[type="date"]::-webkit-datetime-edit-year-field{text-transform:uppercase;}