:root{--ink:#132a31;--blue:#0098d7;--cream:#f4f1eb;--dark:#252525;--muted:#607078}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}.wrap{width:min(1140px,calc(100% - 44px));margin:auto}header{background:#fff;border-bottom:3px solid #2b2b2b;position:relative;z-index:4}.nav{height:116px;display:flex;align-items:center;gap:26px}.brand{width:300px;height:90px;overflow:hidden}.nav img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.nav nav{margin-left:auto;display:flex;gap:22px;text-transform:uppercase;font-size:.78rem;font-weight:700;color:#606060}.nav nav a:hover,.phone{color:var(--blue)}.phone{font-weight:bold;white-space:nowrap}.hero{height:590px;color:#fff;position:relative;isolation:isolate;overflow:hidden}.hero-slides,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-slides span{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;animation:slideShow 18s infinite}.hero-slides span:nth-child(1){background-image:url('/assets/slide-leistungen.jpg')}.hero-slides span:nth-child(2){background-image:url('/assets/slide-drehen.jpg');animation-delay:6s}.hero-slides span:nth-child(3){background-image:url('/assets/slide-laser.jpg');animation-delay:12s}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,23,27,.88),rgba(12,23,27,.38) 55%,rgba(12,23,27,.15))}.hero-content{padding-top:120px}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:.75rem;font-weight:bold;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow{color:#71cbed}.hero h1{max-width:750px;margin:0 0 21px;font-size:clamp(3rem,6vw,5.5rem);line-height:1.04;letter-spacing:-.045em}.hero p:not(.eyebrow){max-width:620px;font-size:1.15rem}.button{display:inline-block;margin-top:18px;padding:15px 22px;background:var(--blue);color:#fff;font-weight:bold;text-decoration:none}.hero-dots{display:flex;gap:8px;margin-top:64px}.hero-dots i{height:7px;width:34px;background:#fff8;animation:dot 18s infinite}.hero-dots i:nth-child(2){animation-delay:6s}.hero-dots i:nth-child(3){animation-delay:12s}@keyframes slideShow{0%,27%{opacity:1;transform:scale(1)}33%,100%{opacity:0;transform:scale(1.04)}}@keyframes dot{0%,27%{background:var(--blue)}33%,100%{background:#fff8}}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}.two{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:110px 0}.two h2,.light h2,.news h2{font-size:clamp(2.2rem,4vw,4rem);margin:10px 0}.light{background:var(--cream);padding:100px 0}.cards,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.cards article,.news-grid article{background:#fff;padding:0 26px 24px}.cards img{width:calc(100% + 52px);height:220px;object-fit:cover;margin-left:-26px}.cards h3{font-size:1.7rem}.dark{background:var(--dark);color:#fff}.dark .eyebrow{color:#70cbea}.dark p,.dark li{color:#d0d7d8}.dark ul{padding-left:18px}.news{padding:100px 0}.news-grid article{border-top:3px solid var(--blue);padding-top:20px}time{font-size:.78rem;color:var(--blue);font-weight:bold}.contact{background:var(--blue);color:#fff}.contact .eyebrow{color:#dff6ff}.contact a{display:block;color:#fff;font-size:1.25rem;font-weight:bold;margin-bottom:10px}footer{background:#202020;color:#d5d5d5;padding:28px 0;font-size:.85rem}footer a{color:#fff}.install{width:min(620px,calc(100% - 42px));margin:80px auto}.install label{display:block;font-weight:bold;margin:16px 0}.install input,.install textarea{width:100%;padding:12px;border:1px solid #b9c4c6;margin-top:5px;font:inherit}.install textarea{min-height:110px}.install button{background:var(--blue);border:0;color:#fff;padding:13px 18px;font-weight:bold;cursor:pointer}.error{color:#a32615}@media(max-width:850px){.nav{height:90px}.brand{width:205px;height:70px}.nav nav{display:none}.phone{margin-left:auto;font-size:.78rem}.hero{height:560px}.hero-content{padding-top:98px}.two,.cards,.news-grid{grid-template-columns:1fr;gap:28px}.two{padding:72px 0}.light,.news{padding:72px 0}}@media(max-width:500px){.wrap{width:min(100% - 30px,1140px)}.brand{width:155px;height:58px}.phone{font-size:.66rem}.hero h1{font-size:3rem}.hero{height:590px}.hero-dots{margin-top:38px}}
