:root{--bg:#001525;--panel:#021d30;--red:#ff1834;--text:#f7f9fb;--muted:#a9bac7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#00111e;color:var(--text);font-family:Arial,Helvetica,sans-serif}.top{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:34px;padding:0 4vw;background:rgba(0,17,30,.94);backdrop-filter:blur(12px);border-bottom:1px solid #17405b}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;line-height:.9}.brand .bolt{font-size:54px;color:var(--red);font-weight:900;margin-right:8px}.brand b{display:block;font-size:27px}.brand small{display:block;font-size:14px;font-weight:400;margin-top:5px}.top nav{display:flex;gap:28px;margin-left:auto}.top nav a,.contact-actions>a,footer a{color:#fff;text-decoration:none}.top nav a:hover{color:#ff5a6d}.cta{background:var(--red);padding:13px 20px;border-radius:7px;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 0 0 rgba(255,24,52,0);transition:.25s}.cta:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(255,24,52,.35)}.visual{position:relative;width:100%;overflow:hidden;background:#00111e}.visual>img{width:100%;height:auto;display:block}.hero{max-height:none;overflow:visible}.hero>img{width:100%;height:auto;display:block;object-fit:contain;object-position:center top}.hot{position:absolute;display:block;border-radius:18px;z-index:4}.hot{background:rgba(25,174,255,.015);box-shadow:0 0 0 rgba(31,183,255,0);animation:softGlow 3.4s ease-in-out infinite}.hot:before,.hot:after{display:none!important;content:none!important}.hot:hover{background:rgba(33,176,255,.09);box-shadow:0 0 30px rgba(31,183,255,.48)}.h-pv{left:60%;top:5%;width:25%;height:9%}.h-light{left:32%;top:25%;width:22%;height:8%}.h-access{left:55%;top:46%;width:18%;height:8%}.h-ev{left:80%;top:43%;width:18%;height:9%}.h-batt{left:4%;top:69%;width:16%;height:10%}.h-elec{left:35%;top:74%;width:20%;height:9%}@keyframes softGlow{0%,100%{box-shadow:0 0 0 rgba(31,183,255,0)}50%{box-shadow:0 0 26px rgba(31,183,255,.34)}}.services{border-top:1px solid #15415e;border-bottom:1px solid #15415e}.cardlinks{position:absolute;left:2.3%;right:2.3%;top:21.2%;bottom:12.8%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:1%}.cardlinks a{border-radius:12px;transition:.22s}.cardlinks a:hover{background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 2px rgba(255,24,52,.7),0 0 24px rgba(255,24,52,.18);transform:translateY(-3px)}.history{background:#001421}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 6vw;background:linear-gradient(110deg,#031d30,#00111e);border-top:1px solid #16445f}.contact h2{font-size:34px;margin:4px 0 8px}.contact p{color:#c3d0d9}.eyebrow{font-size:12px;letter-spacing:.18em;color:#ff4c61!important}.contact-actions{display:flex;align-items:center;gap:24px}.big{padding:16px 24px}footer{display:flex;justify-content:space-between;gap:25px;padding:30px 6vw;background:#000d17;color:#aebdc8;font-size:14px;border-top:1px solid #17384e}footer strong{color:#fff}@media(max-width:900px){.top nav{display:none}.top{height:64px}.top .cta{margin-left:auto;font-size:13px}.brand b{font-size:22px}.brand .bolt{font-size:42px}.hero{max-height:none}.hero>img{height:auto;min-height:0;object-fit:contain}.hot{display:none}.cardlinks{display:none}.contact{display:block}.contact-actions{margin-top:25px;flex-wrap:wrap}footer{display:block;line-height:1.8}.visual>img{min-width:100%;}.history,.services{overflow-x:auto}.history>img{min-width:1050px}.services>img{min-width:900px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hot{animation:none}}

/* V2.2.1: Rechtsseiten */
.legal-page{min-height:100vh;background:radial-gradient(circle at 20% 0,#07304b 0,#001725 38%,#000d17 100%);color:#f7f9fb}.legal-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;min-height:72px;padding:10px 5vw;background:rgba(0,17,30,.96);border-bottom:1px solid #17405b}.legal-top .brand{margin-right:auto}.legal-top nav{display:flex;gap:24px}.legal-top nav a{color:#fff;text-decoration:none}.legal-wrap{width:min(1050px,90vw);margin:0 auto;padding:64px 0 80px}.legal-card{background:rgba(3,29,48,.86);border:1px solid #16445f;border-radius:18px;padding:clamp(24px,4vw,52px);box-shadow:0 24px 80px rgba(0,0,0,.25)}.legal-card h1{font-size:clamp(36px,5vw,58px);margin:0 0 28px}.legal-card h2{margin:34px 0 10px;color:#fff}.legal-card p,.legal-card li{color:#c7d3dc;line-height:1.7}.legal-card a{color:#fff}.legal-kicker{color:#ff4c61;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.legal-footer{display:flex;justify-content:space-between;gap:24px;padding:28px 5vw;background:#000b13;border-top:1px solid #17384e;color:#aebdc8}.legal-footer a{color:#fff;text-decoration:none}@media(max-width:900px){.legal-top nav{display:none}.legal-top{min-height:64px}.legal-wrap{padding:32px 0 50px}.legal-footer{display:block;line-height:1.9}}

/* V2.2.2 – Hero-Hotspots exakt auf die im festen Hero-Bild sichtbaren Buttons gelegt.
   Kein zusaetzliches Rechteck: nur der vorhandene Buttonbereich strahlt weich nach aussen. */
.hot{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  transform:none!important;
  animation:buttonAura 3.2s ease-in-out infinite!important;
  transition:filter .22s ease,box-shadow .22s ease!important;
}
.hot:before,.hot:after{display:none!important;content:none!important}
.hot:hover{
  background:transparent!important;
  transform:none!important;
  box-shadow:0 0 18px 5px rgba(32,184,255,.40),0 0 44px 14px rgba(32,184,255,.20)!important;
}
@keyframes buttonAura{
  0%,100%{box-shadow:0 0 10px 2px rgba(32,184,255,.16),0 0 22px 6px rgba(32,184,255,.08)}
  50%{box-shadow:0 0 22px 6px rgba(32,184,255,.52),0 0 52px 16px rgba(32,184,255,.22)}
}
/* Koordinaten bezogen auf hero-fixed.png (2048 x 1152) */
.h-pv{left:60.05%!important;top:4.35%!important;width:21.55%!important;height:6.25%!important;border-radius:16px!important}
.h-light{left:33.50%!important;top:24.75%!important;width:20.15%!important;height:5.75%!important;border-radius:16px!important}
.h-access{left:56.88%!important;top:41.40%!important;width:15.15%!important;height:5.75%!important;border-radius:16px!important}
.h-ev{left:80.80%!important;top:40.63%!important;width:17.25%!important;height:6.00%!important;border-radius:16px!important}
.h-batt{left:4.65%!important;top:69.27%!important;width:14.60%!important;height:8.00%!important;border-radius:16px!important}
.h-elec{left:36.03%!important;top:72.92%!important;width:16.70%!important;height:6.45%!important;border-radius:16px!important}
@media(prefers-reduced-motion:reduce){.hot{animation:none!important}}

/* V2.3 – Responsive / High-DPI */
html{scroll-padding-top:76px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.hero picture,.hero picture img{display:block;width:100%;height:auto}.mobile-quick{display:none}.services-html{padding:clamp(44px,5vw,78px) 2.4vw 56px;background:radial-gradient(circle at 50% 0,#052a43 0,#001827 38%,#00111e 100%);border-top:1px solid #15415e;border-bottom:1px solid #15415e}.section-head{text-align:center;margin:0 auto 28px}.section-head span{font-size:12px;letter-spacing:.22em;color:#cbd6de}.section-head span:before,.section-head span:after{content:"";display:inline-block;width:38px;height:2px;background:#ff1834;vertical-align:middle;margin:0 14px}.section-head h1{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:12px 0 5px}.section-head p{font-size:clamp(17px,1.55vw,25px);color:#bdc9d2;margin:0}.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1640px;margin:auto}.service-card{display:flex;flex-direction:column;min-width:0;background:#021a2a;border:1px solid #185171;border-radius:9px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);border-color:#ff1834;box-shadow:0 15px 35px rgba(0,0,0,.24)}.service-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.service-card div{padding:14px 14px 18px}.service-card h2{font-size:clamp(16px,1.25vw,21px);margin:0 0 8px;line-height:1.15}.service-card p{font-size:clamp(13px,.9vw,16px);line-height:1.45;color:#c5d0d8;margin:0}.history-wrap{background:#001421;border-bottom:1px solid #15415e}.history-scroll picture,.history-scroll img{display:block;width:100%;height:auto}.mobile-history-hint{display:none}.visual.services{display:none!important}
@media(max-width:1200px){.service-grid{grid-template-columns:repeat(3,1fr)}.service-card h2{font-size:19px}.service-card p{font-size:15px}}
@media(max-width:900px){html{scroll-padding-top:64px}.top{padding:0 16px;gap:10px}.top .cta{padding:10px 12px;font-size:12px;white-space:nowrap}.brand small{font-size:11px}.hero{overflow:hidden}.hero picture img{width:100%;height:auto}.hot{display:none!important}.mobile-quick{display:flex;gap:8px;overflow-x:auto;padding:12px 14px;background:#001725;border-top:1px solid #16445f;border-bottom:1px solid #16445f;scrollbar-width:none}.mobile-quick::-webkit-scrollbar{display:none}.mobile-quick a{flex:0 0 auto;color:#fff;text-decoration:none;border:1px solid #1d5d80;background:#062238;border-radius:999px;padding:10px 14px;font-size:13px}.services-html{padding:36px 14px 42px}.section-head span:before,.section-head span:after{width:22px;margin:0 8px}.section-head h1{font-size:36px}.section-head p{font-size:17px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card div{padding:12px}.service-card h2{font-size:16px}.service-card p{font-size:13px}.history-wrap{padding:0}.history-scroll{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#174f70 #00111e}.history-scroll picture{display:block;width:max-content}.history-scroll img{width:1180px;max-width:none;height:auto}.mobile-history-hint{display:block;margin:0;padding:9px 14px 13px;text-align:center;color:#9fb2c0;font-size:12px;background:#001421}.contact{padding:38px 20px}.contact h2{font-size:30px}.contact-actions{align-items:flex-start}.contact-actions .big{width:100%;text-align:center}footer{padding:26px 20px}}
@media(max-width:520px){.brand b{font-size:19px}.brand .bolt{font-size:36px;margin-right:5px}.top .cta{font-size:11px;padding:9px 10px}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:42% 58%;min-height:124px}.service-card img{height:100%;aspect-ratio:auto}.service-card div{display:flex;flex-direction:column;justify-content:center}.service-card h2{font-size:17px}.service-card p{font-size:13px}.section-head h1{font-size:32px}.history-scroll img{width:1050px}}
@media(min-width:1800px){.service-grid{max-width:1780px}.service-card h2{font-size:21px}.service-card p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none}}