:root{--navy:#0b2442;--navy2:#12395f;--orange:#ff7200;--ink:#13253e;--muted:#66778b;--line:#e3e9ef;--soft:#f5f8fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav-wrap{height:80px;display:flex;align-items:center;gap:28px}.brand img{width:175px}.nav{display:flex;gap:25px;margin-left:auto}.nav a{text-decoration:none;font-size:14px;font-weight:700;color:var(--ink)}.nav a:hover{color:var(--orange)}.menu-toggle{display:none;margin-left:auto;border:0;background:none;font-size:25px}.header-phone{display:flex;flex-direction:column;line-height:1.15;text-decoration:none;color:var(--ink);padding-left:8px}.header-phone .phone-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.header-phone strong{font-size:14px;white-space:nowrap}.header-phone:hover strong{color:var(--orange)}.btn{display:inline-block;padding:14px 20px;border-radius:7px;background:var(--orange);color:#fff;text-decoration:none;font-weight:700}.btn-secondary{background:#fff;color:var(--ink);border:1px solid #bcc7d2}.hero{background:linear-gradient(105deg,#f9fbfd,#fff)}.hero-grid{display:grid;grid-template-columns:48% 52%;min-height:590px}.hero-copy{padding:68px 20px 48px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--orange);font-weight:800;margin-bottom:10px}.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.03;letter-spacing:-.045em;margin:0 0 20px;max-width:700px}.lead{font-size:20px;color:#4f6175;max-width:680px}.actions{display:flex;gap:12px;margin:25px 0}.chips{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-top:12px}.chips span:before{content:'✓';color:var(--orange);margin-right:7px}.software-block{margin-top:28px}.software-block>small{display:block;font-weight:800;letter-spacing:.12em;font-size:11px;margin-bottom:10px}.software-logos{display:flex;align-items:center;gap:18px}.software-logos a,.software-logo-static{display:block;width:190px;max-width:42%}.software-logos img{width:100%;height:auto;border-radius:8px}.software-divider{width:1px;height:48px;background:#cfd8e1}.hero-media{min-height:590px;overflow:hidden}.hero-media img{height:100%;width:100%;object-fit:cover}.section{padding:78px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:34px}.section-head h2,.projects h2,.about h2,.contact h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.035em;margin:0}.section-head p{color:var(--muted);margin:0}.reference-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.reference-grid a{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:.2s}.reference-grid a:hover{transform:translateY(-3px);border-color:var(--orange)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{border:1px solid var(--line);border-radius:14px;padding:23px;min-height:205px}.service-icon{font-size:27px;color:var(--orange)}.service-card h3{font-size:18px;margin:13px 0 8px}.service-card p{font-size:14px;color:var(--muted);margin:0}.projects{padding:72px 0;background:var(--soft)}.project-heading{max-width:770px;margin-bottom:30px}.project-heading p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.project-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.project-card div{padding:20px}.project-card small{color:var(--orange);font-weight:800;text-transform:uppercase}.project-card h3{margin:6px 0}.project-card p{margin:0;color:var(--muted);font-size:14px}.other-grid{display:grid;grid-template-columns:.75fr 1.15fr 1.15fr;gap:18px}.other-intro h2{font-size:34px;margin:0}.other-intro h2 span{color:var(--orange)}.offer-card{display:grid;grid-template-columns:43% 57%;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink)}.offer-card img{width:100%;height:100%;object-fit:cover}.offer-card div{padding:18px}.offer-card h3{margin:0 0 8px}.offer-card p{font-size:14px;color:var(--muted)}.offer-card strong{color:var(--orange);font-size:14px}.about{background:var(--navy);color:#fff;padding:78px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about p{color:#c7d3df}.about-panel{min-height:330px;padding:35px;border-radius:18px;background:linear-gradient(135deg,var(--navy2),#071a2e);display:flex;flex-direction:column;justify-content:flex-end}.about-panel span{color:#ff9b46;font-size:12px;letter-spacing:.12em;font-weight:800}.about-panel strong{font-size:31px;line-height:1.15;margin-top:10px}.contact{padding:76px 0;background:linear-gradient(135deg,#ff7200,#f16400);color:#fff}.light{color:#ffe0c5}.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:30px}.contact-top>div:first-child>p{max-width:620px}.contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:12px}.direct-item{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:18px;color:#fff;text-decoration:none;display:flex;flex-direction:column}.direct-item span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.direct-item strong{font-size:20px;margin:4px 0}.direct-item small{font-weight:700}.contact-content{display:grid;grid-template-columns:1.45fr .55fr;gap:20px;align-items:stretch}.contact-form{background:#fff;color:var(--ink);border-radius:16px;padding:28px;box-shadow:0 16px 44px rgba(63,31,0,.12)}.form-head h3{font-size:27px;margin:0 0 5px}.form-head p{color:var(--muted);margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;margin-bottom:15px}.contact-form label>span{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #ccd6df;border-radius:8px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(255,114,0,.18);border-color:var(--orange)}.privacy-check{display:grid!important;grid-template-columns:auto 1fr;gap:10px;align-items:start}.privacy-check input{width:auto;margin-top:4px}.privacy-check span{font-weight:400!important;color:#566679}.privacy-check a{color:var(--navy)}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submit-btn{border:0;cursor:pointer;font-size:15px}.form-note{font-size:11px;color:#8190a0;margin:9px 0 0}.contact-card{background:var(--navy);border-radius:16px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}.contact-card h3{font-size:25px;margin:0 0 6px}.contact-card a:not(.btn){color:#fff;text-decoration:none}.contact-phone{font-size:26px!important;font-weight:800;line-height:1.1}.contact-separator{width:100%;height:1px;background:rgba(255,255,255,.16);margin:7px 0}.contact-hint{color:#c6d3de;font-size:14px}.contact-card .btn{margin-top:auto}footer{background:#061629;color:#c4ced8;padding:27px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px;font-size:13px}.footer-grid div{display:flex;gap:14px;align-items:center}.footer-grid a{color:#c4ced8;text-decoration:none}@media(max-width:1000px){.nav{display:none}.header-phone{display:none}.nav.open{display:flex;position:absolute;top:80px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.menu-toggle{display:block}.header-btn{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-right:0}.hero-media{min-height:420px}.service-grid{grid-template-columns:repeat(2,1fr)}.reference-grid{grid-template-columns:repeat(3,1fr)}.other-grid{grid-template-columns:1fr}.offer-card{grid-template-columns:35% 65%}}@media(max-width:650px){.wrap{width:min(100% - 28px,1180px)}.brand img{width:150px}.hero-copy{padding:50px 0}.hero h1{font-size:42px}.actions{align-items:flex-start;flex-direction:column}.software-logos{gap:10px}.software-logos a,.software-logo-static{width:175px;max-width:46%}.section,.projects,.about,.contact{padding:55px 0}.section-head,.about-grid,.contact-top,.contact-content{grid-template-columns:1fr}.service-grid,.reference-grid,.project-grid{grid-template-columns:1fr}.offer-card{grid-template-columns:1fr}.offer-card img{max-height:230px}.footer-grid{grid-template-columns:1fr}.footer-grid div{flex-wrap:wrap}}

@media(max-width:650px){
  .contact-direct,.form-grid{grid-template-columns:1fr}
  .direct-item strong{font-size:18px}
  .contact-form,.contact-card{padding:22px}
  .contact-phone{font-size:23px!important}
}

/* Ruhige CAD-Software-Darstellung ohne Logos */

.software-text{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}
.software-text small{font-size:11px;font-weight:800;letter-spacing:.12em;color:#657587}
.software-text span{font-size:14px;font-weight:700;color:#13253e;padding-left:18px;border-left:1px solid #cfd8e1}
@media(max-width:650px){
  .software-text{align-items:flex-start;gap:9px 15px}
  .software-text small{width:100%}
  .software-text span:first-of-type{padding-left:0;border-left:0}
}



/* CAD-Software – exakt wie Version 1 */
.software{display:flex;gap:20px;align-items:center;margin-top:27px}
.software small{font-weight:800;letter-spacing:.12em}
.software b{padding-left:18px;border-left:1px solid #cfd8e1}
@media(max-width:650px){
  .software{align-items:flex-start;flex-direction:column}
  .software b{border-left:0;padding-left:0}
}