:root{--bg:#000;--fg:#fff;--accent:#f5f5f5;--max:1536px;--ratio:1536/1024;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;scrollbar-gutter:stable}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a{color:inherit}
.desktop-page{position:relative;width:min(100vw,var(--max));aspect-ratio:var(--ratio);margin:0 auto;background:#000;overflow:hidden}
.page-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;border:0;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;z-index:20;display:block;background:transparent;border:0;border-radius:2px;color:transparent;text-decoration:none;cursor:pointer;padding:0;margin:0;-webkit-tap-highlight-color:rgba(255,255,255,.22);touch-action:manipulation}
.hotspot:focus-visible,.contact-form input:focus-visible,.contact-form textarea:focus-visible,.mobile-menu a:focus-visible,.mobile-card a:focus-visible,.mobile-card button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.logo{left:2.00%;top:1.45%;width:25.60%;height:10.70%}
.nav-start{left:39.35%;top:3.25%;width:9.60%;height:5.20%}
.nav-leistungen{left:50.95%;top:3.25%;width:9.75%;height:5.20%}
.nav-ueber{left:62.05%;top:3.25%;width:8.95%;height:5.20%}
.nav-projekte{left:72.95%;top:3.25%;width:8.55%;height:5.20%}
.nav-kontakt{left:83.05%;top:3.25%;width:7.70%;height:5.20%}
.nav-impressum{left:91.20%;top:3.25%;width:8.45%;height:5.20%}
.home-mail{left:2.85%;top:56.95%;width:19.10%;height:6.25%}
.home-services{left:23.00%;top:56.95%;width:17.50%;height:6.25%}
.services-phone{left:68.80%;top:14.65%;width:17.80%;height:3.85%}
.services-email{left:68.80%;top:19.40%;width:25.00%;height:3.85%}
.project-request{left:2.90%;top:56.85%;width:19.05%;height:6.35%}
.project-services{left:23.15%;top:56.85%;width:17.45%;height:6.35%}
.contact-phone-left{left:6.10%;top:56.25%;width:19.60%;height:4.60%}
.contact-email-left{left:6.10%;top:61.90%;width:29.00%;height:4.60%}
.impressum-phone-left{left:6.95%;top:66.35%;width:18.10%;height:4.10%}
.impressum-email-left{left:6.95%;top:71.85%;width:27.20%;height:4.10%}
.impressum-phone-right{left:53.85%;top:43.00%;width:18.00%;height:3.65%}
.impressum-email-right{left:53.85%;top:46.75%;width:26.60%;height:3.65%}
.contact-form{position:absolute;inset:0;width:100%;height:100%;z-index:10;pointer-events:none}
.contact-form input,.contact-form textarea{position:absolute;z-index:55;pointer-events:auto;background:transparent;border:0;color:#fff;font-family:var(--font);font-size:clamp(10px,1.05vw,18px);line-height:1.2;padding:0 1.25%;border-radius:0;appearance:none;-webkit-appearance:none}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:transparent}
.contact-form .name{left:46.95%;top:21.45%;width:23.10%;height:5.95%}
.contact-form .email{left:71.05%;top:21.45%;width:23.00%;height:5.95%}
.contact-form .phone{left:46.95%;top:29.00%;width:47.10%;height:5.95%}
.contact-form .subject{left:46.95%;top:36.55%;width:47.10%;height:5.95%}
.contact-form .message{left:46.95%;top:44.10%;width:47.10%;height:17.55%;resize:none;padding-top:1.05%}
.contact-form .send{left:46.95%;top:63.10%;width:47.10%;height:6.85%;z-index:70;pointer-events:auto;cursor:pointer}
.whatsapp{left:46.95%;top:71.65%;width:47.10%;height:6.85%;z-index:75;pointer-events:auto;cursor:pointer}
.mobile-menu,.mobile-card{display:none}
.mobile-menu{position:sticky;top:0;z-index:100;background:#050505;border-bottom:1px solid rgba(255,255,255,.12);padding:12px 14px}
.mobile-brand{font-weight:800;letter-spacing:.04em;font-size:clamp(18px,5vw,28px);margin-bottom:10px}
.mobile-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mobile-links a{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid rgba(255,255,255,.22);border-radius:999px;text-decoration:none;font-size:13px;background:rgba(255,255,255,.04);text-align:center}
.mobile-card{padding:22px 16px 34px;background:#000}
.mobile-card .inner{max-width:640px;margin:0 auto;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.mobile-card h1,.mobile-card h2{margin:0 0 10px;font-size:clamp(24px,7vw,42px);letter-spacing:.02em;line-height:1.05;text-transform:uppercase}
.mobile-card p{margin:0 0 14px;color:#e7e7e7;line-height:1.5}
.mobile-actions{display:grid;gap:10px;margin-top:16px}
.mobile-btn,.mobile-card button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:999px;border:1px solid #fff;background:#fff;color:#000;text-decoration:none;font-weight:700;font-family:var(--font);font-size:15px;cursor:pointer}
.mobile-btn.secondary{background:transparent;color:#fff}
.mobile-form{display:grid;gap:10px;margin-top:14px}
.mobile-form input,.mobile-form textarea{width:100%;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#0b0b0b;color:#fff;min-height:48px;padding:13px 14px;font-family:var(--font);font-size:16px}
.mobile-form textarea{min-height:140px;resize:vertical}
.mobile-form input::placeholder,.mobile-form textarea::placeholder{color:#aaa}
@media (max-width:760px){
  .mobile-menu{display:block}
  .desktop-page{width:100vw;aspect-ratio:var(--ratio);margin:0}
  .logo,.nav-start,.nav-leistungen,.nav-ueber,.nav-projekte,.nav-kontakt,.nav-impressum{display:none}
  .contact-form{display:none}
  .mobile-card{display:block}
  .hotspot{min-height:36px}
  .home-mail,.home-services,.project-request,.project-services,.services-phone,.services-email,.contact-phone-left,.contact-email-left,.impressum-phone-left,.impressum-email-left,.impressum-phone-right,.impressum-email-right,.whatsapp{display:none}
}
@media (min-width:761px){.desktop-page{min-height:0}.hotspot{min-height:18px}.contact-form .send,.whatsapp{min-height:28px}}
@media (min-width:1537px){.desktop-page{width:1536px}}
@media print{.mobile-menu,.mobile-card,.hotspot,.contact-form{display:none}.desktop-page{width:100%;max-width:100%;aspect-ratio:var(--ratio)}}