:root{--navy:#071b42;--navy2:#0b2b61;--gold:#f4bd27;--ink:#12213a;--paper:#f5f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
header{background:linear-gradient(110deg,#061735,#0b2d66);color:#fff;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:5}
.nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 22px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}.brand img{width:112px;height:92px;object-fit:contain;background:#06266a;border-radius:8px}.brand strong{font-size:clamp(22px,3vw,36px);letter-spacing:1px;color:var(--gold)}
nav{display:flex;flex-wrap:wrap;gap:20px}nav a{color:#fff;text-decoration:none;font-weight:700}nav a:hover{color:var(--gold)}
.hero{min-height:430px;background:linear-gradient(90deg,rgba(4,19,46,.92),rgba(4,19,46,.12)),url('assets/hero-baustelle.jpg') center/cover;display:flex;align-items:center;color:#fff}
.hero-inner{max-width:1200px;width:100%;margin:auto;padding:65px 24px}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(38px,6vw,68px);margin:12px 0}.hero p{font-size:clamp(18px,2vw,24px);max-width:600px;line-height:1.5}.btn{display:inline-block;border:0;border-radius:30px;padding:15px 24px;background:linear-gradient(110deg,#ffdc55,#e9a900);color:#071b42;font-weight:800;text-decoration:none;cursor:pointer}
section{max-width:1200px;margin:0 auto;padding:48px 22px}.section-title{font-size:clamp(28px,4vw,40px);color:var(--navy);margin:0 0 24px}.section-title:after{content:"";display:inline-block;width:58px;height:4px;background:var(--gold);margin:0 0 9px 14px;border-radius:5px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #081b4214;border:1px solid #e4e9f1}.card img{width:100%;height:190px;object-fit:cover;display:block}.card-body{padding:18px}.card h3{margin:0 0 8px;color:var(--navy)}.card p{line-height:1.55;margin:0}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.split img{width:100%;height:340px;object-fit:cover;border-radius:18px;border:4px solid var(--gold)}.checks{line-height:2;font-size:18px}.checks li::marker{color:#d9a400}
.projects{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.projects img{width:100%;height:145px;object-fit:cover;border-radius:12px;border:2px solid #fff;box-shadow:0 4px 16px #071b4218}
.contact-panel{background:var(--navy);color:#fff;border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.contact-panel h2{margin-top:0;color:var(--gold)}.contact-actions{display:grid;gap:12px}.action{display:block;text-align:center;text-decoration:none;padding:15px;border-radius:10px;background:#fff;color:var(--navy);font-weight:800}.action.gold{background:var(--gold)}
footer{background:#061735;color:#fff;padding:30px 22px;margin-top:40px}footer .foot{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#fff}
.modal{display:none;position:fixed;inset:0;background:#0009;z-index:20;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-box{background:#fff;border-radius:18px;max-width:560px;width:100%;padding:26px;max-height:90vh;overflow:auto}.modal-box h2{color:var(--navy);margin-top:0}.close{float:right;border:0;background:none;font-size:28px;cursor:pointer}
form label{display:block;font-weight:700;margin:12px 0 5px}form input,form select,form textarea{width:100%;padding:12px;border:1px solid #cbd3df;border-radius:8px;font:inherit}form textarea{min-height:110px}
@media(max-width:760px){.nav{align-items:flex-start}.brand img{width:82px;height:72px}nav{gap:10px 14px;justify-content:flex-end;font-size:14px}.grid{grid-template-columns:1fr 1fr}.split,.contact-panel{grid-template-columns:1fr}.projects{grid-template-columns:repeat(2,1fr)}.hero{min-height:380px}.card img{height:145px}}
@media(max-width:440px){.grid{grid-template-columns:1fr}.brand strong{display:none}nav{font-size:13px}}