/* ==========================================================================
   Jobriver v2 – Firmenkonto anlegen (/unternehmen/registrieren)
   Ergänzt auth-v2.css (Karte, Felder, Checkboxen, Mesh-Hero) um: Formular-
   Abschnitte, Auswahllisten, Textfeld, Vorteile-Spalte.
   ========================================================================== */

.ur2-title { margin-bottom: 14px; font-size: clamp(2.2rem, 1.4rem + 3.2vw, 4rem); }
.ur2-sub { max-width: 620px; margin: 0 auto clamp(28px, 4vw, 44px); text-align: center; font-size: var(--fs-lead); line-height: 1.55; color: var(--ink-2); }

.ur2-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; width: 100%; max-width: 1040px; }
.ur2-card { max-width: none; background: var(--glass-strong); border-color: var(--glass-line); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.ur2-card > .auth-alert:first-child { margin-top: 0; }
.ur2-card .auth-alert p + p { margin-top: 4px; }
.ur2-promo .auth-alert, .ur2-promo .alert { margin-top: 0; margin-bottom: 4px; }
/* Hinweis-Banner zum Promocode (Markup aus der Original-Logik: .alert-success / .alert-error) */
.ur2-promo .alert { display: block; padding: 12px 14px; border-radius: 14px; font-size: .9375rem; line-height: 1.45; }
.ur2-promo .alert-success { background: color-mix(in oklab, var(--auth-ok) 10%, transparent); color: var(--auth-ok); border: 1px solid color-mix(in oklab, var(--auth-ok) 30%, transparent); }
.ur2-promo .alert-error { background: color-mix(in oklab, var(--auth-err) 10%, transparent); color: var(--auth-err); border: 1px solid color-mix(in oklab, var(--auth-err) 30%, transparent); }

/* Abschnitte */
.ur2-sec { display: flex; flex-direction: column; gap: 14px; min-width: 0; margin: 0; padding: 0 0 20px; border: 0; border-bottom: 1px solid var(--line); }
.ur2-sec__h { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; padding: 0; font-size: 1.0625rem; font-weight: 600; letter-spacing: -.01em; color: var(--ink); }
.ur2-sec__h svg { width: 18px; height: 18px; fill: none; stroke: var(--brand-700); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ur2-sec__n { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ink); color: var(--bg); font-size: .8125rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.ur2-req { color: var(--auth-err); }

/* Auswahllisten + Textfeld im Stil der Eingabefelder */
.ur2-select select, .ur2 .field__box textarea { width: 100%; border: 1px solid var(--line-2); border-radius: 14px; background: var(--auth-field-bg); font: inherit; color: var(--ink); outline: none; transition: border-color .2s, box-shadow .2s; }
.ur2-select select { height: 52px; padding: 0 44px 0 16px; appearance: none; cursor: pointer; }
.ur2-select svg { position: absolute; right: 16px; width: 16px; height: 16px; fill: none; stroke: var(--muted); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.ur2 .field__box textarea { min-height: 116px; padding: 14px 16px; resize: vertical; line-height: 1.55; }
.ur2 .field__box textarea::placeholder { color: #8d86a0; }
.ur2-select select:hover, .ur2 .field__box textarea:hover { border-color: var(--brand-200); }
.ur2-select select:focus, .ur2 .field__box textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 4px rgba(114, 79, 255, .15); }
.ur2 .field.is-invalid select { border-color: var(--auth-err); }
.ur2 .meter { margin-top: -4px; }
.ur2 .consents .cf-turnstile { min-height: 65px; margin-top: 4px; }

/* Vorteile-Spalte */
.ur2-aside { position: sticky; top: 96px; }
.ur2-benefits { padding: 24px; border-radius: var(--r-xl); background: radial-gradient(90% 70% at 20% 0%, #3b2580, var(--plum) 70%); color: #e9e3fb; box-shadow: var(--shadow-lg); }
.ur2-benefits__h { font-size: 1.25rem; font-weight: 600; letter-spacing: -.02em; color: #fff; }
.ur2-benefits__list { list-style: none; display: grid; gap: 10px; margin-top: 16px; }
.ur2-benefits__list li { position: relative; padding-left: 28px; font-size: .9375rem; line-height: 1.45; }
.ur2-benefits__list li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: rgba(255, 255, 255, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23c9b8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }
.ur2-benefits__price { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: .9375rem; }
.ur2-benefits__price p { color: #cfc4f3; }
.ur2-benefits__price a { display: inline-block; margin-top: 6px; color: #fff; font-weight: 600; }

.ur2-done-btn { margin-top: 22px; display: inline-flex; }

@media (max-width: 960px) {
    .ur2-grid { grid-template-columns: minmax(0, 1fr); max-width: 640px; }
    .ur2-aside { position: static; }
}
@media (max-width: 560px) {
    .ur2-card { padding: 22px 18px; }
    .ur2-card .consents { padding: 14px 10px; }
}