/* Styles scoped to the Beauftragung wizard. */
.order-wizard { color:var(--ink); }
.order-wizard h2 { font-size:26px; font-weight:700; line-height:1.35; margin:0 0 18px; color:var(--ink); }
.order-wizard h3 { color:var(--green); font-size:20px; font-weight:700; margin:0; line-height:1.4; }
.order-wizard p,.order-wizard li,.order-wizard dl { font-size:18px; line-height:1.65; }
.order-wizard p { margin-bottom:20px; }
.modern-site .order-wizard a { font:inherit; }
.modern-site .order-wizard a:not(.site-button) { color:var(--green); text-decoration:underline; }
.wizard-progress { --step-size:36px; --step-gap:12px; margin-bottom:32px; }
.wizard-progress ol { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); padding:0; margin:0; list-style:none; gap:var(--step-gap); }
.wizard-progress li { position:relative; min-width:0; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; color:var(--muted); font-size:14px; line-height:1.4; }
.wizard-progress li:not(:last-child)::after { content:""; position:absolute; top:calc(var(--step-size) / 2 - .5px); left:calc(50% + var(--step-size) / 2); width:calc(100% + var(--step-gap) - var(--step-size)); height:1px; background:#cbd5e1; pointer-events:none; }
.wizard-progress li.is-done::after { background:var(--green); }
.wizard-progress li > span:last-child { max-width:100%; overflow-wrap:anywhere; }
.wizard-step-number { box-sizing:border-box; flex-shrink:0; display:flex; width:var(--step-size); height:var(--step-size); align-items:center; justify-content:center; border:1px solid #cbd5e1; border-radius:50%; background:#fff; color:var(--ink); font-weight:700; }
.wizard-progress .is-current { color:var(--green); font-weight:700; }
.wizard-progress .is-current .wizard-step-number { background:var(--green); color:#fff; border-color:var(--green); }
.wizard-progress .is-done .wizard-step-number { color:var(--green); border-color:var(--green); background:#eff7f4; }
.order-wizard label { display:block; font-size:18px; font-weight:700; line-height:1.5; margin:0 0 8px; }
.order-wizard input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.order-wizard textarea { width:100%; min-width:0; box-sizing:border-box; padding:12px 14px; border:1px solid #cbd5e1; border-radius:6px; color:var(--ink); background:#fff; font:18px/1.5 Arial,Helvetica,sans-serif; }
.order-wizard textarea { resize:vertical; }
.order-wizard input:focus,.order-wizard textarea:focus { outline:2px solid var(--green); outline-offset:3px; }
.wizard-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; margin-bottom:24px; }
.wizard-field { min-width:0; }
.wizard-required { color:var(--green); }
.order-wizard .wizard-muted { color:var(--muted); font-size:16px; }
.order-wizard .wizard-note { padding:16px 20px; border:1px solid #e1e8ef; border-left:3px solid var(--green); border-radius:6px; margin:24px 0; background:#fff; font-size:17px; }
.wizard-domain-entry { display:flex; gap:12px; margin-bottom:20px; }
.wizard-domain-entry input { flex:1; }
.wizard-domains { list-style:none; padding:0; margin:0; }
.wizard-domains li { display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #e1e8ef; border-radius:6px; padding:12px 16px; margin-top:10px; }
.wizard-domains li span { overflow-wrap:anywhere; }
.wizard-domain-remove { border:0; background:transparent; color:#9c2222; font-size:26px; line-height:1; padding:4px 8px; cursor:pointer; }
.wizard-error,.order-wizard .field-validation-error { color:#9c2222; font-size:16px; line-height:1.5; }
.wizard-error.validation-summary-valid { display:none; }
.wizard-error.validation-summary-errors { padding:16px 20px; background:#fff4f4; border-left:3px solid #9c2222; margin-bottom:24px; border-radius:6px; }
.wizard-error ul { margin:0; padding-left:20px; }
.order-wizard .field-validation-error { display:block; margin-top:6px; }
.order-wizard .input-validation-error { border-color:#9c2222 !important; }
.wizard-payment-options { padding:0; margin:0 0 24px; border:0; }
.order-wizard .wizard-payment-option { display:flex; align-items:flex-start; gap:12px; border:1px solid #e1e8ef; border-radius:6px; padding:20px; margin-bottom:12px; cursor:pointer; }
.wizard-payment-option>span>span { display:block; font-weight:400; font-size:17px; color:var(--muted); margin-top:6px; }
.wizard-payment-option:has(input:checked) { border-color:var(--green); background:#f7fbf6; }
.order-wizard input[type=radio],.order-wizard input[type=checkbox] { width:20px; height:20px; flex-shrink:0; accent-color:var(--green); margin-top:3px; }
.wizard-bank-fields { padding:20px; border:1px solid #e1e8ef; border-radius:6px; }
.wizard-bank-fields legend { width:auto; padding:0 8px; font-size:20px; font-weight:700; }
.order-wizard .wizard-checkbox { display:flex; gap:12px; align-items:flex-start; font-weight:400; margin:20px 0 8px; }
.wizard-summary-section { padding:20px 0; border-bottom:1px solid #e1e8ef; }
.wizard-summary-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:12px; }
.wizard-summary-section p:last-child,.wizard-summary-section ul,.wizard-summary-section dl { margin-bottom:0; }
.wizard-summary-section dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px 20px; }
.wizard-summary-section dt { font-weight:400; color:var(--muted); }
.wizard-summary-section dd { margin:0; }
.wizard-message-text { white-space:pre-wrap; }
.wizard-consents { margin-top:24px; }
.wizard-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:32px; }
.modern-site .order-wizard .site-button { flex:0 0 auto; min-height:52px; font-size:16px; cursor:pointer; text-decoration:none; white-space:normal; text-align:center; }
.order-wizard .site-button:disabled { opacity:.55; cursor:default; }
.wizard-success { padding:24px; border-radius:6px; background:#eff7f4; border-left:3px solid var(--green); }
.wizard-success p:last-child { margin:0; }
@media(max-width:767px) {
 .order-wizard h2 { font-size:23px; }
 .order-wizard p,.order-wizard label,.order-wizard li,.order-wizard dl,.order-wizard input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.order-wizard textarea { font-size:17px; }
 .wizard-progress { --step-size:28px; --step-gap:4px; }
 .wizard-progress li { font-size:11px; }
 .wizard-step-number { font-size:13px; }
 .wizard-fields { grid-template-columns:minmax(0,1fr); gap:18px; }
 .wizard-domain-entry { flex-wrap:wrap; }
 .wizard-domain-entry input { flex-basis:100%; }
 .wizard-domain-entry .site-button { width:100%; }
 .wizard-payment-option { padding:16px; }
 .wizard-actions { flex-wrap:wrap; }
 .wizard-actions .site-button { flex:1 1 120px !important; }
 .wizard-actions #Bt_Proceed { flex-basis:180px !important; }
 .wizard-summary-section dl { grid-template-columns:minmax(0,1fr); gap:4px; }
 .wizard-summary-section dd { margin-bottom:12px; }
 .wizard-summary-heading { gap:12px; }
 .wizard-summary-heading a { font-size:15px !important; }
}
