*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff}a{text-decoration:none;color:inherit}.hero{min-height:520px;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.9) 29%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.05) 100%),url('../images/hero.jpg') center right/cover no-repeat;position:relative}.nav{height:76px;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid rgba(0,129,255,.25)}.logo{max-height:62px;object-fit:contain}.menu{display:flex;gap:48px;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:.5px}.menu a{padding:28px 0;color:#fff}.menu a.active,.menu a:hover{color:#1687e8;border-bottom:2px solid #1687e8}.hero-content{padding:60px 7%;max-width:650px}.hero h1{font-size:42px;line-height:1.15;text-transform:uppercase;font-weight:900}.hero h1 span,.projekte span,.partner h3{color:#1687e8}.subtitle{font-size:18px;margin:14px 0 22px;border-bottom:2px solid #1687e8;display:inline-block;padding-bottom:12px}.checks{list-style:none;margin:12px 0 28px}.checks li{margin:11px 0;font-size:17px}.checks li:before{content:'✓';color:#1687e8;border:1px solid #1687e8;border-radius:50%;padding:0 4px;margin-right:12px}.btn{display:inline-block;background:#1687e8;color:#fff;padding:15px 32px;text-transform:uppercase;font-size:14px;font-weight:900;border-radius:2px}.btn:hover{background:#0f6fc1}.btn.small{padding:13px 28px;font-size:13px;margin-top:18px}.leistungen{background:#fff;color:#111;text-align:center;padding:18px 7% 35px}.leistungen h2,.projekte h2{text-transform:uppercase;font-size:22px;margin-bottom:8px}.line{width:45px;height:3px;background:#1687e8;margin:0 auto 18px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1350px;margin:auto}.service{border:1px solid #ddd;padding:22px 8px;background:#fff;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.icon{font-size:42px;color:#1687e8;font-weight:bold;margin-bottom:8px}.service h3{text-transform:uppercase;font-size:13px;line-height:1.2}.projekte{background:#071015;color:#fff;text-align:center;padding:16px 7% 36px}.project-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin:15px auto 0;max-width:1400px}.project-grid img{width:100%;height:auto;display:block}.project-grid figcaption{text-transform:uppercase;font-weight:800;font-size:12px;margin-top:8px}.kontakt{display:grid;grid-template-columns:1.2fr 1.2fr 1.1fr 1.3fr;align-items:center;background:#050b0e;border-top:1px solid #1687e8;border-bottom:1px solid #111;min-height:170px}.fiber{height:170px;background:url('../images/fiber.jpg') center/cover no-repeat}.contact-box{padding:20px 30px}.contact-box h2{text-transform:uppercase;margin-bottom:14px}.contact-box p{margin:10px 0}.footer-logo{text-align:center}.footer-logo img{max-width:230px}.partner{padding:20px}.partner h3{text-transform:uppercase;line-height:1.3}.partner h3 span{color:#fff}.partner p{margin-top:15px;line-height:1.45}footer{text-align:center;background:#000;color:#ddd;padding:13px;font-size:14px}@media(max-width:900px){.nav{height:auto;flex-direction:column;gap:10px;padding:14px}.menu{gap:16px;flex-wrap:wrap;justify-content:center;font-size:12px}.hero{background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.75)),url('../images/hero.jpg') center/cover no-repeat}.hero h1{font-size:30px}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.kontakt{grid-template-columns:1fr;text-align:center}.fiber{display:none}}@media(max-width:520px){.service-grid,.project-grid{grid-template-columns:1fr}.hero-content{padding:35px 6%}.hero h1{font-size:26px}}@media (max-width:900px){
  .project-grid img{
    width:100%;
    height:auto !important;
    object-fit:contain !important;
    background:#050b0f;
  }
}
@media (max-width:900px){
  .hero{
    background-position:70% center !important;
    background-size:cover !important;
  }
}