:root{--teal:#087e7b;--dark:#102b32;--aqua:#dff5f2;--muted:#61757a;--line:#d7e4e3}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,sans-serif;color:var(--dark)}a{color:inherit}.demo{height:36px;padding:0 5vw;background:#09252b;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:.76rem}.demo a{color:#fff}.top{height:78px;padding:0 5vw;display:flex;align-items:center;gap:32px;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 4px 20px #06353a10}.logo{text-decoration:none;font-weight:900;font-size:1.25rem;color:var(--dark)}.logo i{color:var(--teal);font-style:normal}.top nav{display:flex;gap:23px;margin-left:auto}.top nav a{text-decoration:none;font-weight:650}.top .cta,.btn{background:var(--teal);color:#fff;padding:.75rem 1rem;border-radius:8px;text-decoration:none;font-weight:800}.menu{display:none}.hero{min-height:620px;background:linear-gradient(90deg,rgba(8,46,53,.92),rgba(8,46,53,.08)),url('../assets/gebaeudeservice-hero.jpg') center/cover;display:flex;align-items:center;padding:7vw;color:#fff}.hero>div{max-width:670px}.hero h1,.pagehead h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:1;margin:.6rem 0}.hero p{font-size:1.2rem}.eyebrow{color:#46d5c8;font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.actions{display:flex;gap:12px;margin-top:25px}.actions a{padding:.85rem 1.15rem;border-radius:8px;background:#fff;color:var(--dark);text-decoration:none;font-weight:800}.actions .outline{background:transparent;border:1px solid #fff;color:#fff}.section{padding:80px max(5vw,calc((100vw - 1160px)/2))}.section.tone{background:#f0f8f7}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;max-width:780px}.lead{font-size:1.1rem;color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.card b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--aqua);color:var(--teal)}.strip{padding:35px 5vw;background:var(--teal);color:#fff;display:flex;justify-content:center;align-items:center;gap:50px;text-align:center}.strip strong{font-size:1.4rem}.pagehead{padding:90px max(5vw,calc((100vw - 1160px)/2));background:var(--dark);color:#fff}.pagehead p{max-width:720px}.content{max-width:1160px;margin:auto;padding:70px 24px}.content .two{display:grid;grid-template-columns:1fr 1fr;gap:45px}.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.area{padding:22px;background:var(--aqua);border-radius:10px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact form{display:grid;gap:14px}.contact label{display:grid;font-weight:700}.contact input,.contact select,.contact textarea{padding:.8rem;border:1px solid #9eb4b5;border-radius:7px;font:inherit}.contact textarea{min-height:120px}.contact button{border:0;cursor:pointer}footer{padding:55px 5vw;background:#09252b;color:#c8dcdf;display:flex;justify-content:space-between;gap:30px}footer a{color:#fff}@media(max-width:800px){.top nav,.top>.cta{display:none}.menu{display:block;margin-left:auto;border:0;background:none;font-size:1.5rem}.top nav.open{display:grid;position:absolute;top:78px;left:0;right:0;background:#fff;padding:25px}.hero{min-height:560px;padding:55px 22px}.grid,.content .two,.areas,.contact{grid-template-columns:1fr}.section{padding:60px 22px}.strip,footer{flex-direction:column;gap:15px;align-items:flex-start}.demo span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}