:root{--bg:#030603;--panel:#090d09;--panel2:#0d140d;--green:#7cff00;--green2:#39ff14;--text:#f6f7f2;--muted:#b7c0b0;--line:rgba(124,255,0,.26);--glass:rgba(255,255,255,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 20%,rgba(124,255,0,.13),transparent 38%),linear-gradient(180deg,#020402,#050805 38%,#020302);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(124,255,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(124,255,0,.035) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(to bottom,black,transparent 78%);z-index:-2}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 4px);opacity:.25;z-index:-1}.wrap{width:min(1440px,calc(100% - 64px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(3,7,3,.78));backdrop-filter:blur(18px);border-bottom:1px solid rgba(124,255,0,.12)}.nav-inner{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff}.brand img{height:138px;width:138px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(124,255,0,.22))}.brand strong{font-size:17px;letter-spacing:.22em;line-height:1;display:block}.brand span{color:var(--green);font-weight:900;letter-spacing:.34em;font-size:15px;margin-top:7px;display:block}.links{display:flex;align-items:center;gap:34px}.links a{color:#fff;text-decoration:none;font-size:13px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.cta{background:linear-gradient(135deg,var(--green),#3cff00);color:#061005!important;border:0;border-radius:8px;padding:17px 25px;box-shadow:0 0 28px rgba(124,255,0,.24);font-weight:1000}.hamb{display:none;font-size:38px;color:#fff}.hero{position:relative;min-height:600px;padding:40px 0 26px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 42%,rgba(124,255,0,.16),transparent 35%),radial-gradient(circle at 15% 75%,rgba(124,255,0,.08),transparent 38%);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.32fr .68fr;align-items:center;gap:34px}.eyebrow{color:var(--green);font-weight:1000;letter-spacing:.18em;text-transform:uppercase;font-size:14px;margin-bottom:28px}.headline{font-size:clamp(54px,6vw,105px);line-height:.94;margin:0 0 28px;font-weight:1000;letter-spacing:-.06em}.headline span{color:var(--green);text-shadow:0 0 36px rgba(124,255,0,.38),0 0 90px rgba(124,255,0,.12)}.lead{font-size:20px;line-height:1.75;color:#e2e8dc;max-width:610px;margin:0 0 36px}.actions{display:flex;gap:18px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:18px 28px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;font-size:13px;border:1px solid var(--line);color:#fff}.btn.primary{background:linear-gradient(135deg,var(--green),#3cff00);color:#061005;border:0;box-shadow:0 0 34px rgba(124,255,0,.25)}.stage{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.printer-card{position:relative;width:min(355px,100%);border-radius:28px;padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(124,255,0,.04));border:1px solid rgba(124,255,0,.2);box-shadow:0 0 72px rgba(124,255,0,.12),inset 0 0 60px rgba(124,255,0,.04)}.printer-card:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at 60% 55%,rgba(124,255,0,.22),transparent 50%);filter:blur(30px);z-index:-1}.printer-card img{width:100%;display:block;border-radius:20px;filter:drop-shadow(0 40px 42px rgba(0,0,0,.55));transform:translateZ(0)}.machine-badge{position:absolute;right:12px;bottom:14px;padding:18px 22px;background:rgba(0,0,0,.76);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(14px);box-shadow:0 0 30px rgba(124,255,0,.14)}.machine-badge b{display:block;font-size:20px}.machine-badge span{color:#cfd9c8;font-size:14px}.trust{margin-top:24px;border:1px solid rgba(124,255,0,.22);border-radius:18px;background:rgba(0,0,0,.38);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(4,1fr)}.trust div{padding:26px 30px;border-right:1px solid rgba(124,255,0,.15)}.trust div:last-child{border-right:0}.trust i{font-style:normal;color:var(--green);font-size:36px;display:block;margin-bottom:12px}.trust b{display:block;text-transform:uppercase;letter-spacing:.06em}.trust span{color:var(--muted);font-size:14px}.stripe{border-top:1px solid rgba(124,255,0,.15);border-bottom:1px solid rgba(124,255,0,.15);background:rgba(0,0,0,.2);padding:42px 0;text-align:center}.stripe small{display:block;color:var(--green);font-weight:1000;letter-spacing:.18em;text-transform:uppercase}.stripe h2{font-size:34px;font-weight:500;letter-spacing:.02em;margin:12px 0 8px}.stripe p{margin:0;color:var(--muted)}section{padding:58px 0}.section-kicker{color:var(--green);font-weight:1000;letter-spacing:.16em;text-transform:uppercase;font-size:13px;margin-bottom:12px}.section-title{font-size:42px;line-height:1.1;margin:0 0 34px;font-weight:700}.section-title span{color:var(--green)}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.reveal{opacity:0;transform:translateY(20px);animation:rise .7s ease forwards}.reveal:nth-child(2){animation-delay:.08s}.reveal:nth-child(3){animation-delay:.16s}.reveal:nth-child(4){animation-delay:.24s}@keyframes rise{to{opacity:1;transform:none}}.card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.28);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.card:hover{transform:translateY(-8px);border-color:rgba(124,255,0,.35);box-shadow:0 35px 90px rgba(0,0,0,.38),0 0 38px rgba(124,255,0,.08)}.card-img{height:160px;background:#080b08;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;opacity:.9}.card-body{padding:20px}.card h3{text-transform:uppercase;font-size:17px;margin:0 0 12px;letter-spacing:.03em}.card p{color:#c6cec1;line-height:1.55;margin:0 0 20px}.more{color:var(--green);font-weight:1000;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}.step{padding:20px 14px;text-align:center}.step-icon{margin:auto auto 16px;width:76px;height:76px;border:2px solid var(--green);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);display:grid;place-items:center;color:var(--green);font-size:32px}.step b{display:block;color:var(--green);font-size:22px}.step h3{text-transform:uppercase;font-size:13px}.step p{color:var(--muted);font-size:14px;line-height:1.55}.promise{display:grid;grid-template-columns:.68fr 1.32fr .5fr;gap:24px;align-items:center;border:1px solid rgba(124,255,0,.2);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(124,255,0,.03));padding:28px}.promise img{width:100%;border-radius:12px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;color:#dfe8da}.checks span:before{content:"✓";color:var(--green);font-weight:1000;margin-right:10px}.mini-logo{border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center}.mini-logo img{width:100px}.mini-logo b{display:block;margin-top:12px;line-height:1.6}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;padding:16px;font:inherit;transition:border-color .25s ease,box-shadow .25s ease}.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:rgba(124,255,0,.65);box-shadow:0 0 0 3px rgba(124,255,0,.08),0 0 24px rgba(124,255,0,.12)}.form textarea{min-height:140px}footer{padding:38px 0;border-top:1px solid rgba(124,255,0,.16);color:var(--muted)}

.material-grid,.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.material-card,.project-card{border:1px solid rgba(124,255,0,.16);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:18px;min-height:145px}.material-card b,.project-card b{display:block;font-size:19px;margin-bottom:10px}.material-card span,.project-card span{color:var(--muted);line-height:1.55;font-size:15px}.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pill{border:1px solid rgba(124,255,0,.22);border-radius:999px;padding:7px 10px;color:var(--green);font-weight:800;font-size:12px}.project-card{padding:0;overflow:hidden}.project-card .project-img{height:135px;background:#080b08}.project-card img{width:100%;height:100%;object-fit:cover}.project-card .project-text{padding:20px}.studio-note{margin-top:24px;color:var(--muted);font-size:15px;line-height:1.6;border-left:2px solid var(--green);padding-left:18px}
@media(max-width:900px){.wrap{width:calc(100% - 36px)}.nav-inner{height:110px}.brand{gap:13px}.brand img{height:116px;width:116px}.brand strong{font-size:17px}.links{display:none}.hamb{display:block}.hero{padding:34px 0 18px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:20px}.eyebrow{font-size:13px;line-height:1.45;margin-bottom:24px}.headline{font-size:48px;letter-spacing:-.055em}.lead{font-size:18px;line-height:1.62}.actions{display:grid}.btn{width:100%;padding:20px}.stage{min-height:auto;order:2}.printer-card{width:min(360px,100%);border-radius:24px;padding:10px}.machine-badge{right:16px;bottom:16px;padding:14px 16px}.machine-badge b{font-size:22px}.trust{grid-template-columns:1fr;margin-top:24px}.trust div{border-right:0;border-bottom:1px solid rgba(124,255,0,.15);padding:20px}.trust div:last-child{border-bottom:0}.stripe{padding:34px 0}.stripe h2{font-size:25px}.services{grid-template-columns:1fr;gap:18px}.card-img{height:210px}.steps{grid-template-columns:1fr}.promise{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.material-grid,.project-grid{grid-template-columns:1fr}.project-card .project-img{height:220px}section{padding:46px 0}.section-title{font-size:32px}.mini-logo{display:none}}
@media(min-width:901px){.mobile-only{display:none}.hero-copy{padding-top:10px}.printer-card{transform:translateX(10px)}}

/* V9 Premium polish */
.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.32) 45%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease}.btn.primary:hover:after{transform:translateX(120%)}
.printer-card{animation:floatMachine 7s ease-in-out infinite}.card,.material-card,.project-card,.step{will-change:transform}.step{transition:transform .35s ease}.step:hover{transform:translateY(-6px)}
@keyframes floatMachine{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:901px){.printer-card{transform:translateX(0) scale(.96);animation:floatMachineDesktop 7s ease-in-out infinite}@keyframes floatMachineDesktop{0%,100%{transform:translateX(0) scale(.96) translateY(0)}50%{transform:translateX(0) scale(.96) translateY(-8px)}}}

/* V9.1: Infobox so positioniert, dass das Bauteil im Druckraum sichtbar bleibt */
.machine-badge{right:18px;bottom:-18px;max-width:300px}
@media(max-width:900px){
  .printer-card{padding-bottom:78px;}
  .machine-badge{
    right:18px;
    left:18px;
    bottom:16px;
    padding:12px 16px;
    border-radius:16px;
    max-width:none;
    text-align:left;
  }
  .machine-badge b{font-size:18px;}
  .machine-badge span{font-size:13px;}
}
@media(min-width:901px){
  .machine-badge{transform:translateY(42%);}
}


/* V10.1 – sichere Asset-Version + Hero-Feinschliff */
.printer-card{
  width:min(330px,100%);
  padding:16px;
  overflow:visible;
}
.printer-card img{
  filter:brightness(1.08) contrast(1.03) saturate(1.02) drop-shadow(0 36px 42px rgba(0,0,0,.56));
}
.machine-badge{
  right:18px;
  bottom:-28px;
  max-width:245px;
  padding:12px 15px;
  border-radius:15px;
  background:rgba(3,6,3,.58);
  border:1px solid rgba(124,255,0,.28);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 18px 34px rgba(0,0,0,.42),0 0 24px rgba(124,255,0,.10);
}
.machine-badge b{font-size:15px;line-height:1.15;}
.machine-badge span{font-size:12px;color:#d8e2d2;}
.printer-card:after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:4px;height:18px;
  background:radial-gradient(ellipse at center,rgba(124,255,0,.22),transparent 70%);
  filter:blur(18px);
  pointer-events:none;
}
@media(max-width:900px){
  .printer-card{
    width:min(330px,94vw);
    padding:14px 14px 68px;
  }
  .printer-card img{
    filter:brightness(1.08) contrast(1.03) drop-shadow(0 30px 36px rgba(0,0,0,.50));
  }
  .machine-badge{
    left:auto;
    right:16px;
    bottom:14px;
    max-width:210px;
    padding:10px 12px;
    text-align:left;
  }
  .machine-badge b{font-size:14px;}
  .machine-badge span{font-size:11px;}
}
@media(min-width:901px){
  .machine-badge{transform:none;}
}


/* === Project NOVA V11: service-first hero, SVG logo, reflective stage === */
.nav-inner{height:118px;}
.brand{gap:18px;}
.brand img{height:154px;width:120px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(124,255,0,.28));}
.brand strong{font-size:15px;letter-spacing:.26em;}
.brand span{font-size:14px;letter-spacing:.36em;margin-top:6px;}

@media(min-width:901px){
  .hero{min-height:650px;padding:46px 0 32px;}
  .hero-grid{grid-template-columns:.92fr 1.08fr;gap:38px;}
  .stage{min-height:500px;justify-content:center;align-items:center;perspective:1200px;}
  .printer-card{
    width:min(640px,100%);
    height:470px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    transform:translateX(18px);
  }
  .printer-card:before{
    content:"";
    position:absolute;
    left:4%; right:0%; bottom:28px;
    height:185px;
    border:2px solid rgba(124,255,0,.72);
    background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(124,255,0,.035));
    box-shadow:0 0 26px rgba(124,255,0,.35), inset 0 0 42px rgba(124,255,0,.06);
    transform:perspective(760px) rotateX(66deg) skewX(-8deg);
    transform-origin:center bottom;
    z-index:0;
  }
  .printer-card:after{
    content:"";
    position:absolute;
    left:8%; right:4%; bottom:16px; height:78px;
    background:radial-gradient(ellipse at center,rgba(255,255,255,.14),rgba(124,255,0,.08) 38%,transparent 74%);
    filter:blur(14px);
    opacity:.72;
    z-index:0;
    pointer-events:none;
  }
  .printer-card img{
    position:relative;
    z-index:2;
    width:76%;
    max-width:490px;
    margin-top:38px;
    border-radius:0;
    filter:brightness(1.09) contrast(1.04) saturate(1.02) drop-shadow(0 38px 42px rgba(0,0,0,.62));
    animation:printerFloat 6s ease-in-out infinite;
  }
  .machine-badge{
    right:44px;
    bottom:74px;
    max-width:230px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(3,6,3,.58);
    border:1px solid rgba(124,255,0,.30);
    backdrop-filter:blur(18px) saturate(135%);
    box-shadow:0 18px 34px rgba(0,0,0,.42),0 0 24px rgba(124,255,0,.10);
    z-index:4;
  }
  .machine-badge b{font-size:14px;}
  .machine-badge span{font-size:11.5px;line-height:1.35;}
  .headline{font-size:clamp(60px,6.4vw,112px);}
}

@keyframes printerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(max-width:900px){
  .nav-inner{height:118px;}
  .brand img{height:132px;width:104px;}
  .brand strong{font-size:14px;letter-spacing:.25em;}
  .brand span{font-size:14px;letter-spacing:.34em;}
  .stage{min-height:360px;margin-top:8px;}
  .printer-card{
    width:min(430px,94vw);
    min-height:338px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    display:flex;
    align-items:flex-start;
    justify-content:center;
  }
  .printer-card:before{
    content:"";
    position:absolute;
    left:3%;right:3%;bottom:32px;height:148px;
    border:2px solid rgba(124,255,0,.66);
    background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(124,255,0,.04));
    box-shadow:0 0 24px rgba(124,255,0,.28), inset 0 0 38px rgba(124,255,0,.05);
    transform:perspective(640px) rotateX(63deg) skewX(-7deg);
    transform-origin:center bottom;
    z-index:0;
    border-radius:4px;
  }
  .printer-card:after{
    content:"";
    position:absolute;
    left:11%;right:9%;bottom:22px;height:54px;
    background:radial-gradient(ellipse at center,rgba(255,255,255,.13),rgba(124,255,0,.08) 34%,transparent 74%);
    filter:blur(13px);opacity:.68;z-index:0;pointer-events:none;
  }
  .printer-card img{
    position:relative;z-index:2;
    width:80%;
    max-width:330px;
    margin-top:8px;
    filter:brightness(1.08) contrast(1.04) drop-shadow(0 30px 34px rgba(0,0,0,.55));
    animation:printerFloat 6s ease-in-out infinite;
  }
  .machine-badge{
    right:18px;bottom:38px;max-width:190px;
    padding:9px 11px;border-radius:13px;
    background:rgba(3,6,3,.60);border:1px solid rgba(124,255,0,.30);
    backdrop-filter:blur(16px) saturate(135%);z-index:4;
  }
  .machine-badge b{font-size:13px;}
  .machine-badge span{font-size:10.5px;line-height:1.3;}
}


/* === Project NOVA V11.1: korrekter Logo-Stand + Drucker mit Spiegelung === */
.printer-card:before,.printer-card:after{display:none!important;}
.printer-card{background:transparent!important;border:0!important;box-shadow:none!important;}
.printer-card img{border-radius:0!important;object-fit:contain;}
@media(min-width:901px){
  .stage{min-height:520px;}
  .printer-card{width:min(720px,100%);height:520px;align-items:center;}
  .printer-card img{width:82%;max-width:560px;margin-top:0;filter:drop-shadow(0 34px 44px rgba(0,0,0,.55));}
  .machine-badge{right:58px;bottom:92px;max-width:230px;}
}
@media(max-width:900px){
  .stage{min-height:420px;margin-top:10px;}
  .printer-card{width:min(430px,96vw);min-height:410px;align-items:center;}
  .printer-card img{width:90%;max-width:372px;margin-top:0;filter:drop-shadow(0 28px 36px rgba(0,0,0,.55));}
  .machine-badge{right:24px;bottom:68px;max-width:205px;}
}


/* === Project NOVA V13: luftige Bühne, Neonfläche unter der Maschine === */
.hamb{background:transparent;border:0;cursor:pointer;padding:8px;font-family:inherit}
.printer-card{isolation:isolate;}
.machine-visual{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;pointer-events:none;}
.machine-main{position:relative!important;z-index:4!important;object-fit:contain;}
.machine-reflection{position:absolute!important;z-index:1!important;object-fit:contain;transform:scaleY(-1)!important;transform-origin:center top!important;opacity:.19;filter:blur(1.2px) brightness(.68) saturate(.8)!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%);pointer-events:none;}
.neon-stage{position:absolute;z-index:2;left:5%;right:3%;bottom:64px;height:156px;background:linear-gradient(180deg,rgba(7,12,7,.46),rgba(0,0,0,.78));border:1.5px solid rgba(124,255,0,.88);box-shadow:0 0 17px rgba(124,255,0,.48),inset 0 0 34px rgba(124,255,0,.06);transform:perspective(850px) rotateX(65deg);transform-origin:center bottom;}
.neon-stage:before,.neon-stage:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 18px rgba(124,255,0,.55)}
.neon-stage:before{left:4%;right:4%;height:2px;bottom:18%;}
.neon-stage:after{width:2px;top:-135px;bottom:18%;right:7%;background:linear-gradient(180deg,transparent,var(--green),var(--green));}
.printer-card:after{display:block!important;content:""!important;position:absolute!important;z-index:0!important;left:12%!important;right:8%!important;bottom:38px!important;height:58px!important;background:radial-gradient(ellipse at center,rgba(124,255,0,.18),rgba(0,0,0,.55) 48%,transparent 76%)!important;filter:blur(14px)!important;opacity:.72!important;}
.machine-badge{z-index:7!important;}
@media(min-width:901px){
  .hero-grid{grid-template-columns:1.02fr .98fr;gap:58px;}
  .stage{min-height:520px;}
  .printer-card{width:min(650px,100%);height:500px;}
  .machine-main{width:70%!important;max-width:465px!important;margin-top:38px!important;animation:printerFloat 6s ease-in-out infinite;}
  .machine-reflection{width:70%!important;max-width:465px!important;top:360px!important;}
  .neon-stage{left:4%;right:2%;bottom:66px;height:158px;}
  .machine-badge{right:35px!important;bottom:66px!important;max-width:210px!important;}
}
@media(max-width:900px){
  .hero{padding-top:28px;}
  .stage{min-height:390px;margin-top:4px;}
  .printer-card{width:min(410px,95vw);min-height:380px;}
  .machine-main{width:76%!important;max-width:305px!important;margin-top:22px!important;animation:printerFloat 6s ease-in-out infinite;}
  .machine-reflection{width:76%!important;max-width:305px!important;top:252px!important;}
  .neon-stage{left:5%;right:4%;bottom:52px;height:120px;transform:perspective(700px) rotateX(65deg);}
  .neon-stage:after{top:-102px;right:8%;}
  .machine-badge{right:14px!important;bottom:45px!important;max-width:180px!important;padding:9px 11px!important;}
  .machine-badge b{font-size:12.5px!important}.machine-badge span{font-size:10px!important}
  section{padding:42px 0;}
  .services{gap:22px;}
  .material-card,.project-card{margin-bottom:2px;}
}
@media(prefers-reduced-motion:reduce){.machine-main{animation:none!important}.btn.primary:after{display:none}}


/* === Project NOVA V13: Hexagon-Showroom, Glas-Podest, freie Infobox === */
body:before{
  background-image:
    linear-gradient(30deg, rgba(124,255,0,.035) 12%, transparent 12.5%, transparent 87%, rgba(124,255,0,.035) 87.5%, rgba(124,255,0,.035)),
    linear-gradient(150deg, rgba(124,255,0,.035) 12%, transparent 12.5%, transparent 87%, rgba(124,255,0,.035) 87.5%, rgba(124,255,0,.035)),
    linear-gradient(30deg, rgba(124,255,0,.035) 12%, transparent 12.5%, transparent 87%, rgba(124,255,0,.035) 87.5%, rgba(124,255,0,.035)),
    linear-gradient(150deg, rgba(124,255,0,.035) 12%, transparent 12.5%, transparent 87%, rgba(124,255,0,.035) 87.5%, rgba(124,255,0,.035)),
    linear-gradient(60deg, rgba(124,255,0,.025) 25%, transparent 25.5%, transparent 75%, rgba(124,255,0,.025) 75%, rgba(124,255,0,.025));
  background-size:86px 150px;
  background-position:0 0,0 0,43px 75px,43px 75px,0 0;
  opacity:.8;
  mask-image:linear-gradient(to bottom,black 0%,black 58%,transparent 92%);
}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:
radial-gradient(circle at 78% 35%,rgba(124,255,0,.15),transparent 25%),
linear-gradient(90deg,transparent 0 62%,rgba(124,255,0,.018) 62% 63%,transparent 63%);}
.printer-card{overflow:visible!important;}
.neon-stage{
  z-index:1!important;
  left:4%!important;right:7%!important;bottom:56px!important;height:142px!important;
  border-radius:10px 10px 4px 4px!important;
  background:linear-gradient(180deg,rgba(12,16,12,.82),rgba(0,0,0,.96))!important;
  border:2px solid rgba(124,255,0,.88)!important;
  box-shadow:0 0 18px rgba(124,255,0,.52),inset 0 0 42px rgba(124,255,0,.055)!important;
  transform:perspective(900px) rotateX(66deg)!important;
}
.neon-stage:before{
  left:-1%!important;right:-1%!important;height:22px!important;bottom:-19px!important;
  background:linear-gradient(180deg,rgba(4,8,4,.98),rgba(0,0,0,.98))!important;
  border:1px solid rgba(124,255,0,.48)!important;
  border-top-color:rgba(124,255,0,.95)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.78),0 0 18px rgba(124,255,0,.26)!important;
}
.neon-stage:after{
  width:2px!important;top:-138px!important;bottom:8px!important;right:5%!important;
  background:linear-gradient(180deg,transparent,rgba(124,255,0,.95) 35%,rgba(124,255,0,.48))!important;
  box-shadow:0 0 16px rgba(124,255,0,.58)!important;
}
.printer-card:before{display:block!important;content:""!important;position:absolute!important;z-index:0!important;left:10%!important;bottom:37px!important;width:2px!important;height:220px!important;background:linear-gradient(180deg,transparent,rgba(124,255,0,.9) 42%,rgba(124,255,0,.32))!important;box-shadow:0 0 15px rgba(124,255,0,.55)!important;}
.machine-visual{z-index:3!important;}
.machine-main{transform:perspective(1100px) rotateY(-6deg)!important;animation:none!important;}
.machine-reflection{
  z-index:2!important;opacity:.28!important;filter:blur(1px) brightness(.62) saturate(.72)!important;
  transform:perspective(1100px) rotateY(-6deg) scaleY(-1)!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.28) 42%,transparent 78%)!important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.28) 42%,transparent 78%)!important;
}
.machine-badge{
  right:-18px!important;bottom:82px!important;max-width:220px!important;
  background:rgba(3,6,3,.68)!important;border-color:rgba(124,255,0,.24)!important;
  box-shadow:0 22px 45px rgba(0,0,0,.52),0 0 18px rgba(124,255,0,.08)!important;
}
@media(min-width:901px){
  .stage{min-height:540px!important;}
  .printer-card{width:min(680px,100%)!important;height:520px!important;}
  .machine-main{width:67%!important;max-width:450px!important;margin-top:30px!important;}
  .machine-reflection{width:67%!important;max-width:450px!important;top:344px!important;}
}
@media(max-width:900px){
  body:before{background-size:62px 108px;background-position:0 0,0 0,31px 54px,31px 54px,0 0;opacity:.55;}
  .stage{min-height:400px!important;}
  .printer-card{width:min(420px,96vw)!important;min-height:390px!important;}
  .machine-main{width:73%!important;max-width:292px!important;margin-top:20px!important;transform:perspective(900px) rotateY(-4deg)!important;}
  .machine-reflection{width:73%!important;max-width:292px!important;top:245px!important;transform:perspective(900px) rotateY(-4deg) scaleY(-1)!important;opacity:.24!important;}
  .neon-stage{left:6%!important;right:6%!important;bottom:54px!important;height:114px!important;}
  .neon-stage:before{height:16px!important;bottom:-14px!important;}
  .neon-stage:after{top:-96px!important;right:6%!important;}
  .printer-card:before{left:12%!important;height:160px!important;bottom:38px!important;}
  .machine-badge{position:absolute!important;right:10px!important;bottom:12px!important;max-width:172px!important;padding:8px 10px!important;}
}


/* === Project NOVA V15: geometric neon hexagon network === */
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='146' viewBox='0 0 168 146'%3E%3Cg fill='none' stroke='%237cff00' stroke-opacity='.16' stroke-width='1.25'%3E%3Cpath d='M42 1l41 24v48L42 97 1 73V25z'/%3E%3Cpath d='M126 49l41 24v48l-41 24-41-24V73z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:168px 146px;
  background-position:center top;
  opacity:.72;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.82) 42%,transparent 92%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 74% 18%,rgba(124,255,0,.13),transparent 30%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.42));
  opacity:1;
}
.hero:before{
  background:
    radial-gradient(circle at 76% 42%,rgba(124,255,0,.18),transparent 28%),
    radial-gradient(circle at 10% 70%,rgba(124,255,0,.05),transparent 34%);
}
@media(max-width:900px){
  body:before{background-size:132px 114px;opacity:.58;}
}


/* === Project NOVA V15: connected neon honeycomb network, no centre lines === */
body{background:#020402;}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background-image:url("assets/hex-network.svg");
  background-size:1920px auto;background-position:center top;background-repeat:repeat-y;
  opacity:.72;mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 96%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 96%);
  transform:translate3d(0,0,0);
}
body:after{background:radial-gradient(circle at 73% 18%,rgba(124,255,0,.10),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.62));opacity:1;}
.hero:before{background:radial-gradient(circle at 74% 43%,rgba(124,255,0,.14),transparent 30%),radial-gradient(circle at 11% 66%,rgba(124,255,0,.035),transparent 35%);}
.hero:after{background:none!important;}
.card,.material-card,.project-card,.promise,.trust{background:linear-gradient(180deg,rgba(7,12,7,.86),rgba(2,5,2,.92));}
@media(min-width:901px){
  body:before{background-attachment:fixed;}
  .hero-grid{grid-template-columns:1.02fr .98fr;}
}
@media(max-width:900px){
  body:before{background-size:1040px auto;background-position:64% top;opacity:.43;}
  body:after{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.76));}
  .hero{background:rgba(0,0,0,.10);}
  .trust,.card,.material-card,.project-card,.promise{background:linear-gradient(180deg,rgba(5,9,5,.96),rgba(1,3,1,.98));}
}

/* === Project NOVA V15.2: Maschineninszenierung ohne massives Podest === */
.machine-visual-v152{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;}
.machine-main-v152{width:100%!important;max-width:765px!important;height:auto!important;margin:0!important;transform:none!important;animation:none!important;filter:drop-shadow(0 28px 42px rgba(0,0,0,.62))!important;border-radius:0!important;}
.printer-card:before,.printer-card:after,.neon-stage,.machine-reflection{display:none!important;}
.printer-card{width:min(760px,100%)!important;height:auto!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.machine-badge{display:none!important;}
.stage{min-height:460px!important;}
@media(max-width:900px){
  .stage{min-height:310px!important;margin-top:4px!important;}
  .printer-card{width:min(720px,112vw)!important;transform:translateX(-3%)!important;}
  .machine-main-v152{width:100%!important;max-width:none!important;}
}


/* === Project NOVA V16 – Release-Candidate-Feinschliff === */
:root{--hex-opacity:.20;--hex-hot:.78}
body{background:
  radial-gradient(circle at 78% 16%,rgba(124,255,0,.10),transparent 34%),
  radial-gradient(circle at 18% 48%,rgba(124,255,0,.045),transparent 30%),
  linear-gradient(180deg,#010301,#040704 42%,#010201)}
body:before{background-image:url('assets/hex-network.svg')!important;background-size:760px auto!important;background-repeat:repeat!important;background-position:0 var(--hex-shift,0px)!important;opacity:var(--hex-opacity)!important;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.92) 66%,rgba(0,0,0,.35) 100%)!important;-webkit-mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.92) 66%,rgba(0,0,0,.35) 100%)!important;transition:background-position .08s linear}
body:after{background:
 radial-gradient(circle at 70% 11%,rgba(124,255,0,.23),transparent 2.8%),
 radial-gradient(circle at 85% 24%,rgba(124,255,0,.18),transparent 2.4%),
 radial-gradient(circle at 43% 18%,rgba(124,255,0,.15),transparent 2.1%),
 radial-gradient(circle at 16% 35%,rgba(124,255,0,.12),transparent 2.5%);
 opacity:.78;filter:blur(5px);z-index:-1}
.hero:before{background:radial-gradient(circle at 74% 43%,rgba(124,255,0,.14),transparent 30%),radial-gradient(circle at 12% 76%,rgba(124,255,0,.04),transparent 32%)}
.printer-card{animation:v16Float 8s ease-in-out infinite!important}
.machine-main-v152{width:100%!important;max-width:none!important;height:auto!important;display:block!important;object-fit:contain!important;border-radius:24px!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;
  -webkit-mask-image:radial-gradient(ellipse 83% 78% at 52% 52%,#000 68%,rgba(0,0,0,.98) 77%,transparent 100%);
  mask-image:radial-gradient(ellipse 83% 78% at 52% 52%,#000 68%,rgba(0,0,0,.98) 77%,transparent 100%)}
.machine-badge{display:none!important}
.stage:after{content:"";position:absolute;left:19%;right:12%;bottom:11%;height:28px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.88) 0%,rgba(124,255,0,.16) 38%,transparent 75%);filter:blur(10px);z-index:0}
.card,.material-card,.project-card{transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s,background .32s}
.card:hover,.material-card:hover,.project-card:hover{transform:translateY(-5px);border-color:rgba(124,255,0,.48);background:linear-gradient(180deg,rgba(124,255,0,.075),rgba(255,255,255,.025));box-shadow:0 26px 70px rgba(0,0,0,.44),0 0 28px rgba(124,255,0,.10)}
.btn{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,filter .24s ease}.btn:hover{transform:translateY(-2px);border-color:rgba(124,255,0,.55)}.btn.primary:hover{filter:brightness(1.12);box-shadow:0 0 42px rgba(124,255,0,.38)}
.reveal{opacity:0!important;transform:translateY(22px)!important;animation:none!important;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1!important;transform:none!important}
@keyframes v16Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:901px){
 .hero-grid{grid-template-columns:1.02fr .98fr;gap:44px}
 .stage{min-height:520px}
 .printer-card{width:min(700px,100%)!important;height:auto!important;min-height:470px!important;display:flex!important;align-items:center!important}
 .machine-main-v152{transform:scale(1.03);transform-origin:center center}
}
@media(max-width:900px){
 body:before{background-size:530px auto!important;opacity:.17!important}
 body:after{opacity:.52}
 .stage{min-height:390px!important;margin-top:6px!important}
 .printer-card{width:min(470px,100%)!important;min-height:370px!important;padding:0!important}
 .machine-main-v152{transform:scale(1.14);transform-origin:center center;border-radius:18px!important}
 .stage:after{left:16%;right:8%;bottom:8%;height:22px}
 .trust{margin-top:10px}
 .card:hover,.material-card:hover,.project-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.printer-card{animation:none!important}.reveal{transition:none!important;opacity:1!important;transform:none!important}body:before{transition:none!important}}


/* === Project NOVA V17 – freigestellte Hero-Maschine, Glasplattform & Tiefenwirkung === */
.hero{isolation:isolate}
.hero:before{background:
 radial-gradient(circle at 76% 38%,rgba(124,255,0,.18),transparent 26%),
 radial-gradient(circle at 68% 62%,rgba(124,255,0,.08),transparent 20%),
 radial-gradient(circle at 10% 76%,rgba(124,255,0,.035),transparent 32%)}
.stage{perspective:1200px;overflow:visible}
.printer-card{animation:none!important;overflow:visible!important;isolation:isolate!important}
.machine-visual-v152{position:relative;overflow:visible!important;display:grid!important;place-items:center!important}
.machine-main-v17{position:relative!important;z-index:3!important;width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 28px 40px rgba(0,0,0,.62)) drop-shadow(0 0 26px rgba(124,255,0,.12))!important;
 -webkit-mask-image:none!important;mask-image:none!important;transform:translateY(-8px) scale(1.08)!important;transform-origin:center center!important;animation:v17Machine 7.5s ease-in-out infinite!important}
.machine-reflection-v17{position:absolute!important;z-index:1!important;width:72%!important;left:14%!important;bottom:-4%!important;transform:scaleY(-.34) translateY(-8%)!important;transform-origin:center top!important;opacity:.16!important;filter:blur(2.2px) saturate(.75) brightness(.58)!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 78%)!important;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 78%)!important;pointer-events:none!important}
.stage:before{content:"";position:absolute;z-index:0;left:15%;right:8%;bottom:13%;height:32%;border-radius:26px;background:linear-gradient(180deg,rgba(17,22,17,.72),rgba(3,5,3,.94));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 60px rgba(0,0,0,.56),0 0 0 1px rgba(124,255,0,.10);transform:perspective(900px) rotateX(67deg);transform-origin:center bottom}
.stage:after{content:""!important;position:absolute!important;z-index:0!important;left:17%!important;right:10%!important;bottom:9%!important;height:22px!important;border-radius:50%!important;background:radial-gradient(ellipse at center,rgba(0,0,0,.92) 0%,rgba(124,255,0,.17) 38%,transparent 76%)!important;filter:blur(10px)!important}
.hero .stage .printer-card:before{display:block!important;content:""!important;position:absolute!important;z-index:-1!important;inset:7% 4% 8% 8%!important;background:
 radial-gradient(circle at 24% 28%,rgba(124,255,0,.34),transparent 4%),
 radial-gradient(circle at 75% 21%,rgba(124,255,0,.32),transparent 4%),
 radial-gradient(circle at 88% 55%,rgba(124,255,0,.25),transparent 4%),
 radial-gradient(circle at 56% 67%,rgba(124,255,0,.16),transparent 4%)!important;filter:blur(8px)!important;opacity:.72!important;pointer-events:none!important}
.machine-badge{display:none!important}
@keyframes v17Machine{0%,100%{transform:translateY(-8px) scale(1.08)}50%{transform:translateY(-11px) scale(1.08)}}
@media(min-width:901px){
 .stage{min-height:540px!important}
 .printer-card{width:min(740px,100%)!important;min-height:500px!important}
 .machine-main-v17{transform:translateY(-6px) scale(1.09)!important}
 @keyframes v17Machine{0%,100%{transform:translateY(-6px) scale(1.09)}50%{transform:translateY(-10px) scale(1.09)}}
}
@media(max-width:900px){
 .stage{min-height:405px!important;margin-top:10px!important}
 .printer-card{width:min(520px,112vw)!important;min-height:390px!important;transform:translateX(-5%)!important}
 .machine-main-v17{transform:translateY(-4px) scale(1.18)!important}
 .machine-reflection-v17{width:78%!important;left:11%!important;bottom:2%!important;opacity:.13!important}
 .stage:before{left:10%;right:4%;bottom:16%;height:31%;border-radius:20px}
 .stage:after{left:13%!important;right:7%!important;bottom:13%!important;height:18px!important}
 @keyframes v17Machine{0%,100%{transform:translateY(-4px) scale(1.18)}50%{transform:translateY(-7px) scale(1.18)}}
}
@media(prefers-reduced-motion:reduce){.machine-main-v17{animation:none!important}}


/* === Project NOVA V17.1: Hero-Showroom + korrektes Maschinenlogo === */
.hero .stage{overflow:visible!important;}
.printer-card{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.machine-visual-v152{position:relative!important;isolation:isolate!important;}
.machine-main-v17{
  -webkit-mask-image:radial-gradient(ellipse 78% 74% at 52% 50%,#000 58%,rgba(0,0,0,.95) 68%,transparent 96%)!important;
  mask-image:radial-gradient(ellipse 78% 74% at 52% 50%,#000 58%,rgba(0,0,0,.95) 68%,transparent 96%)!important;
  filter:brightness(1.04) contrast(1.05) drop-shadow(0 28px 45px rgba(0,0,0,.68)) drop-shadow(0 0 22px rgba(124,255,0,.10))!important;
}
.machine-reflection-v17{
  opacity:.11!important;
  filter:blur(1.6px) brightness(.58) saturate(.72)!important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 68%)!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 68%)!important;
}
.hero .stage:before{
  background:
    radial-gradient(circle at 51% 41%,rgba(255,255,255,.15),transparent 24%),
    radial-gradient(circle at 50% 54%,rgba(124,255,0,.15),transparent 49%)!important;
  filter:blur(18px)!important;
  opacity:.9!important;
}
.hero .stage:after{
  height:12px!important;
  bottom:13%!important;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.18),rgba(124,255,0,.12) 28%,transparent 74%)!important;
  filter:blur(8px)!important;
  opacity:.7!important;
}
.machine-logo-plate{
  position:absolute;
  z-index:7;
  left:39.3%;
  top:29.7%;
  width:54px;
  height:58px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:3px;
  background:linear-gradient(145deg,rgba(225,228,224,.96),rgba(175,180,176,.96));
  box-shadow:0 1px 4px rgba(0,0,0,.25);
  pointer-events:none;
}
.machine-logo-plate img{width:44px!important;height:52px!important;object-fit:contain!important;filter:none!important;transform:none!important;margin:0!important;animation:none!important;}
.machine-badge{
  background:rgba(5,9,5,.62)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  border-color:rgba(124,255,0,.26)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.48),0 0 20px rgba(124,255,0,.08)!important;
  transform:scale(.95)!important;
  transform-origin:right bottom!important;
}
@media(min-width:901px){
  .printer-card{width:min(770px,100%)!important;min-height:510px!important;}
  .machine-main-v17{transform:translateY(-8px) scale(1.13)!important;}
  .machine-reflection-v17{width:75%!important;left:12.5%!important;bottom:-1%!important;}
  .machine-logo-plate{left:39.1%;top:29.2%;width:57px;height:61px;}
  .machine-logo-plate img{width:47px!important;height:55px!important;}
}
@media(max-width:900px){
  .printer-card{width:min(540px,114vw)!important;min-height:400px!important;transform:translateX(-6%)!important;}
  .machine-main-v17{transform:translateY(-5px) scale(1.22)!important;}
  .machine-reflection-v17{width:80%!important;left:10%!important;bottom:0!important;}
  .machine-logo-plate{left:38.8%;top:29.2%;width:43px;height:46px;}
  .machine-logo-plate img{width:35px!important;height:42px!important;}
  .machine-badge{transform:scale(.90)!important;right:10px!important;bottom:34px!important;}
}


/* === Project NOVA V19: nahtlos integrierter Hero-Showroom === */
.hero{overflow:hidden!important;background:
 radial-gradient(circle at 73% 42%,rgba(124,255,0,.15),transparent 31%),
 linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16));}
.hero-grid{position:relative;z-index:2;}
.stage{overflow:visible!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.printer-card{width:min(820px,100%)!important;min-height:540px!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important;animation:none!important;}
.printer-card::before,.printer-card::after,.stage::before,.stage::after{display:none!important;content:none!important;}
.machine-visual-v19{position:relative!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;overflow:visible!important;isolation:isolate!important;}
.machine-main-v19{display:block!important;width:112%!important;max-width:none!important;height:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 38px 46px rgba(0,0,0,.50))!important;transform:translateX(1.5%) translateY(-1%)!important;transform-origin:center!important;}
.machine-reflection-v17,.machine-logo-plate,.machine-badge{display:none!important;}
@media(min-width:901px){
 .hero{min-height:690px!important;padding:46px 0 28px!important;}
 .hero-grid{grid-template-columns:.88fr 1.12fr!important;gap:18px!important;}
 .hero-copy{position:relative;z-index:4;padding-right:8px;}
 .stage{min-height:560px!important;transform:translateY(-6px);}
 .printer-card{width:min(850px,112%)!important;min-height:560px!important;}
 .machine-main-v19{width:116%!important;transform:translateX(0) translateY(-1.5%)!important;}
 .headline{font-size:clamp(62px,6.2vw,108px)!important;}
}
@media(max-width:900px){
 .hero{padding-bottom:18px!important;}
 .hero-grid{gap:6px!important;}
 .stage{min-height:390px!important;margin-top:-6px!important;transform:none!important;overflow:visible!important;}
 .printer-card{width:calc(100vw - 10px)!important;min-height:380px!important;transform:translateX(0)!important;}
 .machine-main-v19{width:122%!important;transform:translateX(-3%) translateY(0)!important;}
 .trust{margin-top:0!important;}
}
@media(max-width:430px){
 .stage{min-height:350px!important;margin-top:-2px!important;}
 .printer-card{min-height:342px!important;}
 .machine-main-v19{width:128%!important;transform:translateX(-4%)!important;}
}


/* === Project NOVA V19.1: echte Ebenen statt eingebettetem Hero-Bild === */
.machine-visual-v19,.machine-main-v19{display:none!important}
.printer-card{width:100%!important;height:100%!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important;animation:none!important}
.printer-card:before,.printer-card:after,.neon-stage{display:none!important}
.machine-scene-v191{position:relative;width:100%;height:520px;display:block;isolation:isolate;overflow:visible}
.machine-scene-v191:before{content:"";position:absolute;z-index:0;left:5%;right:2%;top:3%;bottom:8%;background:radial-gradient(circle at 56% 42%,rgba(255,255,255,.13),transparent 25%),radial-gradient(circle at 57% 48%,rgba(124,255,0,.22),transparent 42%);filter:blur(16px);pointer-events:none}
.machine-cutout-v191{position:absolute;z-index:4;left:50%;top:20px;width:min(500px,78%);height:auto;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 25px 26px rgba(0,0,0,.65)) drop-shadow(0 0 18px rgba(124,255,0,.08));}
.platform-v191{position:absolute;z-index:2;left:4%;right:1%;bottom:61px;height:88px;border-radius:16px;background:linear-gradient(180deg,rgba(19,24,19,.95),rgba(3,5,3,.98));border:1px solid rgba(255,255,255,.17);box-shadow:0 18px 35px rgba(0,0,0,.65),0 5px 0 rgba(124,255,0,.9),0 8px 23px rgba(124,255,0,.33),inset 0 1px rgba(255,255,255,.13);transform:perspective(900px) rotateX(66deg);transform-origin:center bottom}
.platform-v191:after{content:"";position:absolute;left:7%;right:7%;bottom:-17px;height:22px;background:radial-gradient(ellipse,rgba(124,255,0,.23),transparent 72%);filter:blur(8px)}
.reflection-v191{position:absolute;z-index:1;left:50%;top:354px;width:min(500px,78%);height:135px;transform:translateX(-50%) scaleY(-1);transform-origin:center top;opacity:.13;filter:blur(1.8px) brightness(.55) saturate(.65);overflow:hidden;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%)}
.reflection-v191 img{width:100%;height:auto;display:block}
.machine-badge-v191{position:absolute;z-index:8;right:-2px;bottom:68px;width:225px;padding:15px 17px;border-radius:15px;background:rgba(2,5,2,.72);border:1px solid rgba(124,255,0,.25);box-shadow:0 18px 38px rgba(0,0,0,.6),0 0 20px rgba(124,255,0,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.machine-badge-v191 b{display:block;font-size:14px;margin-bottom:8px}.machine-badge-v191>span{display:block;color:#d2d9cf;font-size:11.5px;line-height:1.55}.badge-dot{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;margin-right:7px;background:var(--green);color:#061005;font-size:12px}
@media(min-width:901px){.hero-grid{grid-template-columns:1.02fr .98fr!important;gap:54px!important}.stage{min-height:520px!important}.machine-scene-v191{height:520px}.machine-cutout-v191{width:min(510px,80%);top:10px}.reflection-v191{width:min(510px,80%);top:354px}}
@media(max-width:900px){.stage{min-height:410px!important;margin-top:0!important}.machine-scene-v191{height:410px;width:100vw;margin-left:calc(50% - 50vw)}.machine-scene-v191:before{left:0;right:0;top:0;bottom:8%;filter:blur(20px)}.machine-cutout-v191{width:min(390px,91vw);top:2px}.platform-v191{left:4vw;right:4vw;bottom:38px;height:72px;border-radius:13px}.reflection-v191{width:min(390px,91vw);top:276px;height:100px}.machine-badge-v191{right:4vw;bottom:44px;width:min(190px,50vw);padding:10px 12px;border-radius:12px}.machine-badge-v191 b{font-size:11.5px}.machine-badge-v191>span{font-size:9.5px}.hero-grid{gap:8px!important}}


/* === Project NOVA V39.1.1.1: echter Hero-Showroom === */
.hero{isolation:isolate;background:#030603;}
.hero::before{z-index:-3!important;background:
radial-gradient(circle at 74% 42%,rgba(124,255,0,.22),transparent 30%),
linear-gradient(rgba(3,6,3,.12),rgba(3,6,3,.12)),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='94' viewBox='0 0 108 94'%3E%3Cg fill='none' stroke='%237cff00' stroke-opacity='.18' stroke-width='1.35'%3E%3Cpath d='M27 1h27l13.5 23L54 47H27L13.5 24z'/%3E%3Cpath d='M81 1h27l13.5 23L108 47H81L67.5 24z'/%3E%3Cpath d='M54 47h27l13.5 23L81 93H54L40.5 70z'/%3E%3Cpath d='M0 47h27l13.5 23L27 93H0L-13.5 70z'/%3E%3C/g%3E%3C/svg%3E");
background-size:auto,auto,108px 94px!important;background-position:center!important;}
.hero-grid{align-items:center!important;}
.stage{overflow:visible!important;}
.printer-card.v20{width:min(760px,100%)!important;min-height:520px!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;animation:none!important;transform:none!important;padding:0!important;}
.printer-card.v20::before,.printer-card.v20::after{display:none!important;content:none!important;}
.machine-scene-v20{position:relative;width:100%;height:520px;overflow:visible;display:flex;align-items:center;justify-content:center;}
.showroom-glow-v20{position:absolute;left:10%;right:2%;top:8%;bottom:12%;background:radial-gradient(circle at 54% 46%,rgba(255,255,255,.20),rgba(124,255,0,.13) 24%,rgba(124,255,0,.04) 48%,transparent 72%);filter:blur(18px);z-index:0;}
.platform-v20{position:absolute;left:7%;right:2%;bottom:36px;height:92px;border-radius:16px;background:linear-gradient(180deg,#171b17 0%,#080b08 44%,#020302 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 0 rgba(0,0,0,.7),0 12px 28px rgba(0,0,0,.65),0 0 20px rgba(124,255,0,.32),inset 0 -3px 0 rgba(124,255,0,.85);transform:perspective(850px) rotateX(62deg);transform-origin:center bottom;z-index:1;}
.platform-v20::after{content:"";position:absolute;left:3%;right:3%;bottom:-8px;height:9px;background:linear-gradient(90deg,transparent,rgba(124,255,0,.85),transparent);filter:blur(3px);}
.machine-cutout-v20{position:absolute;z-index:3;width:min(72%,520px);height:auto;left:50%;bottom:79px;transform:translateX(-46%);filter:brightness(1.04) contrast(1.04) saturate(.98) drop-shadow(0 26px 28px rgba(0,0,0,.58));}
.reflection-v20{position:absolute;z-index:2;left:50%;bottom:-34px;width:min(65%,470px);height:145px;transform:translateX(-45%) scaleY(-1);opacity:.14;filter:blur(3px) saturate(.7);mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);overflow:hidden;}
.reflection-v20 img{width:100%;display:block;}
.machine-badge-v20{position:absolute;z-index:5;right:1%;bottom:92px;max-width:250px;padding:14px 17px;border-radius:14px;background:rgba(3,7,3,.68);border:1px solid rgba(124,255,0,.32);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 18px 38px rgba(0,0,0,.46),0 0 26px rgba(124,255,0,.10);}
.machine-badge-v20 b{display:block;font-size:15px;line-height:1.2}.machine-badge-v20 span{display:block;margin-top:7px;color:#d8e2d2;font-size:12px;line-height:1.45}.badge-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green);color:#092008;margin-right:7px}
@media(min-width:901px){.hero-grid{grid-template-columns:.92fr 1.08fr!important;gap:38px!important}.machine-cutout-v20{width:min(75%,555px)!important}.stage{min-height:540px!important}.hero-copy{padding-top:0!important}}
@media(max-width:900px){
.hero{padding-bottom:24px!important}.hero-grid{gap:6px!important}.stage{width:100vw!important;margin-left:calc(50% - 50vw)!important;min-height:430px!important;overflow:visible!important}.printer-card.v20{width:100vw!important;min-height:430px!important}.machine-scene-v20{height:430px!important}.showroom-glow-v20{left:0;right:0;top:0;bottom:8%;filter:blur(14px)}.platform-v20{left:4%;right:4%;bottom:34px;height:76px;border-radius:12px}.machine-cutout-v20{width:min(84vw,520px)!important;max-width:none!important;left:50%!important;bottom:66px!important;transform:translateX(-50%)!important}.reflection-v20{width:min(78vw,470px)!important;left:50%!important;bottom:-20px!important;transform:translateX(-50%) scaleY(-1)!important;height:110px!important}.machine-badge-v20{right:6%!important;bottom:58px!important;max-width:218px!important;padding:11px 13px!important}.machine-badge-v20 b{font-size:13px!important}.machine-badge-v20 span{font-size:10.5px!important}.actions{margin-bottom:6px!important}}
@media(max-width:430px){.machine-scene-v20{height:390px!important}.printer-card.v20{min-height:390px!important}.stage{min-height:390px!important}.machine-cutout-v20{width:90vw!important;bottom:58px!important}.platform-v20{bottom:28px;height:68px}.machine-badge-v20{right:4%!important;bottom:48px!important;max-width:205px!important}.reflection-v20{bottom:-16px!important;height:92px!important}}


/* === V27: freigestellter SVG-Drucker auf durchgehendem Hexagon-Hintergrund === */
.machine-cutout-v20{
  width:min(92%,700px)!important;
  object-fit:contain!important;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.72))
         drop-shadow(0 0 20px rgba(124,255,0,.10))!important;
}
.reflection-v20{
  opacity:.16!important;
  filter:blur(1.5px) saturate(.78)!important;
}
.showroom-glow-v20{
  background:
    radial-gradient(circle at 52% 48%,rgba(255,255,255,.10),transparent 24%),
    radial-gradient(circle at 50% 55%,rgba(124,255,0,.18),transparent 50%)!important;
}
@media(max-width:900px){
  .machine-cutout-v20{
    width:min(96vw,560px)!important;
    bottom:64px!important;
  }
  .machine-badge-v20{
    right:5%!important;
    bottom:52px!important;
  }
}


/* =========================================================
   V27 – Plattform und Spiegelung final optimiert
   ========================================================= */

/* Drucker und Plattform enger als zusammengehörige Szene */
.machine-scene-v20{
  overflow:visible!important;
}

/* Plattform: 14 % schmaler, flacher und direkt unter den Füssen */
.platform-v20{
  left:13%!important;
  right:13%!important;
  bottom:48px!important;
  height:64px!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,
      rgba(34,39,34,.96) 0%,
      rgba(11,14,11,.98) 46%,
      rgba(2,3,2,1) 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    0 5px 0 rgba(0,0,0,.78),
    0 12px 24px rgba(0,0,0,.58),
    0 0 14px rgba(124,255,0,.16),
    inset 0 -1px 0 rgba(124,255,0,.72)!important;
  transform:perspective(900px) rotateX(67deg)!important;
}

/* Dünne Lichtkante nur vorne, ohne breites Leuchtband */
.platform-v20::after{
  left:8%!important;
  right:8%!important;
  bottom:-4px!important;
  height:3px!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(124,255,0,.25) 12%,
    rgba(124,255,0,.84) 50%,
    rgba(124,255,0,.25) 88%,
    transparent 100%)!important;
  filter:blur(1.2px)!important;
}

/* Kontakt zwischen Füssen und Plattform deutlicher */
.machine-cutout-v20{
  bottom:82px!important;
  filter:
    brightness(1.03)
    contrast(1.03)
    saturate(.98)
    drop-shadow(0 8px 5px rgba(0,0,0,.78))
    drop-shadow(0 22px 24px rgba(0,0,0,.44))
    drop-shadow(0 0 15px rgba(124,255,0,.08))!important;
}

/* Spiegelung: nur nah an der Oberfläche, schwach und schnell auslaufend */
.reflection-v20{
  left:50%!important;
  bottom:5px!important;
  width:min(54%,390px)!important;
  height:66px!important;
  transform:translateX(-50%) scaleY(-1)!important;
  transform-origin:center top!important;
  opacity:.085!important;
  filter:blur(4px) saturate(.55) brightness(.5)!important;
  mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,.78) 0%,
    rgba(0,0,0,.24) 40%,
    transparent 88%)!important;
  -webkit-mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,.78) 0%,
    rgba(0,0,0,.24) 40%,
    transparent 88%)!important;
}
.reflection-v20 img{
  width:100%!important;
  transform:translateY(-66%)!important;
}

/* Infobox etwas höher und weiter rechts */
.machine-badge-v20{
  right:2%!important;
  bottom:112px!important;
  max-width:230px!important;
  background:rgba(2,7,2,.62)!important;
  border-color:rgba(124,255,0,.26)!important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.42),
    0 0 18px rgba(124,255,0,.07)!important;
}

/* Mobile */
@media(max-width:900px){
  .platform-v20{
    left:9%!important;
    right:9%!important;
    bottom:38px!important;
    height:54px!important;
  }
  .machine-cutout-v20{
    bottom:72px!important;
  }
  .reflection-v20{
    width:min(58vw,330px)!important;
    height:52px!important;
    bottom:4px!important;
    opacity:.075!important;
  }
  .reflection-v20 img{
    transform:translateY(-68%)!important;
  }
  .machine-badge-v20{
    right:5%!important;
    bottom:88px!important;
    max-width:205px!important;
  }
}

@media(max-width:430px){
  .platform-v20{
    left:8%!important;
    right:8%!important;
    bottom:32px!important;
    height:48px!important;
  }
  .machine-cutout-v20{
    bottom:65px!important;
  }
  .reflection-v20{
    width:62vw!important;
    height:44px!important;
    bottom:2px!important;
    opacity:.065!important;
  }
  .machine-badge-v20{
    right:4%!important;
    bottom:76px!important;
    max-width:190px!important;
  }
}


/* =========================================================
   V27 – FLOATING SHOWCASE / GLASBÜHNE
   Drucker unverändert, Inszenierung neu abgestimmt
   ========================================================= */
.machine-scene-v20{
  height:535px!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.showroom-glow-v20{
  left:2%!important; right:2%!important; top:3%!important; bottom:8%!important;
  background:
    radial-gradient(ellipse at 27% 27%,rgba(255,255,255,.075),transparent 28%),
    radial-gradient(ellipse at 73% 36%,rgba(124,255,0,.19),transparent 37%),
    radial-gradient(ellipse at 50% 79%,rgba(124,255,0,.075),transparent 45%)!important;
  filter:blur(22px)!important;
  opacity:.95!important;
}
/* hauchdünne schwarze Glasplatte */
.platform-v20{
  left:5%!important; right:5%!important;
  bottom:48px!important;
  height:28px!important;
  border-radius:9px!important;
  transform:perspective(1000px) rotateX(68deg)!important;
  background:linear-gradient(180deg,rgba(38,43,39,.96) 0%,rgba(10,13,10,.99) 54%,#020302 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    0 5px 7px rgba(0,0,0,.75),
    0 13px 25px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(124,255,0,.42)!important;
  z-index:2!important;
}
.platform-v20:before{
  content:"";position:absolute;left:11%;right:11%;top:-9px;height:14px;
  border-radius:50%;background:rgba(0,0,0,.78);filter:blur(7px);
}
.platform-v20::after{
  left:7%!important;right:7%!important;bottom:-2px!important;height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(124,255,0,.20) 15%,rgba(124,255,0,.64) 50%,rgba(124,255,0,.20) 85%,transparent)!important;
  filter:blur(.7px)!important;
}
/* Drucker steht sichtbar auf der Platte */
.machine-cutout-v20{
  width:min(78%,570px)!important;
  left:50%!important;bottom:58px!important;
  transform:translateX(-50%)!important;
  filter:
    brightness(1.02) contrast(1.025) saturate(.98)
    drop-shadow(0 5px 3px rgba(0,0,0,.92))
    drop-shadow(0 14px 18px rgba(0,0,0,.44))
    drop-shadow(-10px -8px 24px rgba(255,255,255,.025))
    drop-shadow(13px -6px 25px rgba(124,255,0,.075))!important;
  z-index:4!important;
  animation:none!important;
}
/* Nur eine kurze, bodennahe Reflexion – keine zweite Maschine */
.reflection-v20{
  left:50%!important;bottom:6px!important;
  width:min(46%,335px)!important;height:43px!important;
  transform:translateX(-50%) scaleY(-1)!important;
  transform-origin:center top!important;
  opacity:.052!important;
  filter:blur(4.5px) saturate(.35) brightness(.42)!important;
  overflow:hidden!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72) 0%,rgba(0,0,0,.14) 44%,transparent 92%)!important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72) 0%,rgba(0,0,0,.14) 44%,transparent 92%)!important;
  z-index:1!important;
}
.reflection-v20 img{
  width:100%!important;height:auto!important;
  transform:translateY(-78%)!important;
  transform-origin:center top!important;
}
/* Infobox über der Bühne, nicht auf ihr */
.machine-badge-v20{
  right:2.5%!important;bottom:91px!important;
  max-width:224px!important;padding:12px 14px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,rgba(8,13,9,.72),rgba(2,5,3,.56))!important;
  border:1px solid rgba(124,255,0,.22)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  box-shadow:0 16px 28px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.045)!important;
  z-index:6!important;
}
.machine-badge-v20 b{font-size:14px!important}.machine-badge-v20 span{font-size:11px!important}

@media(min-width:901px){
  .stage{min-height:555px!important}
  .printer-card.v20{min-height:535px!important}
}
@media(max-width:900px){
  .stage,.printer-card.v20{min-height:445px!important}
  .machine-scene-v20{height:445px!important}
  .showroom-glow-v20{left:0!important;right:0!important;top:1%!important;bottom:5%!important;filter:blur(18px)!important}
  .machine-cutout-v20{width:min(91vw,545px)!important;bottom:51px!important}
  .platform-v20{left:5.5%!important;right:5.5%!important;bottom:42px!important;height:24px!important}
  .reflection-v20{width:min(43vw,285px)!important;height:35px!important;bottom:5px!important;opacity:.047!important}
  .reflection-v20 img{transform:translateY(-80%)!important}
  .machine-badge-v20{right:5%!important;bottom:78px!important;max-width:205px!important}
}
@media(max-width:430px){
  .stage,.printer-card.v20{min-height:415px!important}
  .machine-scene-v20{height:415px!important}
  .machine-cutout-v20{width:92vw!important;bottom:48px!important}
  .platform-v20{left:6%!important;right:6%!important;bottom:39px!important;height:22px!important}
  .reflection-v20{width:40vw!important;height:30px!important;bottom:5px!important;opacity:.043!important}
  .machine-badge-v20{right:4%!important;bottom:69px!important;max-width:190px!important;padding:10px 12px!important}
  .machine-badge-v20 b{font-size:12.5px!important}.machine-badge-v20 span{font-size:10px!important}
}


/* =========================================================
   V27 – perspektivisch ausgerichtete Bühne
   ========================================================= */

/* Szene als geschlossene Produktpräsentation */
.machine-scene-v20{
  overflow:visible!important;
  perspective:1100px!important;
}

/* Drucker exakt auf die Bühne setzen */
.machine-cutout-v20{
  bottom:86px!important;
  transform:translateX(-48%)!important;
  filter:
    brightness(1.03)
    contrast(1.03)
    saturate(.98)
    drop-shadow(0 5px 4px rgba(0,0,0,.92))
    drop-shadow(0 18px 22px rgba(0,0,0,.54))
    drop-shadow(0 0 17px rgba(124,255,0,.09))!important;
}

/* Bühne mit derselben Perspektive wie der Drucker */
.platform-v20{
  left:5.5%!important;
  right:1.5%!important;
  bottom:58px!important;
  height:88px!important;
  border-radius:10px!important;
  transform:
    perspective(980px)
    rotateX(63deg)
    rotateZ(-1.8deg)!important;
  transform-origin:50% 100%!important;
  background:
    linear-gradient(180deg,
      rgba(36,40,36,.98) 0%,
      rgba(15,18,15,.98) 48%,
      rgba(4,5,4,1) 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:
    0 7px 0 rgba(0,0,0,.78),
    0 15px 30px rgba(0,0,0,.62),
    0 0 17px rgba(124,255,0,.20),
    inset 0 -2px 0 rgba(124,255,0,.74)!important;
}

/* Hinterkante der Bühne */
.platform-v20::before{
  content:""!important;
  position:absolute!important;
  left:2.5%!important;
  right:2.5%!important;
  top:7px!important;
  height:1px!important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.10) 20%,
    rgba(255,255,255,.17) 50%,
    rgba(255,255,255,.10) 80%,
    transparent)!important;
}

/* Dünne grüne Vorderkante */
.platform-v20::after{
  left:5%!important;
  right:5%!important;
  bottom:-6px!important;
  height:4px!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(124,255,0,.22) 10%,
    rgba(124,255,0,.95) 50%,
    rgba(124,255,0,.22) 90%,
    transparent 100%)!important;
  filter:blur(1.2px)!important;
}

/* Spiegelung folgt derselben Perspektive wie die Bühne */
.reflection-v20{
  left:49%!important;
  bottom:-5px!important;
  width:min(60%,430px)!important;
  height:100px!important;
  transform:
    translateX(-47%)
    rotateZ(-1.8deg)
    scaleY(-1)!important;
  transform-origin:center top!important;
  opacity:.075!important;
  filter:blur(3px) saturate(.5) brightness(.48)!important;
  mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.18) 38%,
    transparent 82%)!important;
  -webkit-mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.18) 38%,
    transparent 82%)!important;
}
.reflection-v20 img{
  transform:translateY(-71%)!important;
}

/* Infobox sitzt optisch auf der rechten Bühnenkante */
.machine-badge-v20{
  right:1.8%!important;
  bottom:101px!important;
  max-width:225px!important;
}

/* Desktop */
@media(min-width:901px){
  .machine-cutout-v20{
    bottom:96px!important;
    transform:translateX(-47%)!important;
  }
  .platform-v20{
    bottom:64px!important;
    left:7%!important;
    right:0%!important;
    height:94px!important;
  }
  .machine-badge-v20{
    right:0%!important;
    bottom:118px!important;
  }
}

/* Mobile */
@media(max-width:900px){
  .machine-scene-v20{
    height:455px!important;
  }
  .machine-cutout-v20{
    width:min(92vw,560px)!important;
    left:50%!important;
    bottom:81px!important;
    transform:translateX(-51%)!important;
  }
  .platform-v20{
    left:5%!important;
    right:3%!important;
    bottom:52px!important;
    height:72px!important;
    transform:
      perspective(900px)
      rotateX(64deg)
      rotateZ(-1.5deg)!important;
  }
  .reflection-v20{
    width:min(60vw,350px)!important;
    height:74px!important;
    bottom:1px!important;
    transform:
      translateX(-48%)
      rotateZ(-1.5deg)
      scaleY(-1)!important;
  }
  .reflection-v20 img{
    transform:translateY(-74%)!important;
  }
  .machine-badge-v20{
    right:5%!important;
    bottom:93px!important;
    max-width:205px!important;
  }
}

@media(max-width:430px){
  .machine-scene-v20{
    height:430px!important;
  }
  .machine-cutout-v20{
    width:93vw!important;
    bottom:75px!important;
    transform:translateX(-52%)!important;
  }
  .platform-v20{
    left:4.5%!important;
    right:3.5%!important;
    bottom:48px!important;
    height:66px!important;
  }
  .reflection-v20{
    width:58vw!important;
    height:62px!important;
    bottom:0!important;
    opacity:.062!important;
  }
  .machine-badge-v20{
    right:4%!important;
    bottom:86px!important;
    max-width:192px!important;
  }
}


/* =========================================================
   V27 – Drucker fest auf perspektivischer Plattform
   ========================================================= */

/* Geschlossene Szene */
.machine-scene-v20{
  height:520px!important;
  overflow:visible!important;
  perspective:1100px!important;
}

/* Drucker tiefer setzen und exakt zentrieren */
.machine-cutout-v20{
  left:50%!important;
  bottom:58px!important;
  width:min(92%,690px)!important;
  transform:translateX(-50%)!important;
  filter:
    brightness(1.025)
    contrast(1.025)
    saturate(.98)
    drop-shadow(0 4px 2px rgba(0,0,0,.96))
    drop-shadow(0 11px 10px rgba(0,0,0,.72))
    drop-shadow(0 24px 26px rgba(0,0,0,.46))
    drop-shadow(0 0 16px rgba(124,255,0,.08))!important;
  z-index:4!important;
}

/* Plattform deutlich breiter und in Druckerperspektive */
.platform-v20{
  left:1.5%!important;
  right:1.5%!important;
  bottom:42px!important;
  height:92px!important;
  border-radius:11px!important;
  transform:
    perspective(980px)
    rotateX(62deg)
    rotateZ(-2.8deg)!important;
  transform-origin:50% 100%!important;
  background:
    linear-gradient(180deg,
      rgba(40,44,40,.98) 0%,
      rgba(16,19,16,.99) 44%,
      rgba(4,5,4,1) 100%)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:
    0 7px 0 rgba(0,0,0,.84),
    0 15px 26px rgba(0,0,0,.68),
    0 0 16px rgba(124,255,0,.18),
    inset 0 -2px 0 rgba(124,255,0,.76)!important;
  z-index:2!important;
}

/* Sichtbare hintere Oberkante */
.platform-v20::before{
  content:""!important;
  position:absolute!important;
  left:3%!important;
  right:3%!important;
  top:8px!important;
  height:1px!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.08) 15%,
    rgba(255,255,255,.18) 50%,
    rgba(255,255,255,.08) 85%,
    transparent 100%)!important;
}

/* Feine Neon-Vorderkante */
.platform-v20::after{
  left:4%!important;
  right:4%!important;
  bottom:-6px!important;
  height:4px!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(124,255,0,.18) 10%,
    rgba(124,255,0,.92) 50%,
    rgba(124,255,0,.18) 90%,
    transparent 100%)!important;
  filter:blur(1px)!important;
}

/* Physischer Kontaktschatten unmittelbar unter den Füssen */
.machine-scene-v20::after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:22%!important;
  right:18%!important;
  bottom:68px!important;
  height:24px!important;
  border-radius:50%!important;
  background:radial-gradient(
    ellipse at center,
    rgba(0,0,0,.88) 0%,
    rgba(0,0,0,.58) 42%,
    transparent 78%)!important;
  filter:blur(6px)!important;
  transform:rotateZ(-2.2deg)!important;
  pointer-events:none!important;
}

/* Spiegelung direkt an Plattformkante, kurz und weich */
.reflection-v20{
  left:50%!important;
  bottom:-6px!important;
  width:min(55%,390px)!important;
  height:68px!important;
  transform:
    translateX(-48%)
    rotateZ(-2.8deg)
    scaleY(-1)!important;
  transform-origin:center top!important;
  opacity:.055!important;
  filter:blur(4px) saturate(.45) brightness(.44)!important;
  mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,.66) 0%,
    rgba(0,0,0,.16) 36%,
    transparent 80%)!important;
  -webkit-mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,.66) 0%,
    rgba(0,0,0,.16) 36%,
    transparent 80%)!important;
  z-index:1!important;
}
.reflection-v20 img{
  width:100%!important;
  transform:translateY(-75%)!important;
}

/* Infobox über die Plattform heben */
.machine-badge-v20{
  right:1.5%!important;
  bottom:112px!important;
  max-width:225px!important;
  z-index:6!important;
}

/* Desktop */
@media(min-width:901px){
  .machine-scene-v20{
    height:545px!important;
  }
  .machine-cutout-v20{
    width:min(94%,720px)!important;
    bottom:64px!important;
  }
  .platform-v20{
    left:0!important;
    right:0!important;
    bottom:46px!important;
    height:98px!important;
  }
  .machine-scene-v20::after{
    left:20%!important;
    right:17%!important;
    bottom:76px!important;
  }
  .machine-badge-v20{
    right:0!important;
    bottom:126px!important;
  }
}

/* Mobile */
@media(max-width:900px){
  .machine-scene-v20{
    height:455px!important;
  }
  .machine-cutout-v20{
    width:min(96vw,590px)!important;
    bottom:53px!important;
    transform:translateX(-50%)!important;
  }
  .platform-v20{
    left:1%!important;
    right:1%!important;
    bottom:37px!important;
    height:80px!important;
    transform:
      perspective(900px)
      rotateX(63deg)
      rotateZ(-2.4deg)!important;
  }
  .machine-scene-v20::after{
    left:18%!important;
    right:15%!important;
    bottom:61px!important;
    height:22px!important;
  }
  .reflection-v20{
    width:min(58vw,340px)!important;
    height:54px!important;
    bottom:-2px!important;
    transform:
      translateX(-48%)
      rotateZ(-2.4deg)
      scaleY(-1)!important;
  }
  .reflection-v20 img{
    transform:translateY(-77%)!important;
  }
  .machine-badge-v20{
    right:4%!important;
    bottom:94px!important;
    max-width:205px!important;
  }
}

@media(max-width:430px){
  .machine-scene-v20{
    height:432px!important;
  }
  .machine-cutout-v20{
    width:97vw!important;
    bottom:48px!important;
  }
  .platform-v20{
    left:.5%!important;
    right:.5%!important;
    bottom:34px!important;
    height:74px!important;
  }
  .machine-scene-v20::after{
    left:17%!important;
    right:14%!important;
    bottom:56px!important;
    height:20px!important;
  }
  .reflection-v20{
    width:58vw!important;
    height:48px!important;
    bottom:-1px!important;
    opacity:.048!important;
  }
  .machine-badge-v20{
    right:3%!important;
    bottom:84px!important;
    max-width:194px!important;
  }
}


/* =========================================================
   V27 – stabiler Mobile-Neuaufbau des Hero
   ========================================================= */
.hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.platform-v20,
.reflection-v20{
  display:none!important;
}
.machine-scene-v20{
  position:relative!important;
  height:500px!important;
  overflow:visible!important;
}
.machine-scene-v20::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:18%!important;
  right:15%!important;
  bottom:34px!important;
  height:38px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.86) 0%,
    rgba(0,0,0,.52) 42%,
    transparent 78%)!important;
  filter:blur(9px)!important;
  pointer-events:none!important;
}
.machine-cutout-v20{
  display:block!important;
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  bottom:47px!important;
  width:min(92%,700px)!important;
  max-width:none!important;
  height:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%)!important;
  animation:v241Float 8s ease-in-out infinite!important;
  filter:
    brightness(1.03)
    contrast(1.03)
    saturate(.98)
    drop-shadow(0 5px 3px rgba(0,0,0,.95))
    drop-shadow(0 18px 24px rgba(0,0,0,.56))
    drop-shadow(0 0 18px rgba(124,255,0,.10))!important;
}
@keyframes v241Float{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-3px)}
}
.showroom-glow-v20{
  position:absolute!important;
  inset:7% 1% 4% 4%!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 52% 46%,rgba(255,255,255,.08),transparent 24%),
    radial-gradient(circle at 51% 54%,rgba(124,255,0,.18),transparent 52%)!important;
  filter:blur(20px)!important;
}
.machine-badge-v20{
  z-index:6!important;
  right:2%!important;
  bottom:65px!important;
  max-width:225px!important;
  background:rgba(2,7,2,.70)!important;
  border:1px solid rgba(124,255,0,.28)!important;
  backdrop-filter:blur(14px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
}

.hex-energy-v241{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  opacity:.48;
  mix-blend-mode:screen;
}
.hex-energy-v241 path{
  stroke:url(#energyFadeV241);
  stroke-width:3;
  stroke-dasharray:9 500;
  stroke-dashoffset:520;
  filter:url(#energyGlowV241);
  animation:v241Energy 8s linear infinite;
}
.hex-energy-v241 path:nth-child(2){animation-delay:-2.2s;animation-duration:9.2s}
.hex-energy-v241 path:nth-child(3){animation-delay:-5.1s;animation-duration:10.1s}
.hex-energy-v241 path:nth-child(4){animation-delay:-7.3s;animation-duration:9.6s}
@keyframes v241Energy{
  0%{stroke-dashoffset:520;opacity:0}
  12%{opacity:.12}
  40%{opacity:.72}
  70%{opacity:.34}
  100%{stroke-dashoffset:-20;opacity:0}
}
.hero-grid,.trust{position:relative!important;z-index:2!important}

@media(max-width:900px){
  .stage,
  .printer-card.v20,
  .machine-scene-v20{
    min-height:430px!important;
    height:430px!important;
  }
  .machine-cutout-v20{
    width:min(92vw,560px)!important;
    bottom:46px!important;
  }
  .machine-scene-v20::after{
    left:14%!important;
    right:12%!important;
    bottom:29px!important;
    height:30px!important;
  }
  .machine-badge-v20{
    right:4%!important;
    bottom:60px!important;
    max-width:205px!important;
  }
  .hex-energy-v241{opacity:.35}
  .hex-energy-v241 path{
    stroke-width:2.2;
    stroke-dasharray:7 600;
  }
}
@media(max-width:430px){
  .stage,
  .printer-card.v20,
  .machine-scene-v20{
    min-height:405px!important;
    height:405px!important;
  }
  .machine-cutout-v20{
    width:94vw!important;
    bottom:42px!important;
  }
  .machine-scene-v20::after{
    left:12%!important;
    right:10%!important;
    bottom:25px!important;
    height:26px!important;
  }
  .machine-badge-v20{
    right:3%!important;
    bottom:54px!important;
    max-width:192px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .machine-cutout-v20,
  .hex-energy-v241 path{
    animation:none!important;
  }
}


/* =========================================================
   V27 – Hero-Drucker tiefer positioniert
   ========================================================= */
.machine-scene-v20{
  height:545px!important;
}
.machine-cutout-v20{
  bottom:0px!important;
}
.machine-scene-v20::after{
  bottom:-16px!important;
}
.showroom-glow-v20{
  transform:translateY(48px)!important;
}
.machine-badge-v20{
  bottom:18px!important;
}
@media(max-width:900px){
  .stage,
  .printer-card.v20,
  .machine-scene-v20{
    min-height:480px!important;
    height:480px!important;
  }
  .machine-cutout-v20{
    bottom:-4px!important;
  }
  .machine-scene-v20::after{
    bottom:-19px!important;
  }
  .showroom-glow-v20{
    transform:translateY(44px)!important;
  }
  .machine-badge-v20{
    bottom:10px!important;
  }
}
@media(max-width:430px){
  .stage,
  .printer-card.v20,
  .machine-scene-v20{
    min-height:455px!important;
    height:455px!important;
  }
  .machine-cutout-v20{
    bottom:-7px!important;
  }
  .machine-scene-v20::after{
    bottom:-21px!important;
  }
  .showroom-glow-v20{
    transform:translateY(42px)!important;
  }
  .machine-badge-v20{
    bottom:6px!important;
  }
}


/* =========================================================
   V27 – Premium Finalisierung
   ========================================================= */

/* Hexagonnetz etwas intensiver */
.hero::before{
  opacity:.92!important;
  filter:contrast(1.14) brightness(1.11)!important;
}

/* Energiepfade entlang der Hexagon-Geometrie */
.hex-energy-v241{
  opacity:.62!important;
}
.hex-energy-v241 path{
  stroke-width:2.8!important;
  stroke-dasharray:11 455!important;
  filter:url(#energyGlowV241) drop-shadow(0 0 5px rgba(124,255,0,.44))!important;
}

/* Leuchtende Knotenpunkte */
.energy-node-v25{
  position:absolute;
  z-index:1;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#a8ff58;
  box-shadow:
    0 0 7px rgba(124,255,0,.95),
    0 0 16px rgba(124,255,0,.42);
  pointer-events:none;
  animation:v25NodePulse 5.8s ease-in-out infinite;
}
.energy-node-v25:nth-of-type(1){left:18%;top:22%;animation-delay:-1.1s}
.energy-node-v25:nth-of-type(2){left:41%;top:14%;animation-delay:-3.4s}
.energy-node-v25:nth-of-type(3){left:67%;top:29%;animation-delay:-2.2s}
.energy-node-v25:nth-of-type(4){left:83%;top:18%;animation-delay:-4.8s}
.energy-node-v25:nth-of-type(5){left:72%;top:61%;animation-delay:-.7s}
.energy-node-v25:nth-of-type(6){left:29%;top:68%;animation-delay:-5.1s}

@keyframes v25NodePulse{
  0%,72%,100%{opacity:.18;transform:scale(.7)}
  78%{opacity:.95;transform:scale(1.25)}
  84%{opacity:.34;transform:scale(.88)}
}

/* Pulsierender Ambient Glow */
.showroom-glow-v20{
  animation:v25GlowBreath 6.8s ease-in-out infinite!important;
}
@keyframes v25GlowBreath{
  0%,100%{opacity:.78;filter:blur(20px) saturate(1)}
  50%{opacity:.95;filter:blur(22px) saturate(1.08)}
}

/* Dezenter Metall-Schimmer */
.machine-scene-v20::before{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:12%!important;
  right:10%!important;
  top:9%!important;
  bottom:12%!important;
  pointer-events:none!important;
  background:linear-gradient(
    112deg,
    transparent 0%,
    transparent 40%,
    rgba(255,255,255,.03) 46%,
    rgba(255,255,255,.16) 50%,
    rgba(255,255,255,.03) 54%,
    transparent 60%,
    transparent 100%)!important;
  transform:translateX(-130%)!important;
  animation:v25MetalSweep 9.5s ease-in-out infinite!important;
  mix-blend-mode:screen!important;
  -webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 82%)!important;
  mask-image:radial-gradient(circle at center,black 35%,transparent 82%)!important;
}
@keyframes v25MetalSweep{
  0%,18%{transform:translateX(-130%);opacity:0}
  28%{opacity:.52}
  48%{transform:translateX(120%);opacity:.22}
  55%,100%{transform:translateX(120%);opacity:0}
}

/* Infobox veredeln */
.machine-badge-v20{
  background:linear-gradient(180deg,rgba(5,10,5,.80),rgba(1,5,1,.70))!important;
  border-color:rgba(124,255,0,.40)!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 24px rgba(124,255,0,.10)!important;
}

/* Premium Hover für Buttons */
.btn,
button,
a[class*="btn"]{
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background .24s ease!important;
}
.btn:hover,
button:hover,
a[class*="btn"]:hover{
  transform:translateY(-2px)!important;
}
.btn-primary:hover,
button.btn-primary:hover{
  box-shadow:
    0 10px 24px rgba(124,255,0,.24),
    0 0 20px rgba(124,255,0,.32)!important;
}
.btn-secondary:hover{
  border-color:rgba(124,255,0,.58)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.28),
    0 0 14px rgba(124,255,0,.12)!important;
}

/* Mobile-Feinschliff */
@media(max-width:900px){
  .machine-cutout-v20{
    transform:translateX(calc(-50% + 24px))!important;
  }
  .machine-badge-v20{
    right:4%!important;
    bottom:46px!important;
  }
  .hex-energy-v241{
    opacity:.54!important;
  }
}
@media(max-width:430px){
  .machine-cutout-v20{
    transform:translateX(calc(-50% + 18px))!important;
  }
  .machine-badge-v20{
    bottom:42px!important;
  }
}

/* Barrierefreiheit */
@media(prefers-reduced-motion:reduce){
  .machine-scene-v20::before,
  .showroom-glow-v20,
  .energy-node-v25{
    animation:none!important;
  }
}


/* =========================================================
   V27 – Header-Logo tiefer + Hexagonnetz präsenter
   ========================================================= */

/* Header-Logo vollständig sichtbar und leicht nach unten gesetzt */
.brand,
.logo,
.site-logo,
.header-logo,
.navbar-brand{
  transform:translateY(10px)!important;
}

/* Falls das Logo als Bild innerhalb des Brand-Containers sitzt */
.brand img,
.logo img,
.site-logo img,
.header-logo img,
.navbar-brand img{
  transform:translateY(0)!important;
}

/* Header erhält etwas mehr vertikalen Innenraum */
header,
.site-header,
.main-header,
.navbar{
  padding-top:10px!important;
  padding-bottom:10px!important;
  overflow:visible!important;
}

/* Hero-Hexagonnetz deutlich sichtbarer */
.hero::before{
  opacity:1!important;
  filter:
    contrast(1.24)
    brightness(1.20)
    saturate(1.08)!important;
}

/* Zusätzliche feine Hexagon-Linien über dem bestehenden Muster */
.hero{
  background-color:#020502!important;
}
.hero::selection{
  background:#7cff00;
  color:#020402;
}

/* Energiepfade etwas langsamer und ruhiger */
.hex-energy-v241{
  opacity:.66!important;
}
.hex-energy-v241 path{
  stroke-width:2.6!important;
  stroke-dasharray:10 520!important;
  animation-duration:10.5s!important;
}
.hex-energy-v241 path:nth-child(2){
  animation-duration:12s!important;
}
.hex-energy-v241 path:nth-child(3){
  animation-duration:13.2s!important;
}
.hex-energy-v241 path:nth-child(4){
  animation-duration:11.6s!important;
}

/* Lichtknoten sichtbar, aber nicht hektisch */
.energy-node-v25{
  opacity:.72!important;
  animation-duration:7.6s!important;
  box-shadow:
    0 0 8px rgba(124,255,0,.92),
    0 0 18px rgba(124,255,0,.34)!important;
}

/* Grünen Glow weicher und transparenter machen,
   damit das Hexagonnetz dahinter nicht verschwindet */
.showroom-glow-v20{
  opacity:.72!important;
  filter:blur(28px) saturate(.96)!important;
}
@keyframes v25GlowBreath{
  0%,100%{
    opacity:.64;
    filter:blur(27px) saturate(.94);
  }
  50%{
    opacity:.78;
    filter:blur(30px) saturate(1.02);
  }
}

/* Drucker und Badge unverändert stabil halten */
.machine-cutout-v20{
  z-index:4!important;
}
.machine-badge-v20{
  z-index:6!important;
}

/* Desktop: Logo etwas weniger stark verschieben, falls Header kompakt ist */
@media(min-width:901px){
  .brand,
  .logo,
  .site-logo,
  .header-logo,
  .navbar-brand{
    transform:translateY(8px)!important;
  }
}

/* Mobile: Logo vollständig sichtbar, ohne die Navigation zu verschieben */
@media(max-width:900px){
  header,
  .site-header,
  .main-header,
  .navbar{
    padding-top:12px!important;
    padding-bottom:8px!important;
  }

  .brand,
  .logo,
  .site-logo,
  .header-logo,
  .navbar-brand{
    transform:translateY(8px)!important;
  }

  .hero::before{
    opacity:.96!important;
    filter:
      contrast(1.20)
      brightness(1.16)
      saturate(1.06)!important;
  }

  .hex-energy-v241{
    opacity:.58!important;
  }
}

/* Bewegungsreduktion */
@media(prefers-reduced-motion:reduce){
  .hex-energy-v241 path,
  .energy-node-v25{
    animation:none!important;
  }
}


/* =========================================================
   V27 – deutlich sichtbares, nahtloses Hexagonnetz
   ========================================================= */

/* Bestehenden Hero-Hintergrund durch ein echtes geometrisches Netz ergänzen */
.hero{
  position:relative!important;
  isolation:isolate!important;
  background-color:#010401!important;
}

/* Durchgehendes Hexagonnetz – links etwas ruhiger, hinter dem Drucker kräftiger */
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:1!important;
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.38) 0%,
      rgba(0,0,0,.18) 34%,
      rgba(0,0,0,.02) 58%,
      rgba(0,0,0,.10) 100%),
    radial-gradient(circle at 73% 49%,
      rgba(124,255,0,.20) 0%,
      rgba(124,255,0,.08) 27%,
      transparent 58%),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22138%22%20height%3D%22120%22%20viewBox%3D%220%200%20138%20120%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%2378ff00%22%20stroke-width%3D%221.4%22%20stroke-opacity%3D%22.52%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M34.5%201%20L69%2021%20L69%2061%20L34.5%2081%20L0%2061%20L0%2021%20Z%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M103.5%201%20L138%2021%20L138%2061%20L103.5%2081%20L69%2061%20L69%2021%20Z%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M69%2061%20L103.5%2081%20L103.5%20121%20L69%20141%20L34.5%20121%20L34.5%2081%20Z%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill%3D%22%239aff24%22%20fill-opacity%3D%22.28%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2234.5%22%20cy%3D%221%22%20r%3D%221.3%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2269%22%20cy%3D%2221%22%20r%3D%221.1%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22103.5%22%20cy%3D%221%22%20r%3D%221.3%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22138%22%20cy%3D%2221%22%20r%3D%221.1%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2269%22%20cy%3D%2261%22%20r%3D%221.25%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2281%22%20r%3D%221.1%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22103.5%22%20cy%3D%2281%22%20r%3D%221.1%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E")!important;
  background-size:
    100% 100%,
    100% 100%,
    138px 120px!important;
  background-position:
    center,
    center,
    center top!important;
  background-repeat:
    no-repeat,
    no-repeat,
    repeat!important;
  filter:
    contrast(1.18)
    brightness(1.13)
    saturate(1.05)!important;
  -webkit-mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,1) 74%,
    rgba(0,0,0,.76) 100%)!important;
  mask-image:linear-gradient(
    to bottom,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,1) 74%,
    rgba(0,0,0,.76) 100%)!important;
}

/* Inhalt zuverlässig über dem Netz halten */
.hero-grid,
.hero-content,
.stage,
.trust,
.machine-scene-v20{
  position:relative!important;
  z-index:2!important;
}

/* Energiepfade und Knoten sichtbar, ohne das Netz zu überstrahlen */
.hex-energy-v241{
  z-index:1!important;
  opacity:.66!important;
}
.hex-energy-v241 path{
  stroke-width:2.45!important;
  stroke-dasharray:12 540!important;
  filter:url(#energyGlowV241) drop-shadow(0 0 4px rgba(124,255,0,.40))!important;
}
.energy-node-v25{
  z-index:1!important;
  opacity:.74!important;
}

/* Glow reduzieren, damit die Linien hinter dem Drucker klar bleiben */
.showroom-glow-v20{
  opacity:.58!important;
  filter:blur(30px) saturate(.92)!important;
}

/* Links Lesbarkeit sichern, rechts maximale Netzwirkung */
.hero-copy,
.hero-text,
.hero-content{
  text-shadow:0 2px 18px rgba(0,0,0,.72)!important;
}

/* Mobile: Netz sichtbar, aber nicht zu klein und unruhig */
@media(max-width:900px){
  .hero::before{
    background-size:
      100% 100%,
      100% 100%,
      118px 103px!important;
    opacity:.94!important;
    filter:
      contrast(1.14)
      brightness(1.10)
      saturate(1.03)!important;
  }
  .hex-energy-v241{
    opacity:.54!important;
  }
}

@media(max-width:430px){
  .hero::before{
    background-size:
      100% 100%,
      100% 100%,
      108px 94px!important;
  }
}


/* =========================================================
   V27 – Premium Release Candidate
   ========================================================= */

/* Hero-Hexagonnetz: sichtbar, räumlich und ruhig */
.hero::before{
  opacity:1!important;
  filter:
    contrast(1.24)
    brightness(1.17)
    saturate(1.08)!important;
  transform:translate3d(0,var(--v27-hex-y,0px),0)!important;
  will-change:transform;
}

/* Mehr Tiefe durch zwei gerichtete Lichtquellen */
.hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 70% 40%,
      rgba(124,255,0,.18) 0%,
      rgba(124,255,0,.07) 27%,
      transparent 56%),
    radial-gradient(circle at 28% 82%,
      rgba(124,255,0,.10) 0%,
      transparent 40%),
    linear-gradient(90deg,
      rgba(0,0,0,.24) 0%,
      transparent 43%,
      rgba(0,0,0,.04) 72%,
      rgba(0,0,0,.18) 100%)!important;
  mix-blend-mode:screen;
}

/* Hero-Inhalte über allen Effekten halten */
.hero-grid,
.hero-content,
.stage,
.trust,
.machine-scene-v20{
  position:relative!important;
  z-index:3!important;
}

/* Ruhigere, längere Energieimpulse */
.hex-energy-v241{
  opacity:.70!important;
  z-index:2!important;
}
.hex-energy-v241 path{
  stroke-width:2.55!important;
  stroke-dasharray:13 590!important;
  animation-duration:11.8s!important;
  filter:url(#energyGlowV241)
         drop-shadow(0 0 5px rgba(124,255,0,.46))!important;
}
.hex-energy-v241 path:nth-child(2){animation-duration:13.4s!important}
.hex-energy-v241 path:nth-child(3){animation-duration:14.8s!important}
.hex-energy-v241 path:nth-child(4){animation-duration:12.9s!important}

/* Knotenpunkte organischer */
.energy-node-v25{
  width:4px!important;
  height:4px!important;
  opacity:.78!important;
  animation-duration:8.4s!important;
  box-shadow:
    0 0 8px rgba(124,255,0,.92),
    0 0 20px rgba(124,255,0,.36)!important;
}

/* Drucker etwas plastischer, ohne Position zu verändern */
.machine-cutout-v20{
  filter:
    brightness(1.035)
    contrast(1.045)
    saturate(1)
    drop-shadow(0 6px 3px rgba(0,0,0,.94))
    drop-shadow(0 20px 26px rgba(0,0,0,.56))
    drop-shadow(0 0 21px rgba(124,255,0,.14))!important;
  transform:
    translateX(calc(-50% + var(--v27-printer-x,0px)))
    translateY(var(--v27-printer-y,0px))!important;
  will-change:transform;
}

/* Weicherer Bodenschatten */
.machine-scene-v20::after{
  opacity:.82!important;
  filter:blur(11px)!important;
}

/* Metall-Highlight dezenter und langsamer */
.machine-scene-v20::before{
  animation-duration:12.5s!important;
  opacity:.82!important;
}

/* Badge: hochwertigeres Glas */
.machine-badge-v20{
  border-color:rgba(124,255,0,.45)!important;
  background:
    linear-gradient(180deg,
      rgba(7,13,7,.82),
      rgba(1,5,1,.70))!important;
  box-shadow:
    0 22px 42px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 26px rgba(124,255,0,.11)!important;
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease!important;
}
.machine-badge-v20:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(124,255,0,.62)!important;
  box-shadow:
    0 26px 48px rgba(0,0,0,.56),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 32px rgba(124,255,0,.16)!important;
}

/* Buttons: Premium-Lichtreflex */
.btn,
button,
a[class*="btn"]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn::after,
button::after,
a[class*="btn"]::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  background:linear-gradient(
    110deg,
    transparent 0%,
    transparent 38%,
    rgba(255,255,255,.22) 48%,
    transparent 58%,
    transparent 100%);
  transform:translateX(-135%);
  transition:transform .58s ease;
  pointer-events:none;
}
.btn:hover::after,
button:hover::after,
a[class*="btn"]:hover::after{
  transform:translateX(135%);
}

/* Karten und Icons im restlichen Layout veredeln */
.service-card,
.material-card,
.project-card,
.promise-card,
.feature-card,
[class*="card"]{
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease!important;
}
.service-card:hover,
.material-card:hover,
.project-card:hover,
.promise-card:hover,
.feature-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(124,255,0,.42)!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 22px rgba(124,255,0,.08)!important;
}
.service-card:hover svg,
.material-card:hover svg,
.project-card:hover svg,
.promise-card:hover svg,
.feature-card:hover svg{
  transform:scale(1.05) rotate(2deg);
  filter:drop-shadow(0 0 7px rgba(124,255,0,.38));
}
.service-card svg,
.material-card svg,
.project-card svg,
.promise-card svg,
.feature-card svg{
  transition:transform .28s ease,filter .28s ease;
}

/* Abschnittsübergänge weicher */
section{
  position:relative;
}
section:not(.hero)::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-90px;
  height:90px;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(2,6,2,.72));
}

/* Mobile separat optimiert */
@media(max-width:900px){
  .hero::before{
    opacity:.98!important;
    filter:
      contrast(1.18)
      brightness(1.13)
      saturate(1.05)!important;
  }
  .hex-energy-v241{
    opacity:.59!important;
  }
  .machine-cutout-v20{
    --v27-printer-x:18px;
  }
  .machine-badge-v20{
    right:3.5%!important;
  }
}

@media(max-width:430px){
  .machine-cutout-v20{
    --v27-printer-x:14px;
  }
  .hero::after{
    background:
      radial-gradient(circle at 67% 48%,
        rgba(124,255,0,.14) 0%,
        transparent 52%),
      linear-gradient(90deg,
        rgba(0,0,0,.18),
        transparent 45%,
        rgba(0,0,0,.08))!important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .hero::before,
  .machine-cutout-v20,
  .machine-badge-v20,
  .machine-scene-v20::before,
  .energy-node-v25,
  .hex-energy-v241 path{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}


/* =========================================================
   V27.3 – Hero ohne Drucker, Fokus auf Hexagonnetz
   ========================================================= */

.hero {
  min-height: 740px !important;
  padding: 72px 0 34px !important;
  background:
    radial-gradient(circle at 76% 48%, rgba(124,255,0,.12) 0%, rgba(124,255,0,.04) 25%, transparent 55%),
    linear-gradient(180deg, #000 0%, #010301 58%, #000 100%) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.hero-grid {
  grid-template-columns: 1fr !important;
  max-width: 100% !important;
  position: relative !important;
  z-index: 3 !important;
}

.hero-copy {
  max-width: 650px !important;
  position: relative !important;
  z-index: 4 !important;
}

/* Drucker, Bühne, Badge und zugehörige Reflexionen vollständig entfernen */
.stage,
.printer-card,
.machine-scene-v20,
.machine-badge-v20,
.showroom-glow-v20,
.platform-v20,
.reflection-v20 {
  display: none !important;
}

/* Primäres Hexagonnetz */
.hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.64) 0%,
      rgba(0,0,0,.44) 28%,
      rgba(0,0,0,.08) 52%,
      rgba(0,0,0,.02) 100%),
    radial-gradient(circle at 76% 50%,
      rgba(124,255,0,.18) 0%,
      rgba(124,255,0,.07) 28%,
      transparent 58%),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27180%27%20height%3D%27156%27%20viewBox%3D%270%200%20180%20156%27%3E%0A%20%20%3Cg%20fill%3D%27none%27%20stroke%3D%27%237cff00%27%20stroke-width%3D%271.25%27%20stroke-opacity%3D%27.58%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M45%200%20L90%2026%20L90%2078%20L45%20104%20L0%2078%20L0%2026%20Z%27/%3E%0A%20%20%20%20%3Cpath%20d%3D%27M135%200%20L180%2026%20L180%2078%20L135%20104%20L90%2078%20L90%2026%20Z%27/%3E%0A%20%20%20%20%3Cpath%20d%3D%27M90%2078%20L135%20104%20L135%20156%20L90%20182%20L45%20156%20L45%20104%20Z%27/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20fill%3D%27%23a8ff58%27%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2745%27%20cy%3D%270%27%20r%3D%271.6%27%20fill-opacity%3D%27.42%27/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2790%27%20cy%3D%2726%27%20r%3D%271.4%27%20fill-opacity%3D%27.34%27/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%27135%27%20cy%3D%270%27%20r%3D%271.6%27%20fill-opacity%3D%27.42%27/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%27180%27%20cy%3D%2726%27%20r%3D%271.4%27%20fill-opacity%3D%27.34%27/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2790%27%20cy%3D%2778%27%20r%3D%271.6%27%20fill-opacity%3D%27.42%27/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2745%27%20cy%3D%27104%27%20r%3D%271.4%27%20fill-opacity%3D%27.34%27/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%27135%27%20cy%3D%27104%27%20r%3D%271.4%27%20fill-opacity%3D%27.34%27/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E") !important;
  background-size:
    100% 100%,
    100% 100%,
    180px 156px !important;
  background-position:
    center,
    center,
    center top !important;
  background-repeat:
    no-repeat,
    no-repeat,
    repeat !important;
  filter: contrast(1.2) brightness(1.08) saturate(1.06) !important;
}

/* Rechte Seite: intensiver, leuchtender Netzbereich */
.hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 0 34% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 58% 48%,
      rgba(124,255,0,.22) 0%,
      rgba(124,255,0,.09) 23%,
      transparent 52%),
    linear-gradient(90deg,
      transparent 0%,
      rgba(124,255,0,.035) 48%,
      rgba(124,255,0,.08) 100%) !important;
  mix-blend-mode: screen !important;
}

/* Energiepfade und Knoten klar sichtbar */
.hex-energy-v241 {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: .82 !important;
  pointer-events: none !important;
}
.hex-energy-v241 path {
  stroke-width: 2.25 !important;
  stroke-dasharray: 12 560 !important;
  filter: url(#energyGlowV241) drop-shadow(0 0 5px rgba(124,255,0,.52)) !important;
}

.energy-node-v25 {
  display: block !important;
  z-index: 2 !important;
  width: 5px !important;
  height: 5px !important;
  opacity: .86 !important;
  box-shadow:
    0 0 8px rgba(124,255,0,.98),
    0 0 22px rgba(124,255,0,.42) !important;
}

/* Textlesbarkeit */
.hero-copy::before {
  content: "" !important;
  position: absolute !important;
  inset: -34px -54px -40px -40px !important;
  z-index: -1 !important;
  background: radial-gradient(circle at 28% 46%,
    rgba(0,0,0,.66) 0%,
    rgba(0,0,0,.38) 42%,
    transparent 76%) !important;
  pointer-events: none !important;
}

.trust {
  position: relative !important;
  z-index: 4 !important;
  margin-top: 42px !important;
}

/* Desktop-Komposition */
@media (min-width: 901px) {
  .hero .wrap {
    position: relative !important;
  }
  .hero-copy {
    padding-top: 18px !important;
  }
  .headline {
    max-width: 620px !important;
  }
}

/* Mobile: Netz bleibt sichtbar, Text bleibt dominant */
@media (max-width: 900px) {
  .hero {
    min-height: auto !important;
    padding: 44px 0 26px !important;
  }

  .hero::before {
    background-size:
      100% 100%,
      100% 100%,
      126px 109px !important;
    background-position:
      center,
      center,
      56% top !important;
    filter: contrast(1.16) brightness(1.05) saturate(1.04) !important;
  }

  .hero::after {
    inset: 24% -15% 0 22% !important;
    opacity: .78 !important;
  }

  .hex-energy-v241 {
    opacity: .64 !important;
  }

  .trust {
    margin-top: 28px !important;
  }
}

@media (max-width: 430px) {
  .hero::before {
    background-size:
      100% 100%,
      100% 100%,
      112px 97px !important;
  }

  .hero-copy::before {
    inset: -20px -20px -28px -20px !important;
  }
}


/* =========================================================
   V27.3.1 – echtes SVG-Hexagonnetz, Safari/Chrome stabil
   ========================================================= */
.hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 76% 50%,rgba(124,255,0,.07) 0%,transparent 48%),
    linear-gradient(180deg,#000 0%,#010301 56%,#000 100%)!important;
}

/* Alte pseudo-element Hintergründe abschalten */
.hero::before,
.hero::after{
  content:none!important;
  display:none!important;
}

.hex-grid-v2731{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  opacity:.96;
  overflow:visible;
}

.hex-grid-v2731 .hex-lines{
  mix-blend-mode:screen;
}

.hex-grid-v2731 .hex-nodes{
  opacity:.72;
  animation:nodePulse2731 5.8s ease-in-out infinite alternate;
}

.hex-grid-v2731 .energy-path{
  stroke-dasharray:18 380;
  stroke-dashoffset:420;
  animation:energyRun2731 8.8s linear infinite;
}
.hex-grid-v2731 .p2{animation-delay:-2.1s;animation-duration:10.2s}
.hex-grid-v2731 .p3{animation-delay:-4.7s;animation-duration:9.4s}
.hex-grid-v2731 .p4{animation-delay:-6.3s;animation-duration:11.1s}

@keyframes energyRun2731{
  0%{stroke-dashoffset:430;opacity:0}
  10%{opacity:.18}
  40%{opacity:1}
  72%{opacity:.44}
  100%{stroke-dashoffset:-20;opacity:0}
}
@keyframes nodePulse2731{
  from{opacity:.38}
  to{opacity:.84}
}

/* Text und Trust sicher über dem SVG */
.hero-grid,
.hero-copy,
.trust{
  position:relative!important;
  z-index:3!important;
}

/* Links gezielte Lesbarkeitsmaske, ohne das Netz zu löschen */
.hero-copy::before{
  content:""!important;
  position:absolute!important;
  inset:-40px -80px -50px -50px!important;
  z-index:-1!important;
  background:radial-gradient(circle at 28% 46%,
    rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.46) 44%,
    rgba(0,0,0,.12) 68%,
    transparent 82%)!important;
  pointer-events:none!important;
}

/* Drucker bleibt bewusst entfernt */
.stage,
.printer-card,
.machine-scene-v20,
.machine-badge-v20,
.showroom-glow-v20,
.platform-v20,
.reflection-v20{
  display:none!important;
}

/* Mobile: Netz explizit stärker und sauber skaliert */
@media(max-width:900px){
  .hex-grid-v2731{
    width:155%;
    left:-28%;
    opacity:1;
  }
  .hero-copy::before{
    inset:-24px -24px -34px -24px!important;
    background:radial-gradient(circle at 24% 40%,
      rgba(0,0,0,.78) 0%,
      rgba(0,0,0,.52) 47%,
      rgba(0,0,0,.12) 72%,
      transparent 86%)!important;
  }
  .hex-grid-v2731 .energy-path{
    stroke-width:4.6;
  }
  .hex-grid-v2731 .hex-lines{
    stroke-width:1.9;
  }
}

@media(max-width:430px){
  .hex-grid-v2731{
    width:175%;
    left:-38%;
  }
}

@media(prefers-reduced-motion:reduce){
  .hex-grid-v2731 .hex-nodes,
  .hex-grid-v2731 .energy-path{
    animation:none!important;
  }
}


/* =========================================================
   V27.3.2 – geometrisches SVG-Netz ohne Punkte im Innern
   ========================================================= */
.hex-grid-v2731{
  display:none!important;
}

.hex-grid-v2732{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  overflow:visible;
  opacity:.98;
}

.hex-lines-v2732{
  mix-blend-mode:screen;
}

.hex-nodes-v2732 .hex-node{
  animation:nodeBreath2732 6.4s ease-in-out infinite alternate;
}

.energy-routes-v2732 .energy-route{
  stroke-dasharray:14 430;
  stroke-dashoffset:460;
  animation:energyMove2732 9.5s linear infinite;
}
.energy-routes-v2732 .route-2{
  animation-delay:-2.7s;
  animation-duration:10.8s;
}
.energy-routes-v2732 .route-3{
  animation-delay:-5.2s;
  animation-duration:11.4s;
}
.energy-routes-v2732 .route-4{
  animation-delay:-7.4s;
  animation-duration:12.1s;
}

@keyframes nodeBreath2732{
  from{opacity:.34}
  to{opacity:.88}
}

@keyframes energyMove2732{
  0%{stroke-dashoffset:470;opacity:0}
  10%{opacity:.14}
  42%{opacity:.92}
  73%{opacity:.38}
  100%{stroke-dashoffset:-20;opacity:0}
}

/* Schwarzer Hintergrund, damit das Netz klar und hochwertig wirkt */
.hero{
  background:
    radial-gradient(circle at 76% 51%,rgba(124,255,0,.065) 0%,transparent 48%),
    linear-gradient(180deg,#000 0%,#010301 58%,#000 100%)!important;
}

@media(max-width:900px){
  .hex-grid-v2732{
    width:138%;
    left:-20%;
    opacity:1;
  }

  .hex-lines-v2732{
    stroke-width:1.7;
  }

  .energy-routes-v2732{
    stroke-width:4;
  }
}

@media(max-width:430px){
  .hex-grid-v2732{
    width:148%;
    left:-25%;
  }
}

@media(prefers-reduced-motion:reduce){
  .hex-nodes-v2732 .hex-node,
  .energy-routes-v2732 .energy-route{
    animation:none!important;
  }
}


/* =========================================================
   V27.3.3 – feineres und dichteres SVG-Hexagonnetz
   ========================================================= */
.hex-grid-v2732{
  display:none!important;
}

.hex-grid-v2733{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  overflow:visible;
  opacity:.98;
}

.hex-lines-v2733{
  mix-blend-mode:screen;
}

.hex-nodes-v2733 .hex-node{
  animation:nodeBreath2733 6.8s ease-in-out infinite alternate;
}

.energy-routes-v2733 .energy-route{
  stroke-dasharray:12 460;
  stroke-dashoffset:480;
  animation:energyMove2733 10.2s linear infinite;
}
.energy-routes-v2733 .route-2{
  animation-delay:-2.8s;
  animation-duration:11.6s;
}
.energy-routes-v2733 .route-3{
  animation-delay:-5.4s;
  animation-duration:12.1s;
}
.energy-routes-v2733 .route-4{
  animation-delay:-7.6s;
  animation-duration:12.8s;
}

@keyframes nodeBreath2733{
  from{opacity:.28}
  to{opacity:.78}
}

@keyframes energyMove2733{
  0%{stroke-dashoffset:490;opacity:0}
  10%{opacity:.12}
  42%{opacity:.88}
  73%{opacity:.34}
  100%{stroke-dashoffset:-20;opacity:0}
}

.hero{
  background:
    radial-gradient(circle at 76% 51%,rgba(124,255,0,.055) 0%,transparent 48%),
    linear-gradient(180deg,#000 0%,#010301 58%,#000 100%)!important;
}

@media(max-width:900px){
  .hex-grid-v2733{
    width:132%;
    left:-16%;
    opacity:1;
  }

  .hex-lines-v2733{
    stroke-width:1.26;
  }

  .energy-routes-v2733{
    stroke-width:3.35;
  }
}

@media(max-width:430px){
  .hex-grid-v2733{
    width:140%;
    left:-20%;
  }
}

@media(prefers-reduced-motion:reduce){
  .hex-nodes-v2733 .hex-node,
  .energy-routes-v2733 .energy-route{
    animation:none!important;
  }
}


/* V27.3.4 – externes SVG-Hexagonnetz aus Referenz */
.hex-grid-v2733{display:none!important}
.hex-grid-v28{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  pointer-events:none;
  user-select:none;
  opacity:1;
}
.hero{
  background:
    radial-gradient(circle at 74% 50%,rgba(124,255,0,.045) 0%,transparent 50%),
    linear-gradient(180deg,#000 0%,#010301 58%,#000 100%)!important;
}
.hero-grid,.hero-copy,.trust{position:relative!important;z-index:3!important}
.stage,.printer-card,.machine-scene-v20,.machine-badge-v20,.showroom-glow-v20,.platform-v20,.reflection-v20{display:none!important}
@media(max-width:900px){
  .hex-grid-v28{width:145%;left:-22.5%;max-width:none}
}
@media(max-width:430px){
  .hex-grid-v28{width:165%;left:-32.5%}
}


/* =========================================================
   V28 – Premium Industrial Hexagon Hero
   ========================================================= */
.hex-grid-v2734{display:none!important}

.hex-grid-v28{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  pointer-events:none;
  user-select:none;
  opacity:1;
}

.hero{
  background:
    linear-gradient(180deg,#000 0%,#010301 58%,#000 100%)!important;
}

.hero-grid,
.hero-copy,
.trust{
  position:relative!important;
  z-index:3!important;
}

.hero-copy::before{
  content:""!important;
  position:absolute!important;
  inset:-44px -84px -56px -52px!important;
  z-index:-1!important;
  background:radial-gradient(circle at 26% 46%,
    rgba(0,0,0,.76) 0%,
    rgba(0,0,0,.52) 42%,
    rgba(0,0,0,.18) 67%,
    transparent 84%)!important;
  pointer-events:none!important;
}

/* Drucker und Badge bleiben bis V29 ausgeblendet */
.stage,
.printer-card,
.machine-scene-v20,
.machine-badge-v20,
.showroom-glow-v20,
.platform-v20,
.reflection-v20{
  display:none!important;
}

@media(max-width:900px){
  .hex-grid-v28{
    width:145%;
    left:-22.5%;
    max-width:none;
  }
}

@media(max-width:430px){
  .hex-grid-v28{
    width:165%;
    left:-32.5%;
  }

  .hero-copy::before{
    inset:-24px -24px -34px -24px!important;
  }
}


/* =========================================================
   V28.1 – Altanimationen bereinigt
   Nur hexagon-netz-v28.svg steuert Netz, Knoten und Lauflichter
   ========================================================= */

/* Frühere Energie- und Knotensysteme vollständig deaktivieren */
.hex-energy-v241,
.energy-node-v25,
.hex-grid-v2731,
.hex-grid-v2732,
.hex-grid-v2733,
.hex-grid-v2734,
.energy-tracks-v24,
.energy-tracks-v2731,
.energy-routes-v2732,
.energy-routes-v2733,
.energy-routes-v2734{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}

/* Alte Pseudo-Effekte des Hero abschalten, damit nichts über dem SVG läuft */
.hero::after{
  content:none!important;
  display:none!important;
}

/* Das neue SVG ist die einzige aktive Netzebene */
.hex-grid-v28{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  pointer-events:none!important;
  user-select:none!important;
  opacity:1!important;
}

/* Sicherheit: keine separaten Animationen aus älteren CSS-Blöcken */
@keyframes v24EnergyRun{}
@keyframes v241Energy{}
@keyframes energyRun2731{}
@keyframes energyMove2732{}
@keyframes energyMove2733{}
@keyframes v25Node{}
@keyframes v25NodePulse{}


/* =========================================================
   V28.2 – vollständiger Code Cleanup
   Keine frei laufenden Lichtstriche mehr.
   ========================================================= */

/* Sämtliche historischen Effekt-Layer deaktivieren */
.hex-energy-v241,
.energy-node-v25,
.energy-tracks-v24,
.energy-tracks-v2731,
.energy-routes-v2732,
.energy-routes-v2733,
.energy-routes-v2734,
.energy-routes-v28,
[class*="light-streak"],
[class*="energy-streak"],
[class*="shooting-light"],
[class*="particle-trail"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}

/* Keine alten Hero-Pseudoanimationen */
.hero::before,
.hero::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
}

/* Einzige aktive Hintergrundebene */
.hex-grid-v28{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  opacity:1!important;
  pointer-events:none!important;
}

/* Drucker bleibt für die Netzbeurteilung entfernt */
.stage,
.printer-card,
.machine-scene-v20,
.machine-badge-v20,
.showroom-glow-v20,
.platform-v20,
.reflection-v20{
  display:none!important;
}


/* =========================================================
   V28.3 – letzte Reflexion entfernt
   Ursache: historischer globaler body::after-Effekt
   ========================================================= */

/* Sämtliche globale Alt-Effekte abschalten */
body::after,
body:after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
  animation:none!important;
  box-shadow:none!important;
}

/* Alte globale Hexagon-/Glow-Ebene ebenfalls deaktivieren.
   Das aktuelle Netz kommt ausschließlich aus hexagon-netz-v28-2-clean.svg */
body::before,
body:before{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
  animation:none!important;
}

/* Alle bekannten alten Pulse und Reflexionsanimationen neutralisieren */
@keyframes energyPulse{
  from{opacity:0}
  to{opacity:0}
}
@keyframes hexDrift{
  from{transform:none}
  to{transform:none}
}

/* Das bereinigte SVG bleibt die einzige visuelle Hero-Ebene */
.hex-grid-v28{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:none!important;
}

/* Keine zusätzlichen Reflexions- oder Glow-Ebenen */
.reflection,
[class*="reflection"],
[class*="ambient-glow"],
[class*="showroom-glow"],
[class*="light-flare"],
[class*="lens-flare"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}


/* V67.1 – Leistungskacheln: identische Geometrie + saubere Hexagon-Icons */
.services-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.services-grid .card{
  position:relative!important;
  height:100%!important;
  min-height:420px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(122,255,0,.42)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#181b18 0%,#111411 100%)!important;
  box-shadow:none!important;
}
.services-grid .card-img{
  position:relative!important;
  height:225px!important;
  flex:0 0 225px!important;
  overflow:hidden!important;
  background:#141714!important;
}
.services-grid .card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
/* verdeckt nur das eventuell im Bild vorhandene alte Symbol */
.services-grid .card-img::before{
  content:"";
  position:absolute;
  z-index:2;
  left:9px;
  top:9px;
  width:58px;
  height:58px;
  border-radius:12px;
  background:rgba(20,23,20,.96);
}
/* ein einziges, für alle Karten identisches Hexagon */
.services-grid .card::before{
  content:"";
  position:absolute;
  z-index:4;
  left:19px;
  top:18px;
  width:43px;
  height:49px;
  background:#7dff00;
  clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);
}
.services-grid .card::after{
  content:attr(data-icon);
  position:absolute;
  z-index:5;
  left:22px;
  top:21px;
  width:37px;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7dff00;
  background:#111411;
  font-size:19px;
  font-weight:800;
  line-height:1;
  clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);
}
.services-grid .card-body{
  flex:1 1 auto!important;
  min-height:195px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:18px 18px 16px!important;
  background:linear-gradient(180deg,#191c19 0%,#121512 100%)!important;
}
.services-grid .card-body h3{
  min-height:48px!important;
  margin:0 0 8px!important;
  display:flex!important;
  align-items:flex-start!important;
}
.services-grid .card-body p{
  margin:0!important;
  flex:1 1 auto!important;
}
.services-grid .card-body .more{
  margin-top:18px!important;
  align-self:flex-start!important;
}
.services-grid .card:hover{
  transform:translateY(-6px)!important;
  border-color:#7dff00!important;
  box-shadow:0 12px 30px rgba(91,255,0,.12)!important;
}
@media(max-width:1000px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .services-grid{grid-template-columns:1fr!important}
  .services-grid .card{min-height:0!important}
}


/* V67.2 – alle vier Leistungskacheln exakt gleich gross */
.services-grid{
  align-items:stretch!important;
}
.services-grid .card{
  height:420px!important;
  min-height:420px!important;
  max-height:420px!important;
  box-sizing:border-box!important;
}
.services-grid .card-img{
  height:225px!important;
  min-height:225px!important;
  max-height:225px!important;
  flex:0 0 225px!important;
}
.services-grid .card-body{
  height:195px!important;
  min-height:195px!important;
  max-height:195px!important;
  flex:0 0 195px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.services-grid .card-body h3{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  overflow:hidden!important;
  margin:0 0 8px!important;
}
.services-grid .card-body p{
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  overflow:hidden!important;
  margin:0!important;
  flex:none!important;
}
.services-grid .card-body .more{
  margin-top:12px!important;
}
@media(max-width:620px){
  .services-grid .card{
    height:420px!important;
    min-height:420px!important;
    max-height:420px!important;
  }
}


/* V70.49 – dezente, responsive Handlungslinks in den Referenzprojekten */
.rsh-case-cta{display:inline-flex;align-items:center;justify-content:center;gap:.65em;margin-top:18px;padding:12px 18px;border:1px solid rgba(112,255,0,.65);border-radius:12px;color:#80ff20;background:rgba(110,255,0,.06);font-weight:750;text-decoration:none;line-height:1.35;transition:background .2s,border-color .2s,transform .2s}
.rsh-case-cta:hover,.rsh-case-cta:focus-visible{background:rgba(110,255,0,.14);border-color:#80ff20;transform:translateY(-1px)}
.rsh-case-cta:focus-visible{outline:2px solid #b6ff68;outline-offset:3px}
@media(max-width:640px){.rsh-case-cta{width:100%;min-height:48px;text-align:center;margin-top:16px}}

/* V80.4: Interaktiver Materialberater */
.rsh-advisor{padding:72px 0 82px;position:relative;z-index:1}
.rsh-advisor .advisor-shell{border:1px solid rgba(117,255,25,.35);border-radius:26px;padding:clamp(20px,4vw,42px);background:linear-gradient(145deg,rgba(10,25,13,.96),rgba(5,12,8,.96));box-shadow:0 16px 42px rgba(0,0,0,.2)}
.rsh-advisor h2{font-size:clamp(30px,5vw,52px);line-height:1.1;margin:12px 0 18px;color:white}
.rsh-advisor h2 span{color:#79ff16}.rsh-advisor .advisor-lead{color:#b9bdb9;max-width:760px;line-height:1.65;margin:0 0 28px}
.rsh-advisor fieldset{border:0;padding:0;margin:0}.rsh-advisor legend{font-weight:750;color:white;font-size:clamp(17px,2.5vw,21px);margin-bottom:16px}
.rsh-advisor .advisor-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rsh-advisor .advisor-option{cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(122,255,25,.27);border-radius:15px;background:rgba(3,9,5,.7);color:#f1f6ee;font-weight:650;min-height:68px;transition:border-color .15s,background .15s}
.rsh-advisor .advisor-option:has(input:checked){background:rgba(100,230,15,.14);border-color:#79ff16;box-shadow:inset 0 0 0 1px rgba(121,255,22,.2)}
.rsh-advisor .advisor-option input{accent-color:#79ff16;width:19px;height:19px;flex-shrink:0}
.rsh-advisor .advisor-results{margin-top:26px;padding-top:24px;border-top:1px solid rgba(121,255,22,.22)}
.rsh-advisor .advisor-results h3{color:#fff;font-size:clamp(21px,3vw,26px);margin:0 0 10px}.rsh-advisor .advisor-note{color:#b4c1b1;margin:0 0 18px;line-height:1.6}
.rsh-advisor .advisor-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rsh-advisor .advisor-card{border:1px solid rgba(121,255,22,.32);border-radius:16px;padding:19px;background:rgba(4,14,8,.9)}
.rsh-advisor .advisor-card strong{display:block;font-size:23px;color:#79ff16;margin-bottom:7px}.rsh-advisor .advisor-card p{color:#d5ddd2;line-height:1.55;margin:0 0 16px}
.rsh-advisor .advisor-card a{display:inline-flex;padding:12px 16px;border:1px solid #79ff16;border-radius:12px;color:#79ff16;text-decoration:none;font-weight:750;min-height:44px;align-items:center}
.rsh-advisor .advisor-card a:focus-visible,.rsh-advisor .advisor-option:focus-within{outline:2px solid #fff;outline-offset:3px}
.rsh-advisor .advisor-disclaimer{font-size:13px;color:#aab7a6;margin:18px 0 0;line-height:1.55}
@media(max-width:720px){.rsh-advisor{padding:48px 0 60px}.rsh-advisor .advisor-options{grid-template-columns:repeat(2,minmax(0,1fr))}.rsh-advisor .advisor-cards{grid-template-columns:1fr}.rsh-advisor .advisor-option{padding:12px;gap:8px;font-size:14px;min-height:70px}}
@media(max-width:390px){.rsh-advisor .advisor-options{grid-template-columns:1fr}.rsh-advisor .advisor-option{min-height:54px}}

/* V80.6: optionale Eckdaten im bestehenden Formularstil */
.contact-v806-extras{margin:6px 0 20px;padding:20px;border:1px solid rgba(125,255,0,.24);border-radius:18px;background:rgba(20,36,17,.28)}
.contact-v806-extras-title{display:flex;flex-direction:column;gap:4px;margin-bottom:17px}
.contact-v806-extras-title b{color:#f5fff2;font-size:1.06rem}
.contact-v806-extras-title span{color:#b1b9af;font-size:.91rem;line-height:1.5}
.contact-v806-extras .contact-v70-row{margin-bottom:0}
.contact-v806-extras .contact-v70-field em{font-style:normal;font-weight:400;color:#aeb8a8;font-size:.84em}
.contact-v806-extras .contact-v70-field small{display:block;margin-top:7px;color:#aeb8a8;line-height:1.45}
.contact-v806-extras input[type="date"]{min-width:0;width:100%;color-scheme:dark}
@media(max-width:640px){.contact-v806-extras{padding:16px 13px;border-radius:16px}.contact-v806-extras .contact-v70-row{display:grid;grid-template-columns:1fr;gap:15px}}