/* MN MEDIA · STEP 51 · Anfrageprotokoll */
.step51-request{background:#f3f1ea;color:#111311;overflow:hidden}
.step51-request-wrap{width:min(1500px,calc(100% - clamp(30px,5vw,80px)));margin:0 auto}
.step51-request-hero{padding:clamp(78px,10vw,150px) 0 clamp(64px,7vw,110px);border-bottom:1px solid rgba(17,19,17,.14)}
.step51-request-hero .breadcrumb{margin-bottom:clamp(42px,6vw,84px)}
.step51-request-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(42px,8vw,130px);align-items:end}
.step51-eyebrow{margin:0 0 18px;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.step51-request h1{margin:0;max-width:9ch;font-size:clamp(4rem,9.5vw,10.5rem);line-height:.78;letter-spacing:-.08em;font-weight:950}
.step51-request-intro{padding-bottom:8px}
.step51-request-intro p{margin:0 0 14px;font-size:clamp(1.15rem,1.65vw,1.7rem);line-height:1.22;letter-spacing:-.025em}
.step51-request-intro p:first-child{font-weight:900;font-size:clamp(1.4rem,2.2vw,2.5rem)}

.step51-request-body{padding:clamp(72px,8vw,120px) 0 clamp(90px,10vw,150px)}
.step51-request-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:clamp(54px,8vw,130px);align-items:start}
.step51-form{min-width:0}
.step51-block{padding:0 0 clamp(58px,6vw,92px);margin-bottom:clamp(58px,6vw,92px);border-bottom:1px solid rgba(17,19,17,.16)}
.step51-block-head{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;margin-bottom:clamp(26px,3vw,40px)}
.step51-block-head>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#111311;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.1em}
.step51-block-head h2{margin:0;max-width:15ch;font-size:clamp(2.4rem,5vw,5.9rem);line-height:.88;letter-spacing:-.065em;font-weight:900}
.step51-help{margin:-16px 0 28px 74px;max-width:60ch;color:rgba(17,19,17,.58);font-size:.92rem;line-height:1.45}

.step51-options{display:flex;flex-wrap:wrap;gap:10px;margin-left:74px}
.step51-options input{position:absolute;opacity:0;pointer-events:none}
.step51-options label{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border:1px solid rgba(17,19,17,.28);border-radius:999px;background:transparent;font-size:.9rem;font-weight:800;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}
.step51-options label:hover{transform:translateY(-2px);border-color:#111311}
.step51-options input:checked+label{background:#d8f024;color:#111311;border-color:#d8f024}
.step51-options input:focus-visible+label{outline:3px solid rgba(216,240,36,.45);outline-offset:3px}

.step51-label{display:block;margin:0 0 10px;font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.step51-form input:not([type=radio]),.step51-form textarea,.step51-form select{width:100%;box-sizing:border-box;border:0;border-bottom:2px solid #111311;border-radius:0;background:transparent;color:#111311;font:inherit;font-size:clamp(1.05rem,1.4vw,1.35rem);padding:15px 0 13px;outline:none}
.step51-form input:focus,.step51-form textarea:focus,.step51-form select:focus{border-color:#96ad00;box-shadow:0 4px 0 -2px #d8f024}
.step51-form textarea{min-height:190px;resize:vertical;line-height:1.5}
.step51-form textarea::placeholder,.step51-form input::placeholder{color:rgba(17,19,17,.32)}
.step51-two{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:34px}
.step51-counter{text-align:right;margin-top:8px;font-size:.68rem;color:rgba(17,19,17,.42)}

.step51-submit-row{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.step51-submit{min-height:72px;padding:0 30px;border:0;border-radius:999px;background:#111311;color:#fff;font-size:.86rem;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease}
.step51-submit span{display:inline-block;margin-left:18px;transition:transform .25s ease}
.step51-submit:hover{background:#d8f024;color:#111311;transform:translateY(-3px)}
.step51-submit:hover span{transform:translate(4px,-4px)}
.step51-submit[disabled]{opacity:.45;cursor:wait;transform:none}
.step51-submit-row p{margin:0;max-width:54ch;font-size:.72rem;line-height:1.45;color:rgba(17,19,17,.5)}
.step51-submit-row a{color:inherit}
.step51-status{min-height:24px;margin:18px 0 0;font-weight:800}
.step51-status.is-ok{color:#405000}.step51-status.is-error{color:#a92a20}

.step51-request-side{position:relative}
.step51-side-sticky{position:sticky;top:110px;padding:32px;border-radius:30px;background:#111311;color:#fff}
.step51-side-sticky .step51-eyebrow{color:#d8f024}
.step51-side-sticky ol{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:0}
.step51-side-sticky li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:20px 0;border-top:1px solid rgba(255,255,255,.14)}
.step51-side-sticky li>span{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#d8f024}
.step51-side-sticky b{display:block;margin-bottom:6px;font-size:1.05rem}
.step51-side-sticky li p{margin:0;color:rgba(255,255,255,.58);font-size:.8rem;line-height:1.45}
.step51-side-note{margin-top:26px;padding:18px;border-radius:18px;background:#d8f024;color:#111311}
.step51-side-note strong{display:block;margin-bottom:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.step51-side-note a{color:#111311;font-weight:900;text-decoration:none}

.step51-success{padding:34px;border:1px solid rgba(17,19,17,.16);border-radius:28px;background:#fff}
.step51-success h3{margin:0 0 12px;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.055em;line-height:.9}

@media(max-width:980px){
 .step51-request-hero-grid,.step51-request-layout{grid-template-columns:1fr}
 .step51-request-intro{max-width:62ch}
 .step51-request-side{order:-1}.step51-side-sticky{position:relative;top:auto}
 .step51-side-sticky ol{grid-template-columns:1fr 1fr;gap:0 24px}.step51-side-sticky li{grid-template-columns:32px 1fr}
}
@media(max-width:680px){
 .step51-request-wrap{width:calc(100% - 24px)}
 .step51-request-hero{padding-top:56px}
 .step51-request h1{font-size:clamp(3.4rem,18vw,6rem)}
 .step51-block-head{grid-template-columns:42px 1fr;gap:12px}.step51-block-head>span{width:38px;height:38px}
 .step51-block-head h2{font-size:clamp(2.2rem,12vw,3.8rem)}
 .step51-help,.step51-options{margin-left:0}
 .step51-options{gap:8px}.step51-options label{min-height:46px;padding:0 14px;font-size:.82rem}
 .step51-two,.step51-submit-row{grid-template-columns:1fr;gap:22px}
 .step51-submit{width:100%}
 .step51-side-sticky{padding:24px;border-radius:24px}.step51-side-sticky ol{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.step51-options label,.step51-submit,.step51-submit span{transition:none!important}}