*{box-sizing:border-box}html{scroll-behavior:smooth;background:#06120d}body{margin:0;background:#06120d;font-family:Arial,Helvetica,sans-serif}.page{width:100%;overflow:hidden}.slice{position:relative;width:100%;line-height:0;background:#fff}.slice>img{display:block;width:100%;height:auto;margin:0;padding:0}.hotspot{position:absolute;display:block;z-index:5}
/* Hotspots use percentages so they remain aligned with the exact artwork. */
.nav-leistungen{left:26.5%;top:2.1%;width:7%;height:5.5%}.nav-ablauf{left:34%;top:2.1%;width:5%;height:5.5%}.nav-ueber{left:39%;top:2.1%;width:6%;height:5.5%}.nav-bewertungen{left:44.5%;top:2.1%;width:8%;height:5.5%}.nav-service{left:52.5%;top:2.1%;width:8%;height:5.5%}.nav-kontakt{left:60.5%;top:2.1%;width:5%;height:5.5%}.top-cta{left:68.7%;top:1.3%;width:14.5%;height:6.8%}.phone{left:84.2%;top:1%;width:14.5%;height:7%}.hero-cta{left:3.2%;top:43%;width:20%;height:9%}.hero-phone{left:23.5%;top:43%;width:16%;height:9%}
.all-services{left:81%;top:21%;width:15%;height:11%}.card1{left:3.2%;top:39%;width:31%;height:54%}.card2{left:35.1%;top:39%;width:30%;height:54%}.card3{left:65.8%;top:39%;width:31%;height:54%}
.contact{background:radial-gradient(circle at 85% 25%,#214b2c 0,transparent 30%),linear-gradient(110deg,#06150e,#0e2c1a);color:#fff;padding:70px 5vw 85px}.contact-inner{max-width:1180px;margin:auto}.kicker{color:#9dce8e;font-size:11px;letter-spacing:.24em;font-weight:800}.contact h2{font-size:clamp(40px,5vw,64px);line-height:1;margin:10px 0 18px;letter-spacing:-.04em}.contact h2 span{color:#8dbd7e}.contact p:not(.kicker){max-width:650px;color:#d1dbd4;font-size:16px;line-height:1.6}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.contact-actions a{padding:14px 20px;border-radius:9px;text-decoration:none;font-weight:800;background:#32813f;color:#fff}.contact-actions a+ a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2)}
/* Mobile: preserve the exact artwork rather than rebuilding/reflowing it. The image is scaled as one composition. */
@media(max-width:700px){.slice{min-width:100%}.slice>img{width:100%;height:auto}.contact{padding:52px 20px 65px}.contact-actions{flex-direction:column}.contact-actions a{text-align:center}}