.contact-hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:600px;overflow:hidden;background:#111b17}
.contact-hero:before,.contact-hero:after{content:"";position:absolute;inset:0;pointer-events:none}
.contact-hero:before{z-index:-2;background:#111b17 url('/assets/hochkomplexes-getriebe.png') 68% center/cover no-repeat}
.contact-hero:after{z-index:-1;background:linear-gradient(90deg,rgba(4,12,20,.98) 0%,rgba(4,12,20,.93) 35%,rgba(4,12,20,.46) 68%,rgba(4,12,20,.24) 100%),linear-gradient(0deg,rgba(7,20,33,.88),transparent 34%)}
.contact-hero-grid{padding-block:92px}
.contact-hero-grid>div{max-width:740px}
.contact-hero .display{font-size:clamp(2.8rem,4.4vw,4.75rem);line-height:1.04;letter-spacing:-.05em}
.contact-hero .lead{max-width:660px;margin:26px 0 30px;color:#cbd7e3}
.contact-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:70px}
.contact-details>p:not(.eyebrow){color:#526477;max-width:440px}
.contact-details address{margin:32px 0;font-style:normal;line-height:1.8;color:#526477}
.contact-details address strong{color:#142333}
.contact-checklist{padding-top:22px;border-top:1px solid #ded8ca}
.contact-checklist h3{margin:0 0 10px;font-size:1.15rem}
.contact-checklist ul{margin:0;padding-left:20px;color:#526477}
.contact-checklist li{padding:4px 0}
.contact-form{padding:36px;border:1px solid #ded8ca;border-top:4px solid #b89e6a;border-radius:12px;background:#fbfaf5;box-shadow:0 20px 50px rgba(19,40,61,.07)}
.contact-form h2{margin:0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15}
.contact-form-intro{margin:12px 0 25px;color:#526477}
.contact-form>label,.contact-form .form-grid label{display:grid;gap:7px;margin-bottom:17px}
.contact-form label span{font-size:.9rem;font-weight:800}
.contact-form input,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid #cbd6df;border-radius:7px;background:#fbfaf5;color:#142333;font:inherit}
.contact-form textarea{resize:vertical;min-height:128px}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(184,158,106,.18);border-color:#b89e6a}
.contact-form .form-note a{color:#a94300;text-decoration:underline;text-underline-offset:3px}
.contact-form-actions{display:flex;flex-wrap:wrap;gap:12px}
.contact-form-actions .btn{cursor:pointer}
.contact-next .cards{margin-top:35px}
.contact-next .card h3{color:#252b25}
@media(max-width:960px){.contact-layout{grid-template-columns:1fr;gap:34px}.contact-details>p:not(.eyebrow){max-width:650px}.contact-hero:after{background:linear-gradient(90deg,rgba(4,12,20,.97),rgba(4,12,20,.67)),linear-gradient(0deg,#111b17,transparent 48%)}}
@media(max-width:720px){.contact-hero{min-height:0}.contact-hero-grid{padding-block:68px}.contact-hero .display{font-size:clamp(2.5rem,10vw,4rem)}.contact-hero:after{background:linear-gradient(90deg,rgba(4,12,20,.96),rgba(4,12,20,.79)),linear-gradient(0deg,#111b17,transparent 48%)}.contact-form{padding:24px 20px}.contact-form-actions{display:grid}.contact-form-actions .btn{width:100%}}
.inquiry-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.file-upload{display:grid;gap:7px;margin:0 0 20px}.file-upload input{padding:10px;background:#fbfaf5}.file-upload small{color:#637487;font-size:.875rem;font-weight:400}.inbox-attachments{margin:8px 0 18px;padding-left:20px}.inbox-attachments a{color:#806b43;text-decoration:underline}