*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f2;color:#192a31;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}header,main,footer{max-width:1160px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7ddd9}.brand{text-decoration:none;font-weight:800;font-size:24px;letter-spacing:1px}.brand span{color:#b74c2f}nav{display:flex;gap:26px}nav a{text-decoration:none;font-size:14px}.hero{padding:78px 0 70px;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2.5px;color:#9b422b;font-weight:bold}h1{font-size:clamp(38px,5.5vw,66px);line-height:1.06;letter-spacing:-2px;margin:22px 0}h2{font-size:34px;line-height:1.2;letter-spacing:-1px}h3{font-size:22px;line-height:1.3}.intro{font-size:19px;max-width:570px;color:#506068}.btn{display:inline-block;background:#b74c2f;color:white;text-decoration:none;padding:14px 22px;margin:22px 12px 0 0;border-radius:3px;font-weight:bold}.secondary{background:transparent;color:#192a31;border:1px solid #a4afad}.art{height:360px;background:#20363e;position:relative;overflow:hidden;border-radius:3px}.art:before{content:'';position:absolute;inset:36px;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff0e 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff0e 40px)}.beam{position:absolute;width:240px;height:64px;background:#73898b;transform:rotate(-35deg);top:110px;left:60px;border-top:10px solid #a3b3b2;border-bottom:10px solid #445d64;box-shadow:0 22px 40px #0005}.beam.two{transform:rotate(55deg);left:90px;top:145px;background:#b74c2f;border-color:#dd886b #dd886b #883823}.art p{position:absolute;bottom:20px;left:28px;color:#c4d1d0;font-size:11px;letter-spacing:3px}.section{padding:54px 0;border-top:1px solid #d7ddd9}.services{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.service{padding:22px 0;border-bottom:1px solid #d7ddd9}.num{color:#b74c2f;font-size:12px;letter-spacing:2px}.service p{color:#506068}.clients{display:flex;flex-wrap:wrap;gap:24px 48px;font-size:25px;font-weight:bold;padding:20px 0}.contact{background:#20363e;color:#fff;padding:36px;border-radius:3px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact h2{margin-top:0}.contact a{display:block;color:white;text-underline-offset:5px;overflow-wrap:anywhere}.contact p{color:#c4d1d0}footer{display:flex;justify-content:space-between;font-size:12px;color:#506068;padding-bottom:35px}footer a{margin-left:18px}.legal{max-width:800px;padding-top:40px;padding-bottom:70px}.legal h1{font-size:42px}.legal h2{font-size:23px;margin-top:35px}@media(max-width:700px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start}nav{gap:12px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:40px;gap:25px}.art{height:240px}.beam{top:70px}.beam.two{top:100px}.services,.contact{grid-template-columns:1fr}h1{letter-spacing:-1px}.clients{gap:18px 28px;font-size:21px}footer{display:block}footer a{margin:0 18px 0 0}.contact{padding:26px}}
.clients a{text-decoration:none;text-underline-offset:6px}.clients a:hover,.clients a:focus-visible{text-decoration:underline;color:#9b422b}

.brand{display:block;line-height:0;max-width:65%}.brand img{display:block;width:300px;max-width:100%;height:auto}a:focus-visible{outline:3px solid #b74c2f;outline-offset:5px}@media(max-width:700px){.brand img{width:220px}header{gap:18px;align-items:center}nav{flex-wrap:wrap}}

.logo-art{display:flex;align-items:center;justify-content:center;padding:28px}.logo-plaque{position:relative;width:100%;background:#fff;padding:24px 18px;border-radius:3px;box-shadow:0 14px 35px #0003}.logo-plaque img{display:block;width:100%;height:auto}.logo-art p{bottom:14px}@media(max-width:700px){.logo-art{padding:24px}.logo-plaque{padding:20px 14px}}

.brand{line-height:1.2;max-width:none}.logo-art{background:linear-gradient(0deg,rgba(15,31,39,.45),rgba(15,31,39,.08)),url("metall-hintergrund.png") center/cover no-repeat;height:380px}.logo-art:before{display:none}.logo-plaque{background:rgba(255,255,255,.91);box-shadow:0 10px 35px #0004;padding:22px 16px}.logo-art p{color:white;text-shadow:0 2px 5px #000}@media(max-width:700px){.logo-art{height:300px}}