:root{--bg:#020711;--card:rgba(7,17,33,.88);--line:rgba(0,170,255,.28);--blue:#0a8dff;--cyan:#00d0ff;--text:#f4f8ff;--muted:#b9c8dc}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1450px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(2,7,17,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{max-width:1450px;margin:auto;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:900;font-size:21px;letter-spacing:.7px;white-space:nowrap}.brand span{color:var(--blue)}.nav-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{color:#dbe8f8;font-size:14px;opacity:.9}.nav-links a:hover{color:var(--cyan)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;isolation:isolate;padding:120px 0 80px;background:radial-gradient(circle at 78% 28%,rgba(0,153,255,.16),transparent 28%),linear-gradient(90deg,rgba(2,7,17,.98) 0%,rgba(2,7,17,.94) 48%,rgba(2,7,17,.86) 100%)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 32%,rgba(0,153,255,.25),transparent 28%),linear-gradient(180deg,transparent 70%,var(--bg) 100%);z-index:-1}.hero-content{max-width:720px}.eyebrow{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:rgba(0,153,255,.10);color:#a9dcff;margin-bottom:20px;font-size:14px}h1{font-size:clamp(42px,7vw,78px);line-height:1.03;letter-spacing:-1.8px;margin-bottom:22px}h1 span,.blue{color:var(--blue)}.lead{color:var(--muted);font-size:clamp(17px,2vw,21px);max-width:680px;margin-bottom:30px}.hero-tags{color:#9fd6ff;letter-spacing:.8px;margin-bottom:34px}.btns{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;box-shadow:0 0 35px rgba(0,141,255,.30)}.btn.secondary{background:rgba(255,255,255,.04);border:1px solid var(--line);box-shadow:none}section{padding:92px 0}.section-head{max-width:820px;margin-bottom:42px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}h2{font-size:clamp(31px,4vw,48px);line-height:1.15;margin-bottom:15px;letter-spacing:-.9px}.intro{color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid rgba(0,160,255,.20);border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.25);min-height:100%}.card:hover{border-color:rgba(0,208,255,.5);transform:translateY(-4px);transition:.25s ease}.card h3{color:var(--cyan);font-size:22px;margin-bottom:10px}.card p,.card li{color:#ccd9ea}.card ul{padding-left:19px;margin-top:12px}.darkband{background:radial-gradient(circle at top right,rgba(0,145,255,.18),transparent 30%),linear-gradient(90deg,rgba(3,10,22,.95),rgba(7,23,44,.96),rgba(3,10,22,.95));border-top:1px solid rgba(0,160,255,.16);border-bottom:1px solid rgba(0,160,255,.16)}.price{font-size:32px;font-weight:900;margin:12px 0}.tag{display:inline-block;color:#a9dcff;border:1px solid rgba(0,208,255,.35);padding:6px 10px;border-radius:999px;font-size:13px;margin-bottom:12px}.contactbox{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;background:linear-gradient(135deg,rgba(9,25,48,.95),rgba(2,7,17,.98));border:1px solid rgba(0,208,255,.30);border-radius:30px;padding:40px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.contactbox a{color:var(--cyan)}.legal-page{padding:130px 0 80px}.legal{background:#fff;color:#1c2735;border-radius:24px;padding:36px;border:1px solid #d7dee8}.legal h1,.legal h2,.legal h3{color:#071426}.legal h1{font-size:42px;margin-bottom:20px}.legal h3{margin-top:24px;margin-bottom:8px}.legal p,.legal li{color:#263445}.legal ul{padding-left:20px}footer{padding:40px 20px;text-align:center;color:#94a8c2;border-top:1px solid rgba(255,255,255,.08);background:#020711}footer a{color:#9fd6ff;margin:0 8px}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;max-width:980px;margin:0 auto;background:rgba(3,10,22,.96);border:1px solid rgba(0,208,255,.35);box-shadow:0 25px 80px rgba(0,0,0,.45);border-radius:22px;padding:20px;display:none;gap:18px;align-items:center;justify-content:space-between}.cookie-banner.show{display:flex}.cookie-banner p{color:#d7e8ff;font-size:14px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-btn{border:1px solid rgba(0,208,255,.35);background:rgba(255,255,255,.04);color:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:700}.cookie-btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));border:none}@media(max-width:980px){.grid,.grid.three{grid-template-columns:repeat(2,1fr)}.contactbox{grid-template-columns:1fr}}@media(max-width:680px){.nav{position:static}.nav-inner{flex-direction:column;align-items:flex-start}.nav-links{gap:12px}.grid,.grid.three{grid-template-columns:1fr}.hero{padding-top:70px;background-position:center}section{padding:70px 0}.legal,.contactbox{padding:26px}}

/* ZEDIS 5-Spalten Reihe */
.zedis-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:22px;
}

@media(max-width:1200px){
.zedis-grid{
grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:680px){
.zedis-grid{
grid-template-columns:1fr;
}
}

/* Projekte-Seite: ergänzt bestehendes ZEDIS-Design */
.project-hero{min-height:52vh;display:flex;align-items:center;padding:130px 0 70px;background:radial-gradient(circle at 74% 30%,rgba(0,153,255,.22),transparent 28%),linear-gradient(90deg,rgba(2,7,17,.98),rgba(7,23,44,.95),rgba(2,7,17,.90));border-bottom:1px solid rgba(0,160,255,.16)}
.project-intro{padding-bottom:40px}
.project-detail{padding:80px 0}
.project-row{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.project-row.reverse{grid-template-columns:.85fr 1.15fr}
.project-row.reverse .project-image{order:2}
.project-image img{width:100%;display:block;border-radius:28px;border:1px solid rgba(0,160,255,.22);box-shadow:0 25px 80px rgba(0,0,0,.38);object-fit:cover}
.project-text h2{font-size:clamp(28px,3vw,42px)}
.project-text p{color:#ccd9ea;margin-top:14px}
@media(max-width:980px){.project-row,.project-row.reverse{grid-template-columns:1fr}.project-row.reverse .project-image{order:0}}


/* Hardware-Teaser auf Startseite */
.hardware-teaser{
  padding-top:0;
}
.hardware-box{
  border-color:rgba(0,208,255,.34);
}

/* Projekte-Seite V2 */
.project-title-card{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:32px;
  align-items:start;
}
.project-title-card h2{
  font-size:clamp(34px,4vw,56px);
}
.project-meta{
  display:grid;
  gap:18px;
  color:#ccd9ea;
}
.ai-note{
  margin-top:22px;
  padding:16px 20px;
  border:1px solid rgba(0,208,255,.28);
  border-radius:18px;
  background:rgba(0,153,255,.08);
  color:#b9c8dc;
  font-size:14px;
}
.project-image{
  position:relative;
}
.project-image:after{
  content:"ZEDIS-Solutions";
  position:absolute;
  right:22px;
  bottom:18px;
  color:rgba(255,255,255,.62);
  font-weight:900;
  letter-spacing:.6px;
  text-shadow:0 3px 12px rgba(0,0,0,.7);
  pointer-events:none;
}
.project-detail{
  position:relative;
}
@media(max-width:980px){
  .project-title-card{
    grid-template-columns:1fr;
  }
}


/* V3 Feinschliff Hardware-Projekte */
.hardware-teaser .contactbox{
  background:
    radial-gradient(circle at 85% 20%,rgba(0,208,255,.18),transparent 28%),
    linear-gradient(135deg,rgba(9,25,48,.96),rgba(2,7,17,.99));
}
.hardware-teaser .btn{
  box-shadow:0 0 40px rgba(0,141,255,.32);
}
.project-title-card{
  border-color:rgba(0,208,255,.42);
  box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.project-image img{
  background:#020711;
}
.ai-note{
  border-left:4px solid var(--blue);
}


/* Startseite: Hardware-Bereich sauber in das bestehende Design integriert */
.hardware-section{
  padding:92px 0;
  background:radial-gradient(circle at top right,rgba(0,145,255,.12),transparent 30%),var(--bg);
}
.hardware-section .section-head{
  margin-bottom:34px;
}
.hardware-grid{
  margin-top:10px;
}
.hardware-action{
  display:flex;
  justify-content:center;
  margin-top:34px;
}
.hardware-action .btn{
  min-width:240px;
}


/* Ergänzung für schriftliche Projektbeschreibungen */
.project-written-card{
  margin-top:24px;
}
.project-written-card h3{
  color:var(--cyan);
  margin-top:22px;
  margin-bottom:8px;
}
.project-written-card h3:first-child{
  margin-top:0;
}
.project-written-card p{
  color:#ccd9ea;
  margin-top:10px;
}


/* ZEDIS SEO & performanter Leiterbahn-Hintergrund */
.circuit-background{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(10,141,255,.12),transparent 28%),radial-gradient(circle at 82% 18%,rgba(0,208,255,.08),transparent 26%),linear-gradient(180deg,#020711 0%,#061120 52%,#020711 100%)}
.circuit-background svg{width:100%;height:100%;opacity:.52}
.circuit-line{fill:none;stroke:rgba(0,208,255,.16);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.node{fill:rgba(0,208,255,.26);stroke:rgba(217,228,242,.30);stroke-width:1.5;filter:drop-shadow(0 0 7px rgba(0,208,255,.25))}
.pulse{fill:none;stroke:rgba(0,208,255,.72);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:42 900;stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgba(0,208,255,.35));opacity:.55;animation:circuitPulse 9s linear infinite;vector-effect:non-scaling-stroke}
.pulse-b{animation-delay:3s}.pulse-c{animation-delay:6s}
@keyframes circuitPulse{to{stroke-dashoffset:-940}}
.hero-claim{font-size:clamp(30px,4vw,54px);color:var(--text);margin:-8px 0 14px;letter-spacing:-1px}.hero-subline{font-size:clamp(19px,2.2vw,25px);font-weight:800;color:#dcefff;max-width:820px;margin-bottom:18px}.hero-content{position:relative}.hero-content:before{content:"";position:absolute;left:-24px;top:-28px;width:160px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 18px rgba(0,208,255,.45)}
.card,.contactbox{backdrop-filter:blur(8px)}
@media(max-width:680px){.circuit-background svg{opacity:.34}.pulse{animation:none;opacity:.22}.hero-claim{font-size:30px}.hero-subline{font-size:18px}.hero{background:radial-gradient(circle at 70% 18%,rgba(0,153,255,.12),transparent 32%),linear-gradient(180deg,rgba(2,7,17,.98),rgba(2,7,17,.94))}}
@media(prefers-reduced-motion:reduce){.pulse{animation:none!important;opacity:.24}}


/* =========================================================
   ZEDIS Performance-Optimierung V7
   Ziel: Leiterbahn-Pulse bleiben sichtbar, aber deutlich leichter
   ========================================================= */
.circuit-background{
  contain:layout paint style;
  transform:translateZ(0);
  background:
    radial-gradient(circle at 18% 8%,rgba(10,141,255,.08),transparent 26%),
    radial-gradient(circle at 82% 18%,rgba(0,208,255,.055),transparent 24%),
    linear-gradient(180deg,#020711 0%,#05101d 52%,#020711 100%);
}
.circuit-background svg{
  opacity:.36;
  transform:translateZ(0);
}
.circuit-line{
  stroke:rgba(0,208,255,.105);
  stroke-width:1.7;
}
.node{
  fill:rgba(0,208,255,.18);
  stroke:rgba(217,228,242,.20);
  stroke-width:1.2;
  filter:none;
}
.pulse{
  stroke:rgba(0,208,255,.58);
  stroke-width:2.2;
  stroke-dasharray:32 980;
  opacity:.36;
  filter:none;
  animation:circuitPulse 18s linear infinite;
  will-change:stroke-dashoffset;
}
.pulse-b{animation-delay:6s}.pulse-c{animation-delay:12s}
.card:hover{transform:translateY(-2px)}

.hero{
  overflow:hidden;
  min-height:92vh;
  background:
    radial-gradient(circle at 82% 24%,rgba(0,153,255,.16),transparent 28%),
    linear-gradient(90deg,rgba(2,7,17,.98) 0%,rgba(2,7,17,.95) 52%,rgba(2,7,17,.88) 100%);
}
.hero .container{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
  gap:42px;
  align-items:center;
}
.hero-content{max-width:820px}
.hero-visual{
  position:relative;
  min-height:420px;
  border:1px solid rgba(0,208,255,.22);
  border-radius:34px;
  background:
    radial-gradient(circle at 70% 20%,rgba(0,141,255,.22),transparent 28%),
    linear-gradient(135deg,rgba(7,17,33,.88),rgba(2,7,17,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.42);
  overflow:hidden;
}
.hero-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('assets/banner.png');
  background-size:cover;
  background-position:center;
  opacity:.26;
  transform:scale(1.02);
}
.hero-logo-panel{
  position:absolute;
  inset:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:28px;
  background:rgba(2,7,17,.54);
  border:1px solid rgba(0,208,255,.18);
  backdrop-filter:blur(2px);
}
.hero-logo-panel img{
  width:min(78%,520px);
  height:auto;
  filter:drop-shadow(0 0 28px rgba(0,141,255,.30));
}
.hero-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:26px 0 30px;
}
.hero-proof span{
  border:1px solid rgba(0,208,255,.24);
  border-radius:16px;
  padding:12px 14px;
  background:rgba(0,153,255,.055);
  color:#dcefff;
  font-weight:800;
  font-size:14px;
}
.care-note{
  margin-top:24px;
  padding:18px 22px;
  border:1px solid rgba(0,208,255,.30);
  border-left:4px solid var(--blue);
  border-radius:18px;
  background:rgba(0,153,255,.075);
  color:#d7e8ff;
  font-size:15px;
}
.care-note strong{color:#7fcaff}

@media(max-width:1100px){
  .hero .container{grid-template-columns:1fr}.hero-visual{min-height:340px}.hero-proof{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .hero-visual{display:none}.hero .container{display:block}.hero-proof{grid-template-columns:1fr}.circuit-background svg{opacity:.22}.pulse{animation-duration:28s;opacity:.20;stroke-width:1.7}.card{backdrop-filter:none}.nav{position:static}
}
@media(prefers-reduced-motion:reduce){.pulse{animation:none!important;opacity:.16}}

/* =========================================================
   ZEDIS V8: Strom-zum-Logo Animation + professionellere Care-Karten
   Performance: Transform/Opacity statt teurer Filter, nur wenige Elemente
   ========================================================= */
.hero-visual{
  overflow:hidden;
  transform:translateZ(0);
  contain:layout paint style;
}
.hero-visual:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,208,255,.75),transparent);
  opacity:.55;
}
.power-grid{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.9;
}
.power-line{
  position:absolute;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(0,208,255,.16),rgba(10,141,255,.35),rgba(0,208,255,.12),transparent);
  border-radius:999px;
}
.power-line:before,
.power-line:after{
  content:"";
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  border:1px solid rgba(0,208,255,.55);
  border-radius:50%;
  transform:translateY(-50%);
  background:rgba(2,7,17,.9);
}
.power-line:before{left:0}.power-line:after{right:0}
.power-line-a{left:-6%;top:22%;width:54%;transform:rotate(0deg)}
.power-line-b{right:-4%;top:31%;width:48%;transform:rotate(0deg)}
.power-line-c{left:-10%;bottom:25%;width:58%;transform:rotate(0deg)}
.power-line-d{right:-9%;bottom:19%;width:55%;transform:rotate(0deg)}
.power-dot{
  position:absolute;
  z-index:3;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 12px rgba(0,208,255,.55);
  opacity:.0;
  will-change:transform,opacity;
}
.dot-a{left:2%;top:21.2%;animation:energyToLogoA 4.8s linear infinite}
.dot-b{right:3%;top:30.2%;animation:energyToLogoB 5.4s linear infinite .8s}
.dot-c{left:4%;bottom:24.1%;animation:energyToLogoC 5.8s linear infinite 1.3s}
.dot-d{right:4%;bottom:18.1%;animation:energyToLogoD 6.2s linear infinite 2.1s}
@keyframes energyToLogoA{0%{opacity:0;transform:translateX(0)}12%{opacity:.85}76%{opacity:.85}100%{opacity:0;transform:translateX(380px)}}
@keyframes energyToLogoB{0%{opacity:0;transform:translateX(0)}12%{opacity:.85}76%{opacity:.85}100%{opacity:0;transform:translateX(-340px)}}
@keyframes energyToLogoC{0%{opacity:0;transform:translateX(0)}12%{opacity:.75}76%{opacity:.75}100%{opacity:0;transform:translateX(400px)}}
@keyframes energyToLogoD{0%{opacity:0;transform:translateX(0)}12%{opacity:.75}76%{opacity:.75}100%{opacity:0;transform:translateX(-380px)}}
.hero-logo-panel{
  z-index:2;
  box-shadow:inset 0 0 0 1px rgba(0,208,255,.12),0 0 55px rgba(0,141,255,.10);
}
.hero-logo-panel:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:28px;
  background:linear-gradient(110deg,transparent 0%,rgba(0,208,255,.14) 45%,rgba(255,255,255,.22) 50%,rgba(0,141,255,.14) 55%,transparent 100%);
  opacity:.0;
  transform:translateX(-120%);
  animation:logoCharge 7s ease-in-out infinite;
  pointer-events:none;
}
@keyframes logoCharge{0%,60%,100%{opacity:0;transform:translateX(-120%)}72%{opacity:.65}88%{opacity:0;transform:translateX(120%)}}
.hero-logo-panel img{animation:logoBreath 6.5s ease-in-out infinite;will-change:filter,transform}
@keyframes logoBreath{0%,100%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(0,141,255,.22))}50%{transform:scale(1.012);filter:drop-shadow(0 0 30px rgba(0,208,255,.34))}}

.care-section{
  position:relative;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,141,255,.14),transparent 32%),
    linear-gradient(180deg,rgba(2,7,17,.98),rgba(5,16,32,.96));
  border-top:1px solid rgba(0,208,255,.12);
  border-bottom:1px solid rgba(0,208,255,.12);
}
.care-head{max-width:980px}
.care-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  align-items:stretch;
}
.care-card{
  position:relative;
  overflow:hidden;
  padding:30px;
  border-color:rgba(0,208,255,.24);
  background:
    linear-gradient(180deg,rgba(8,25,48,.92),rgba(3,10,22,.94));
}
.care-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent);
  opacity:.75;
}
.care-featured{
  border-color:rgba(0,208,255,.55);
  transform:translateY(-8px);
  box-shadow:0 30px 90px rgba(0,141,255,.16),0 24px 80px rgba(0,0,0,.34);
}
.care-card:hover{transform:translateY(-3px)}
.care-featured:hover{transform:translateY(-10px)}
.care-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}
.care-target,.care-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:900;
  color:#dcefff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
}
.care-badge{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border:none;box-shadow:0 0 22px rgba(0,141,255,.26)}
.care-card h3{font-size:26px;color:#fff;margin-bottom:2px}
.care-card .price{font-size:36px;color:#fff;margin:6px 0 8px;letter-spacing:-.8px}
.care-card .price small{font-size:16px;color:#b9c8dc;font-weight:700}
.care-for{
  margin:10px 0 18px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(0,141,255,.10);
  border:1px solid rgba(0,208,255,.18);
  color:#dcefff!important;
  font-weight:800;
}
.care-card ul{list-style:none;padding-left:0;margin-top:0;display:grid;gap:10px}
.care-card li{position:relative;padding-left:28px;color:#d9e6f5}
.care-card li:before{
  content:"✓";
  position:absolute;
  left:0;top:0;
  width:19px;height:19px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  font-size:12px;
  font-weight:900;
  background:rgba(10,141,255,.22);
  border:1px solid rgba(0,208,255,.45);
}
.care-ideal{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(0,208,255,.16);
}
.care-ideal strong{color:#eef7ff}
.care-note{
  max-width:1180px;
  margin:28px auto 0;
  line-height:1.6;
}

@media(max-width:1100px){
  .care-grid{grid-template-columns:1fr}.care-featured,.care-featured:hover{transform:none}
  .power-grid{opacity:.65}.power-dot{animation-duration:7s}
}
@media(max-width:680px){
  .power-grid{display:none}.hero-logo-panel:before,.hero-logo-panel img{animation:none!important}
  .care-card{padding:24px}.care-card .price{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
  .power-dot,.hero-logo-panel:before,.hero-logo-panel img{animation:none!important}
}


/* =========================================================
   ZEDIS V26 – Erweiterungen im V8-Design
   Bestehende Texte und Bereiche bleiben erhalten.
   Ergänzt: Über mich, Branchen, Referenzen, Erstberatungsformular.
   ========================================================= */
.about-section{padding:92px 0;background:radial-gradient(circle at 78% 18%,rgba(0,145,255,.10),transparent 28%),var(--bg)}
.about-box{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:center;background:linear-gradient(135deg,rgba(9,25,48,.92),rgba(2,7,17,.98));border:1px solid rgba(0,208,255,.28);border-radius:30px;padding:42px;box-shadow:0 25px 80px rgba(0,0,0,.34)}
.about-logo{min-height:280px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:radial-gradient(circle,rgba(0,141,255,.15),rgba(0,141,255,.04) 45%,transparent 72%);border:1px solid rgba(0,208,255,.16);overflow:hidden}
.about-logo img{width:min(78%,320px);height:auto;opacity:.72;filter:drop-shadow(0 0 24px rgba(0,141,255,.22))}
.about-content p{color:#ccd9ea;margin-top:14px}.about-content .intro{margin-top:0}
.grid.four{grid-template-columns:repeat(4,1fr)}
.industry-grid{margin-top:8px}.industry-card{position:relative;overflow:hidden}.industry-card:before,.reference-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent);opacity:.55}.industry-icon{font-size:34px;margin-bottom:12px;filter:drop-shadow(0 0 12px rgba(0,141,255,.26))}
.reference-section{background:radial-gradient(circle at 20% 0%,rgba(0,145,255,.10),transparent 28%),var(--bg)}
.reference-card{position:relative}.reference-card .tag{margin-bottom:14px}
.consultation-section{padding:92px 0}.consultation-box{display:grid;grid-template-columns:.92fr 1.08fr;gap:32px;align-items:start}.consultation-copy,.contact-form{background:linear-gradient(135deg,rgba(9,25,48,.94),rgba(2,7,17,.98));border:1px solid rgba(0,208,255,.30);border-radius:30px;padding:38px;box-shadow:0 25px 80px rgba(0,0,0,.32)}.consultation-copy p{color:#ccd9ea;margin-top:14px}.consultation-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.consultation-benefits span{position:relative;padding:12px 14px 12px 38px;border:1px solid rgba(0,208,255,.20);border-radius:16px;background:rgba(0,153,255,.055);color:#dcefff;font-weight:800;font-size:14px}.consultation-benefits span:before{content:"✓";position:absolute;left:14px;top:11px;color:var(--cyan);font-weight:900}.contact-form h3{font-size:26px;color:var(--cyan);margin-bottom:18px}.contact-form label{display:block;color:#dcefff;font-weight:800;font-size:14px;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;border:1px solid rgba(0,208,255,.24);background:rgba(2,7,17,.76);color:#f4f8ff;border-radius:14px;padding:13px 14px;font:inherit;outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(0,208,255,.72);box-shadow:0 0 0 3px rgba(0,208,255,.09)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.privacy-check{display:flex!important;gap:10px;align-items:flex-start;color:#b9c8dc!important;font-weight:600!important;line-height:1.45}.privacy-check input{width:auto!important;margin-top:5px!important}.privacy-check a{color:var(--cyan);text-decoration:underline}.contact-form .btn{border:0;cursor:pointer;width:100%;margin-top:4px;font-size:15px}
@media(max-width:1100px){.grid.four{grid-template-columns:repeat(2,1fr)}.about-box,.consultation-box{grid-template-columns:1fr}.about-logo{min-height:220px}.consultation-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.grid.four,.form-row,.consultation-benefits{grid-template-columns:1fr}.about-box,.consultation-copy,.contact-form{padding:26px}.about-logo{display:none}}


/* =========================================================
   ZEDIS V27 – V8 beibehalten, Hero-Logo wieder wie Hintergrund,
   Performance entschärft, Kontaktformular Backend-Styles
   ========================================================= */

/* Hintergrund bleibt im ZEDIS-Stil, aber ohne dauerhafte teure Pulse */
.circuit-background svg{opacity:.24!important}
.circuit-line{stroke:rgba(0,208,255,.075)!important;stroke-width:1.5!important}
.node{filter:none!important;opacity:.40!important}
.pulse{display:none!important;animation:none!important}

/* Navigation ohne Blur – deutlich performanter */
.nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(2,7,17,.92)!important}
.card,.contactbox,.hero-logo-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* V8-Hero: Text bleibt, Aufbau bleibt, Logo wieder als echtes Hero-Hintergrundelement */
.hero{
  min-height:94vh!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 72% 25%,rgba(0,153,255,.16),transparent 28%),
    linear-gradient(90deg,rgba(2,7,17,.98) 0%,rgba(2,7,17,.95) 52%,rgba(2,7,17,.88) 100%)!important;
}
.hero .container{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)!important;
  gap:42px!important;
  align-items:center!important;
}
.hero-content{max-width:820px!important;position:relative!important;z-index:3!important}
.hero-visual{
  position:relative!important;
  min-height:420px!important;
  border:1px solid rgba(0,208,255,.22)!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,rgba(7,17,33,.88),rgba(2,7,17,.98))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
  transform:none!important;
  display:block!important;
  contain:layout paint!important;
}
.hero-visual:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background-image:url('assets/banner.png')!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.24!important;
  transform:scale(1.02)!important;
}
.hero-visual:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(0,208,255,.65),transparent)!important;
  opacity:.45!important;
}
.hero-logo-panel{
  position:absolute!important;
  inset:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:28px!important;
  background:rgba(2,7,17,.50)!important;
  border:1px solid rgba(0,208,255,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(0,208,255,.08),0 0 45px rgba(0,141,255,.08)!important;
  opacity:1!important;
  transform:none!important;
  z-index:2!important;
}
.hero-logo-panel:before{display:none!important;animation:none!important}
.hero-logo-panel:after{
  content:""!important;
  position:absolute!important;
  inset:8% 4%!important;
  z-index:-1!important;
  background:radial-gradient(circle,rgba(0,141,255,.16),rgba(0,141,255,.05) 45%,transparent 72%)!important;
  filter:blur(14px)!important;
  pointer-events:none!important;
}
.hero-logo-panel img{
  width:min(78%,520px)!important;
  height:auto!important;
  opacity:.90!important;
  animation:none!important;
  filter:brightness(1.06) contrast(1.06) drop-shadow(0 0 22px rgba(0,141,255,.20))!important;
}
/* Stromlinien aus V8 bleiben statisch-dezent statt animiert */
.power-grid{display:block!important;opacity:.42!important}
.power-line{display:block!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(0,208,255,.18),rgba(10,141,255,.28),transparent)!important}
.power-line:before,.power-line:after{opacity:.55!important}
.power-dot{display:none!important;animation:none!important}

/* Formular */
.hidden-field{display:none!important}
.form-status{display:none;margin-bottom:16px;padding:12px 14px;border-radius:14px;font-weight:800;font-size:14px}
.form-status.success{display:block;background:rgba(0,208,120,.10);border:1px solid rgba(0,208,120,.35);color:#b9ffd8}
.form-status.error{display:block;background:rgba(255,60,60,.10);border:1px solid rgba(255,80,80,.35);color:#ffd0d0}

@media(max-width:1100px){
  .hero .container{grid-template-columns:1fr!important;gap:28px!important}
  .hero-visual{min-height:330px!important;order:-1!important}
}
@media(max-width:680px){
  .hero-visual{display:none!important}
  .power-grid{display:none!important}
  .circuit-background svg{opacity:.10!important}
}


/* =========================================================
   ZEDIS V28 – V8 beibehalten, Logo als ruhiger Hintergrund
   Keine Animation, keine Box, keine 404-Formular-Probleme
   ========================================================= */

/* Performance: keine globalen Animationen */
.pulse,.power-dot,.hero-logo-panel:before{display:none!important;animation:none!important}
.power-grid{display:none!important}
.nav,.card,.contactbox,.hero-logo-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Hero bleibt im V8-Aufbau: Text links, Markenlogo rechts als Hintergrundgrafik */
.hero{
  min-height:94vh!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 74% 28%,rgba(0,153,255,.16),transparent 30%),
    radial-gradient(circle at 36% 50%,rgba(0,141,255,.10),transparent 31%),
    linear-gradient(90deg,rgba(2,7,17,.99) 0%,rgba(4,14,28,.96) 50%,rgba(2,7,17,.92) 100%)!important;
}
.hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent 72%,var(--bg) 100%)!important;
}
.hero .container{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr)!important;
  gap:56px!important;
  align-items:center!important;
}
.hero-content{max-width:820px!important;position:relative!important;z-index:3!important}

.hero-visual{
  position:relative!important;
  min-height:560px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  contain:layout paint!important;
  transform:none!important;
}
.hero-visual:before,
.hero-visual:after{display:none!important}
.hero-logo-panel{
  position:relative!important;
  inset:auto!important;
  width:min(720px,44vw)!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:.72!important;
  transform:translateX(2%)!important;
  z-index:1!important;
}
.hero-logo-panel:after{
  content:""!important;
  position:absolute!important;
  inset:7% 3% 4% 3%!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:radial-gradient(circle,rgba(0,141,255,.18),rgba(0,141,255,.07) 42%,transparent 72%)!important;
  filter:none!important;
  opacity:.92!important;
}
.hero-logo-panel img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  opacity:1!important;
  animation:none!important;
  filter:brightness(1.12) contrast(1.08) drop-shadow(0 0 18px rgba(0,141,255,.24))!important;
}

/* Formularzustand sichtbar, aber passend zum Design */
.form-status{display:none;margin-bottom:16px;padding:12px 14px;border-radius:14px;font-weight:800;font-size:14px}
.form-status.success{display:block;background:rgba(0,208,120,.10);border:1px solid rgba(0,208,120,.35);color:#b9ffd8}
.form-status.error{display:block;background:rgba(255,60,60,.10);border:1px solid rgba(255,80,80,.35);color:#ffd0d0}

@media(max-width:1100px){
  .hero .container{grid-template-columns:1fr!important;gap:26px!important}
  .hero-visual{order:-1!important;min-height:280px!important;justify-content:flex-start!important}
  .hero-logo-panel{width:min(470px,82vw)!important;opacity:.42!important;transform:none!important}
}
@media(max-width:680px){
  .hero-visual{display:none!important}
  .hero{min-height:auto!important;background:radial-gradient(circle at 50% 12%,rgba(0,141,255,.14),transparent 32%),linear-gradient(180deg,#020711 0%,#061426 55%,#020711 100%)!important}
}