@media(max-width:900px){.links.open{display:flex;position:fixed;top:118px;left:18px;right:18px;flex-direction:column;align-items:stretch;gap:0;background:rgba(3,7,3,.97);border:1px solid rgba(124,255,0,.25);border-radius:18px;padding:14px;box-shadow:0 30px 70px rgba(0,0,0,.65);backdrop-filter:blur(18px)}.links.open a{padding:16px;border-bottom:1px solid rgba(124,255,0,.12)}.links.open a:last-child{border-bottom:0;text-align:center;margin-top:8px}}

/* === 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 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}}


/* 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;
  }
}



/* Project NOVA V15.1 — smaller connected hexagons, focused glow, printer standing on platform */
body:before{
  background-size:1632px auto!important; /* 15% smaller hexagons */
  background-position:center top!important;
  opacity:.78!important;
}
body:after{
  background:
    radial-gradient(circle at 33% 13%,rgba(124,255,0,.10),transparent 7%),
    radial-gradient(circle at 49% 22%,rgba(124,255,0,.16),transparent 8%),
    radial-gradient(circle at 69% 12%,rgba(124,255,0,.18),transparent 8%),
    radial-gradient(circle at 82% 28%,rgba(124,255,0,.12),transparent 7%),
    radial-gradient(circle at 73% 19%,rgba(124,255,0,.10),transparent 31%),
    linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.64))!important;
}
.hero:before{
  background:
    radial-gradient(circle at 72% 36%,rgba(124,255,0,.19),transparent 25%),
    radial-gradient(circle at 14% 68%,rgba(124,255,0,.035),transparent 35%)!important;
}
.printer-card{overflow:visible!important;}
.neon-stage{
  left:1%!important;right:4%!important;bottom:40px!important;height:126px!important;
  border-radius:12px 12px 5px 5px!important;
  transform:perspective(1000px) rotateX(63deg)!important;
  background:linear-gradient(180deg,rgba(18,22,18,.90),rgba(0,0,0,.98))!important;
  border:1.5px solid rgba(124,255,0,.86)!important;
  box-shadow:0 0 19px rgba(124,255,0,.44),inset 0 0 34px rgba(124,255,0,.05)!important;
}
.neon-stage:before{
  height:20px!important;bottom:-18px!important;
  background:linear-gradient(180deg,#0b0e0b,#010201)!important;
  border-top:1.5px solid rgba(124,255,0,.95)!important;
  box-shadow:0 9px 25px rgba(0,0,0,.84),0 0 20px rgba(124,255,0,.24)!important;
}
.neon-stage:after{right:4%!important;top:-154px!important;opacity:.78!important;}
.printer-card:before{left:8%!important;bottom:36px!important;height:236px!important;opacity:.78!important;}
.machine-visual{align-items:flex-start!important;}
.machine-main{
  width:70%!important;max-width:460px!important;
  margin-top:-4px!important;
  transform:perspective(1100px) rotateY(-5deg)!important;
  filter:drop-shadow(0 22px 25px rgba(0,0,0,.68)) drop-shadow(0 4px 8px rgba(0,0,0,.45))!important;
}
.machine-reflection{
  width:70%!important;max-width:460px!important;top:340px!important;
  opacity:.30!important;filter:blur(1.15px) brightness(.56) saturate(.72)!important;
  transform:perspective(1100px) rotateY(-5deg) scaleY(-1)!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.80),rgba(0,0,0,.30) 38%,transparent 74%)!important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.80),rgba(0,0,0,.30) 38%,transparent 74%)!important;
}
.printer-card:after{
  left:18%!important;right:15%!important;bottom:117px!important;height:24px!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.92),rgba(0,0,0,.62) 45%,transparent 74%)!important;
  filter:blur(7px)!important;opacity:.90!important;z-index:3!important;
}
.machine-badge{right:-24px!important;bottom:76px!important;z-index:8!important;}
@media(min-width:901px){
  .stage{min-height:545px!important;}
  .printer-card{width:min(700px,100%)!important;height:525px!important;}
}
@media(max-width:900px){
  body:before{background-size:884px auto!important;background-position:62% top!important;opacity:.52!important;}
  body:after{background:
    radial-gradient(circle at 74% 13%,rgba(124,255,0,.14),transparent 12%),
    radial-gradient(circle at 42% 25%,rgba(124,255,0,.09),transparent 10%),
    linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.78))!important;}
  .stage{min-height:405px!important;}
  .printer-card{width:min(420px,96vw)!important;min-height:395px!important;}
  .machine-main{width:75%!important;max-width:300px!important;margin-top:-2px!important;transform:perspective(900px) rotateY(-3deg)!important;}
  .machine-reflection{width:75%!important;max-width:300px!important;top:238px!important;transform:perspective(900px) rotateY(-3deg) scaleY(-1)!important;opacity:.25!important;}
  .neon-stage{left:4%!important;right:4%!important;bottom:38px!important;height:105px!important;}
  .neon-stage:before{height:15px!important;bottom:-13px!important;}
  .neon-stage:after{top:-105px!important;right:5%!important;}
  .printer-card:before{left:9%!important;height:170px!important;bottom:31px!important;}
  .printer-card:after{left:20%!important;right:18%!important;bottom:98px!important;height:18px!important;}
  .machine-badge{right:8px!important;bottom:7px!important;max-width:174px!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 V18 – Premium Polish / Release Candidate === */
:root{
  --ease-premium:cubic-bezier(.22,.8,.22,1);
  --green-soft:rgba(124,255,0,.12);
  --green-glow:rgba(124,255,0,.32);
}
html{scroll-padding-top:124px}
body{min-width:320px}
body::before{
  animation:hexDrift 24s linear infinite alternate;
  will-change:background-position,opacity;
}
body::after{
  animation:energyPulse 9s ease-in-out infinite alternate;
  will-change:opacity,filter;
}
@keyframes hexDrift{
  from{background-position:0 var(--hex-shift,0px)}
  to{background-position:24px calc(var(--hex-shift,0px) + 18px)}
}
@keyframes energyPulse{
  0%,100%{opacity:.48;filter:blur(6px) brightness(.9)}
  45%{opacity:.78;filter:blur(5px) brightness(1.18)}
  70%{opacity:.58;filter:blur(7px) brightness(1)}
}
.nav{box-shadow:0 16px 42px rgba(0,0,0,.28)}
.links a:not(.cta){position:relative;padding:10px 0}
.links a:not(.cta)::after{content:"";position:absolute;left:50%;right:50%;bottom:1px;height:1px;background:var(--green);box-shadow:0 0 10px var(--green);transition:left .28s var(--ease-premium),right .28s var(--ease-premium)}
.links a:not(.cta):hover::after{left:0;right:0}
.hero-copy,.stage{transition:transform .35s var(--ease-premium)}
.hero-copy{position:relative;z-index:2}
.lead{max-width:100%;overflow-wrap:anywhere}
.actions{position:relative;z-index:3}
.btn{isolation:isolate;min-height:54px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.btn::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 50% 120%,rgba(124,255,0,.18),transparent 58%);opacity:0;transition:opacity .3s ease;z-index:-1}
.btn:hover::before{opacity:1}
.btn:active{transform:translateY(0) scale(.99)}
.trust{overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)}
.trust div{position:relative;transition:background .3s ease,transform .3s var(--ease-premium)}
.trust div::after{content:"";position:absolute;inset:auto 16% 0;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:0;transition:opacity .3s ease}
.trust div:hover{background:linear-gradient(180deg,rgba(124,255,0,.055),transparent);transform:translateY(-2px)}
.trust div:hover::after{opacity:.9}
.stripe{position:relative;overflow:hidden}
.stripe::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 22%,rgba(124,255,0,.045) 48%,transparent 74%);transform:translateX(-100%);animation:stripeSweep 12s ease-in-out infinite}
@keyframes stripeSweep{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
.card,.material-card,.project-card,.promise,.form input,.form textarea,.form select{
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
.card,.material-card,.project-card{position:relative;isolation:isolate}
.card::after,.material-card::after,.project-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(124,255,0,.34),transparent 28%,transparent 72%,rgba(124,255,0,.16));opacity:0;z-index:-1;transition:opacity .35s ease;filter:blur(.2px)}
.card:hover::after,.material-card:hover::after,.project-card:hover::after{opacity:.7}
.card-img img,.project-card img{transition:transform .65s var(--ease-premium),filter .5s ease}
.card:hover .card-img img,.project-card:hover img{transform:scale(1.045);filter:brightness(1.06) contrast(1.05)}
.material-card{padding:24px;min-height:172px;display:flex;flex-direction:column;justify-content:flex-start}
.material-card b{font-size:22px;letter-spacing:.02em}
.material-card span{font-size:16px}
.material-card .pillrow{margin-top:auto;padding-top:18px}
.pill{background:rgba(124,255,0,.025);transition:background .25s ease,border-color .25s ease,transform .25s ease}
.material-card:hover .pill{border-color:rgba(124,255,0,.42);background:rgba(124,255,0,.06);transform:translateY(-1px)}
.step-icon{transition:transform .35s var(--ease-premium),box-shadow .35s ease,background .35s ease}
.step:hover .step-icon{transform:translateY(-4px) rotate(2deg);background:rgba(124,255,0,.055);box-shadow:0 0 28px rgba(124,255,0,.16)}
.promise{box-shadow:0 30px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)}
.form input,.form textarea,.form select{background:rgba(1,4,1,.72)}
.form input[type=file]{padding:12px}
footer{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.55));position:relative}
footer::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,255,0,.52),transparent)}

/* Hero Premium Tiefe */
.stage{transform-style:preserve-3d}
.machine-main-v17{transition:filter .45s ease,transform .45s var(--ease-premium)!important}
.stage:hover .machine-main-v17{filter:drop-shadow(0 32px 46px rgba(0,0,0,.68)) drop-shadow(0 0 34px rgba(124,255,0,.18))!important}
.machine-logo-plate{box-shadow:0 4px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22)!important}

/* Mobile: keine horizontal abgeschnittenen Texte/Buttons */
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{width:calc(100% - 58px)!important;max-width:100%}
  .hero-grid,.hero-copy,.stage,.contact,.promise,.services,.material-grid,.project-grid,.steps{min-width:0}
  .hero-copy{width:100%;overflow:visible}
  .eyebrow{max-width:100%;overflow-wrap:anywhere;line-height:1.45}
  .headline{font-size:clamp(47px,13.2vw,74px)!important;letter-spacing:-.055em!important;max-width:100%;overflow-wrap:normal;word-break:normal}
  .lead{font-size:clamp(18px,4.8vw,23px)!important;line-height:1.55!important;width:100%;max-width:100%!important;overflow-wrap:anywhere;word-break:normal}
  .actions{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:14px!important}
  .btn{width:100%;max-width:100%;padding:18px 16px!important;white-space:normal;text-align:center}
  .stage{margin-top:20px!important}
  .machine-main-v17{max-width:100%!important}
  .trust{grid-template-columns:1fr!important}
  .trust div{border-right:0!important;border-bottom:1px solid rgba(124,255,0,.15);padding:28px 32px!important}
  .trust div:last-child{border-bottom:0}
  .section-title{font-size:clamp(35px,9.4vw,50px)!important;overflow-wrap:anywhere}
  .services,.material-grid,.project-grid{grid-template-columns:1fr!important}
  .material-card{min-height:0;padding:26px 28px}
  .steps{grid-template-columns:1fr!important;gap:34px!important}
  .step{padding:22px 8px!important}
  .promise,.contact{grid-template-columns:1fr!important}
  body::before{animation-duration:32s}
  .card:hover,.material-card:hover,.project-card:hover,.trust div:hover{transform:none}
}
@media(max-width:430px){
  .wrap{width:calc(100% - 38px)!important}
  .headline{font-size:clamp(44px,12.6vw,60px)!important}
  .lead{font-size:18px!important}
  .eyebrow{font-size:13px!important;letter-spacing:.14em!important}
}
@media(prefers-reduced-motion:reduce){
  body::before,body::after,.stripe::before{animation:none!important}
  .card-img img,.project-card img,.trust div,.step-icon{transition:none!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 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}}


/* 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;
  }
}



/* V28.4 – endgültiger Hard Cleanup, absichtlich letzter CSS-Block */

/* Globale historische Ebenen */
html body::before,
html body::after,
html body:before,
html body:after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
  box-shadow: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* Hero-Pseudoebenen */
html body .hero::before,
html body .hero::after,
html body .hero:before,
html body .hero:after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Sämtliche historischen Reflexions-, Glow- und Partikelobjekte */
html body [class*="reflection"],
html body [class*="Reflection"],
html body [class*="glow"],
html body [class*="Glow"],
html body [class*="flare"],
html body [class*="Flare"],
html body [class*="streak"],
html body [class*="Streak"],
html body [class*="particle"],
html body [class*="Particle"],
html body [class*="energy-node"],
html body [class*="energy-track"],
html body [class*="energy-route"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
  filter: none !important;
}

/* Einzige aktive visuelle Netzebene */
html body .hex-grid-v28 {
  display: block !important;
  visibility: visible !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;
  animation: none !important;
  transform: none !important;
  pointer-events: none !important;
}

/* Inhalt sicher über dem Netz */
html body .hero-grid,
html body .hero-copy,
html body .trust {
  position: relative !important;
  z-index: 3 !important;
}

/* Druckerbereich bleibt ausgeblendet */
html body .stage,
html body .printer-card,
html body .machine-scene-v20,
html body .machine-badge-v20,
html body .showroom-glow-v20,
html body .platform-v20,
html body .reflection-v20 {
  display: 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;
  }
}



/* =========================================================
   V28.5 – Hexagonnetz über die gesamte Homepage
   Eine einzige, feste SVG-Ebene vom Hero bis zum Footer.
   ========================================================= */

html{
  background:#010301!important;
}

body{
  position:relative!important;
  isolation:isolate!important;
  min-height:100%!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.20)),
    #010301!important;
}

/* Durchgehendes Netz bleibt beim Scrollen sichtbar */
.site-hex-background{
  position:fixed;
  inset:0;
  z-index:-3;
  overflow:hidden;
  pointer-events:none;
  background:#010301;
}

.site-hex-background img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.72;
  filter:brightness(.82) contrast(1.08) saturate(.92);
  user-select:none;
}

/* Lesbarkeit: oben etwas kräftiger, weiter unten subtiler */
.site-hex-shade{
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.05) 0%,
      rgba(0,0,0,.12) 38%,
      rgba(0,0,0,.30) 72%,
      rgba(0,0,0,.42) 100%
    ),
    radial-gradient(circle at 72% 18%,rgba(124,255,0,.05),transparent 36%);
}

/* Hero verwendet dasselbe Netz, keine separate Ebene */
.hex-grid-v28{
  display:none!important;
}

.hero{
  background:transparent!important;
}

/* Hauptbereiche leicht transparent, damit das Netz überall durchscheint */
main,
main > section,
section,
.services,
.materials,
.projects,
.process,
.about,
.contact,
footer{
  background-color:transparent!important;
}

/* Inhalt bleibt über dem Netz */
.nav,
main,
footer,
.hero-grid,
.hero-copy,
.trust{
  position:relative;
  z-index:1;
}

/* Karten behalten Lesbarkeit und lassen das Netz dezent durchscheinen */
[class*="card"],
.trust,
.panel,
form{
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

/* Kein historischer Pseudo-Hintergrund */
body::before,
body::after,
.hero::before,
.hero::after{
  content:none!important;
  display:none!important;
}

@media(max-width:900px){
  .site-hex-background img{
    width:150%;
    max-width:none;
    left:-25%;
    opacity:.58;
    filter:brightness(.72) contrast(1.08) saturate(.88);
  }

  .site-hex-shade{
    background:
      linear-gradient(
        to bottom,
        rgba(0,0,0,.12) 0%,
        rgba(0,0,0,.22) 42%,
        rgba(0,0,0,.38) 100%
      );
  }
}

@media(max-width:430px){
  .site-hex-background img{
    width:170%;
    left:-35%;
    opacity:.52;
  }
}

/* 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;
  }
}



/* =========================================================
   V29 – Drucker-Integration + abgestufte Fullpage-Beleuchtung
   ========================================================= */

/* Druckerbereich wieder aktivieren */
html body .stage{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:540px!important;
  position:relative!important;
  z-index:4!important;
}

html body .printer-card,
html body .printer-card.v20,
html body .machine-scene-v20{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
}

html body .machine-scene-v20{
  width:100%!important;
  height:540px!important;
  overflow:visible!important;
}

/* SVG-Drucker als Hero-Objekt */
html body .machine-cutout-v20{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  z-index:5!important;
  width:min(86%,650px)!important;
  height:auto!important;
  max-height:545px!important;
  left:50%!important;
  bottom:8px!important;
  transform:translateX(-48%)!important;
  filter:
    brightness(1.035)
    contrast(1.045)
    saturate(.98)
    drop-shadow(0 18px 22px rgba(0,0,0,.72))
    drop-shadow(0 0 22px rgba(124,255,0,.16))!important;
}

/* Keine künstliche Plattform – Drucker tritt direkt aus dem Netz hervor */
html body .platform-v20,
html body .reflection-v20,
html body .showroom-glow-v20{
  display:none!important;
}

/* Gezielte Energiezone direkt hinter dem Drucker */
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:9% 5% 8% 14%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 56% 48%,
      rgba(124,255,0,.18) 0%,
      rgba(124,255,0,.07) 28%,
      transparent 60%),
    radial-gradient(circle at 50% 83%,
      rgba(124,255,0,.10) 0%,
      transparent 34%)!important;
  filter:blur(18px)!important;
  opacity:.84!important;
  animation:v29GlowBreath 7s ease-in-out infinite!important;
}

html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:20%!important;
  right:12%!important;
  bottom:10px!important;
  height:34px!important;
  z-index:2!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.88) 0%,
    rgba(0,0,0,.56) 42%,
    transparent 76%)!important;
  filter:blur(7px)!important;
  opacity:.95!important;
}

@keyframes v29GlowBreath{
  0%,100%{opacity:.70;transform:scale(.98)}
  50%{opacity:.92;transform:scale(1.02)}
}

/* Badge wieder aktivieren, dunkler und präziser */
html body .machine-badge-v20{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  z-index:7!important;
  right:1%!important;
  bottom:62px!important;
  max-width:250px!important;
  padding:14px 17px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(5,10,5,.86),rgba(1,4,1,.78))!important;
  border:1px solid rgba(124,255,0,.42)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  box-shadow:
    0 20px 40px rgba(0,0,0,.54),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 24px rgba(124,255,0,.09)!important;
}

/* Hero-Komposition */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:.92fr 1.08fr!important;
    gap:34px!important;
    align-items:center!important;
  }
}

/* Netzbeleuchtung nach unten abgestuft */
.site-hex-background img{
  opacity:.76!important;
  filter:brightness(.82) contrast(1.10) saturate(.94)!important;
}

.site-hex-shade{
  background:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.00) 0%,
      rgba(0,0,0,.08) 20%,
      rgba(0,0,0,.18) 42%,
      rgba(0,0,0,.30) 64%,
      rgba(0,0,0,.42) 82%,
      rgba(0,0,0,.54) 100%
    ),
    radial-gradient(circle at 74% 11%,rgba(124,255,0,.08),transparent 28%),
    radial-gradient(circle at 70% 37%,rgba(124,255,0,.035),transparent 24%)!important;
}

/* Abschnittsweise lokale Abdunklung statt harter Schnitte */
main > section:not(.hero),
.stripe,
footer{
  position:relative!important;
  isolation:isolate!important;
}

main > section:not(.hero)::after,
.stripe::after,
footer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,
    rgba(0,0,0,.12),
    rgba(0,0,0,.24))!important;
}

#materialien::after{background:rgba(0,0,0,.24)!important}
#projekte::after{background:rgba(0,0,0,.30)!important}
#ablauf::after{background:rgba(0,0,0,.36)!important}
#kontakt::after{background:rgba(0,0,0,.44)!important}

/* Karten: dezente Transparenz */
html body [class*="card"],
html body .trust > div,
html body .promise,
html body form{
  background-color:rgba(3,7,3,.78)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Mobile */
@media(max-width:900px){
  html body .hero-grid{
    display:block!important;
  }

  html body .stage{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    min-height:500px!important;
  }

  html body .machine-scene-v20{
    height:500px!important;
  }

  html body .machine-cutout-v20{
    width:min(102%,720px)!important;
    left:50%!important;
    bottom:10px!important;
    transform:translateX(-49%)!important;
    max-height:500px!important;
  }

  html body .machine-badge-v20{
    right:5%!important;
    bottom:48px!important;
    max-width:240px!important;
  }

  html body .machine-scene-v20::before{
    inset:12% -6% 7% -4%!important;
    opacity:.70!important;
  }
}

@media(max-width:430px){
  html body .stage{
    min-height:445px!important;
  }

  html body .machine-scene-v20{
    height:445px!important;
  }

  html body .machine-cutout-v20{
    width:116%!important;
    max-width:none!important;
    bottom:14px!important;
  }

  html body .machine-badge-v20{
    right:4%!important;
    bottom:36px!important;
    max-width:225px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body .machine-scene-v20::before{
    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;
  }
}



/* =========================================================
   V29.1 – Drucker ohne Nebel + realistischere Standfüsse
   ========================================================= */

/* Grünen Blur/Nebel vollständig entfernen */
html body .machine-scene-v20::before{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  animation:none!important;
  opacity:0!important;
}

/* Drucker nur mit sehr feinem Rim-Light darstellen */
html body .machine-cutout-v20{
  filter:
    brightness(1.025)
    contrast(1.045)
    saturate(.98)
    drop-shadow(0 16px 20px rgba(0,0,0,.70))
    drop-shadow(0 0 7px rgba(124,255,0,.10))!important;
}

/* Kompakter, realistischer Bodenschatten */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:25%!important;
  right:17%!important;
  bottom:9px!important;
  height:22px!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at center,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.72) 40%,
      rgba(0,0,0,.28) 66%,
      transparent 82%)!important;
  filter:blur(5px)!important;
  opacity:.96!important;
}

/* Zusätzliche kleine Kontaktschatten direkt unter den vorderen Füssen */
html body .machine-scene-v20{
  --foot-shadow-y: 11px;
}

html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  display:block!important;
  position:absolute!important;
  bottom:var(--foot-shadow-y)!important;
  width:52px!important;
  height:11px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.96) 0%,
    rgba(0,0,0,.72) 46%,
    transparent 78%)!important;
  filter:blur(2.5px)!important;
  opacity:.95!important;
}

html body .machine-scene-v20 .foot-shadow-left{
  left:31%!important;
}

html body .machine-scene-v20 .foot-shadow-right{
  right:24%!important;
}

/* Badge näher an den Drucker und etwas kleiner */
html body .machine-badge-v20{
  right:4%!important;
  bottom:72px!important;
  max-width:230px!important;
  padding:12px 15px!important;
  border-radius:13px!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 16px rgba(124,255,0,.06)!important;
}

/* Netz hinter Drucker minimal heller, ohne Nebel */
html body .stage::before{
  content:""!important;
  position:absolute!important;
  inset:10% 4% 7% 10%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 56% 52%,
    rgba(124,255,0,.055) 0%,
    rgba(124,255,0,.018) 34%,
    transparent 68%)!important;
  filter:none!important;
}

/* Mobile */
@media(max-width:900px){
  html body .machine-scene-v20::after{
    left:20%!important;
    right:12%!important;
    bottom:8px!important;
  }

  html body .machine-scene-v20 .foot-shadow-left{
    left:27%!important;
  }

  html body .machine-scene-v20 .foot-shadow-right{
    right:20%!important;
  }

  html body .machine-badge-v20{
    right:4%!important;
    bottom:52px!important;
    max-width:220px!important;
  }
}

@media(max-width:430px){
  html body .machine-scene-v20 .foot-shadow-left,
  html body .machine-scene-v20 .foot-shadow-right{
    width:44px!important;
    height:9px!important;
  }

  html body .machine-scene-v20 .foot-shadow-left{
    left:25%!important;
  }

  html body .machine-scene-v20 .foot-shadow-right{
    right:18%!important;
  }

  html body .machine-badge-v20{
    right:3%!important;
    bottom:40px!important;
    max-width:210px!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;
  }
}



/* =========================================================
   V29.2 – Drucker ohne Umrandung auf perspektivischer Hexagonfläche
   ========================================================= */

/* Keine künstliche Umrandung / kein Glow-Ring um den Drucker */
html body .machine-cutout-v20{
  outline:none!important;
  border:none!important;
  box-shadow:none!important;
  filter:
    brightness(1.025)
    contrast(1.05)
    saturate(.98)
    drop-shadow(0 18px 22px rgba(0,0,0,.72))!important;
}

/* Bisherige lokale Aufhellung entfernen */
html body .stage::before{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Perspektivische Hexagon-Bodenfläche unter dem Drucker */
html body .stage::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:4%!important;
  right:-6%!important;
  bottom:0!important;
  height:46%!important;
  pointer-events:none!important;
  transform-origin:center bottom!important;
  transform:perspective(760px) rotateX(67deg) translateY(25%) scaleX(1.08)!important;
  background-image:
    linear-gradient(rgba(124,255,0,.22) 1px, transparent 1px),
    linear-gradient(60deg, rgba(124,255,0,.24) 1px, transparent 1px),
    linear-gradient(-60deg, rgba(124,255,0,.24) 1px, transparent 1px);
  background-size:
    78px 45px,
    78px 45px,
    78px 45px;
  background-position:
    0 0,
    0 0,
    0 0;
  opacity:.70!important;
  -webkit-mask-image:radial-gradient(ellipse at 58% 42%,#000 0%,rgba(0,0,0,.95) 35%,rgba(0,0,0,.42) 67%,transparent 88%)!important;
  mask-image:radial-gradient(ellipse at 58% 42%,#000 0%,rgba(0,0,0,.95) 35%,rgba(0,0,0,.42) 67%,transparent 88%)!important;
  filter:
    drop-shadow(0 0 4px rgba(124,255,0,.24))
    drop-shadow(0 0 10px rgba(124,255,0,.10))!important;
}

/* Leuchtende Kontaktpunkte auf der Bodenfläche */
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:15%!important;
  right:8%!important;
  bottom:9%!important;
  height:22%!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 26% 58%,rgba(216,255,177,.95) 0 1.5px,rgba(124,255,0,.58) 2px 4px,transparent 10px),
    radial-gradient(circle at 48% 32%,rgba(216,255,177,.95) 0 1.5px,rgba(124,255,0,.55) 2px 4px,transparent 10px),
    radial-gradient(circle at 66% 64%,rgba(216,255,177,.95) 0 1.5px,rgba(124,255,0,.50) 2px 4px,transparent 10px),
    radial-gradient(circle at 82% 38%,rgba(216,255,177,.95) 0 1.5px,rgba(124,255,0,.48) 2px 4px,transparent 10px)!important;
  filter:blur(.2px)!important;
  opacity:.78!important;
  animation:v292FloorPulse 6.5s ease-in-out infinite!important;
}

@keyframes v292FloorPulse{
  0%,100%{opacity:.55}
  50%{opacity:.88}
}

/* Drucker oberhalb der Bodenfläche */
html body .machine-cutout-v20{
  z-index:5!important;
}

/* Realistischer Kontaktschatten unmittelbar unter dem Drucker */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:25%!important;
  right:16%!important;
  bottom:18px!important;
  height:20px!important;
  z-index:4!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.96) 0%,
    rgba(0,0,0,.74) 42%,
    rgba(0,0,0,.24) 67%,
    transparent 84%)!important;
  filter:blur(4px)!important;
  opacity:.98!important;
}

/* Badge sauber integriert */
html body .machine-badge-v20{
  right:2.5%!important;
  bottom:68px!important;
  max-width:224px!important;
  border:1px solid rgba(124,255,0,.36)!important;
  background:linear-gradient(180deg,rgba(3,8,3,.88),rgba(1,4,1,.80))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

/* Mobile */
@media(max-width:900px){
  html body .stage::after{
    left:-8%!important;
    right:-18%!important;
    bottom:2%!important;
    height:41%!important;
    transform:perspective(620px) rotateX(68deg) translateY(28%) scaleX(1.04)!important;
    background-size:
      62px 36px,
      62px 36px,
      62px 36px;
    opacity:.58!important;
  }

  html body .machine-scene-v20::before{
    left:8%!important;
    right:2%!important;
    bottom:10%!important;
  }

  html body .machine-scene-v20::after{
    left:20%!important;
    right:11%!important;
    bottom:14px!important;
  }

  html body .machine-badge-v20{
    right:4%!important;
    bottom:48px!important;
  }
}

@media(max-width:430px){
  html body .stage::after{
    left:-18%!important;
    right:-28%!important;
    height:38%!important;
    background-size:
      54px 31px,
      54px 31px,
      54px 31px;
    opacity:.52!important;
  }

  html body .machine-badge-v20{
    right:3%!important;
    bottom:38px!important;
    max-width:205px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body .machine-scene-v20::before{
    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;
  }
}



/* =========================================================
   V30 – räumlicher Hero mit Hexagonwand und Hexagonboden
   ========================================================= */

/* Keine Wolken, keine Drucker-Umrandung */
html body .machine-cutout-v20{
  outline:none!important;
  border:none!important;
  box-shadow:none!important;
  filter:
    brightness(1.02)
    contrast(1.05)
    saturate(.98)
    drop-shadow(0 20px 24px rgba(0,0,0,.74))
    drop-shadow(6px 0 5px rgba(124,255,0,.07))!important;
}

html body .stage::before{
  content:none!important;
  display:none!important;
}

html body .machine-scene-v20::before{
  content:none!important;
  display:none!important;
}

/* Hero als räumliche Bühne */
html body .stage{
  overflow:visible!important;
  isolation:isolate!important;
}

/* Übergang von Hexagonwand zu Hexagonboden */
html body .stage::after{
  content:""!important;
  position:absolute!important;
  left:-8%!important;
  right:-12%!important;
  bottom:-2%!important;
  height:50%!important;
  z-index:1!important;
  pointer-events:none!important;
  transform-origin:center bottom!important;
  transform:perspective(780px) rotateX(66deg) translateY(30%) scaleX(1.12)!important;
  background-image:
    linear-gradient(rgba(124,255,0,.20) 1px, transparent 1px),
    linear-gradient(60deg, rgba(124,255,0,.22) 1px, transparent 1px),
    linear-gradient(-60deg, rgba(124,255,0,.22) 1px, transparent 1px);
  background-size:
    72px 42px,
    72px 42px,
    72px 42px;
  background-position:center bottom!important;
  opacity:.68!important;
  filter:
    drop-shadow(0 0 4px rgba(124,255,0,.18))
    drop-shadow(0 0 10px rgba(124,255,0,.06))!important;
  -webkit-mask-image:
    linear-gradient(to top, transparent 0%, rgba(0,0,0,.98) 26%, #000 74%, transparent 100%),
    radial-gradient(ellipse at 58% 38%, #000 0%, rgba(0,0,0,.96) 46%, transparent 88%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(to top, transparent 0%, rgba(0,0,0,.98) 26%, #000 74%, transparent 100%),
    radial-gradient(ellipse at 58% 38%, #000 0%, rgba(0,0,0,.96) 46%, transparent 88%)!important;
  mask-composite:intersect!important;
}

/* Horizontlinie nur über Licht, nicht über harte Kante */
html body .machine-scene-v20 .scene-horizon-v30{
  position:absolute!important;
  left:8%!important;
  right:3%!important;
  bottom:29%!important;
  height:2px!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    transparent,
    rgba(124,255,0,.08) 28%,
    rgba(124,255,0,.18) 55%,
    rgba(124,255,0,.06) 78%,
    transparent)!important;
  filter:blur(.4px)!important;
}

/* Realistische Kontaktschatten unter den Füssen */
html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  display:block!important;
  position:absolute!important;
  bottom:17px!important;
  width:46px!important;
  height:10px!important;
  z-index:6!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,.78) 44%,
    rgba(0,0,0,.22) 72%,
    transparent 84%)!important;
  filter:blur(2px)!important;
  opacity:.98!important;
}

html body .machine-scene-v20 .foot-shadow-left{left:31%!important}
html body .machine-scene-v20 .foot-shadow-right{right:22%!important}

/* Leichte Spiegelung der unteren Druckerzone */
html body .machine-scene-v20 .printer-reflection-v30{
  position:absolute!important;
  left:27%!important;
  right:16%!important;
  bottom:-3px!important;
  height:88px!important;
  z-index:3!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,
    rgba(220,225,220,.10) 0%,
    rgba(124,255,0,.035) 28%,
    transparent 84%)!important;
  clip-path:polygon(10% 0,90% 0,76% 100%,24% 100%)!important;
  filter:blur(5px)!important;
  opacity:.42!important;
  transform:scaleY(.82)!important;
  transform-origin:top!important;
}

/* Bestehender Bodenschatten kompakt halten */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:23%!important;
  right:14%!important;
  bottom:15px!important;
  height:22px!important;
  z-index:4!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.96) 0%,
    rgba(0,0,0,.76) 42%,
    rgba(0,0,0,.24) 68%,
    transparent 85%)!important;
  filter:blur(4px)!important;
  opacity:.98!important;
}

/* Badge näher an den Drucker */
html body .machine-badge-v20{
  right:2%!important;
  bottom:66px!important;
  max-width:218px!important;
  border:1px solid rgba(124,255,0,.34)!important;
  background:linear-gradient(180deg,rgba(3,8,3,.90),rgba(1,4,1,.84))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.56),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

/* Hero-Netz hinter dem Drucker minimal heller – ohne Nebel */
html body .hero{
  background:
    radial-gradient(circle at 72% 34%, rgba(124,255,0,.035) 0%, transparent 32%),
    transparent!important;
}

/* Karten bleiben ruhig und hochwertig */
html body [class*="card"],
html body .trust > div{
  background-color:rgba(3,7,3,.80)!important;
}

/* Mobile */
@media(max-width:900px){
  html body .stage::after{
    left:-20%!important;
    right:-24%!important;
    bottom:1%!important;
    height:45%!important;
    transform:perspective(620px) rotateX(68deg) translateY(32%) scaleX(1.06)!important;
    background-size:
      60px 35px,
      60px 35px,
      60px 35px;
    opacity:.56!important;
  }

  html body .machine-scene-v20 .scene-horizon-v30{
    left:2%!important;
    right:0!important;
    bottom:27%!important;
  }

  html body .machine-scene-v20 .printer-reflection-v30{
    left:20%!important;
    right:10%!important;
    height:72px!important;
  }

  html body .machine-scene-v20 .foot-shadow-left{left:27%!important}
  html body .machine-scene-v20 .foot-shadow-right{right:18%!important}

  html body .machine-badge-v20{
    right:4%!important;
    bottom:48px!important;
    max-width:210px!important;
  }
}

@media(max-width:430px){
  html body .stage::after{
    left:-34%!important;
    right:-38%!important;
    height:42%!important;
    background-size:
      52px 30px,
      52px 30px,
      52px 30px;
    opacity:.48!important;
  }

  html body .machine-scene-v20 .printer-reflection-v30{
    left:16%!important;
    right:8%!important;
    height:60px!important;
    opacity:.34!important;
  }

  html body .machine-scene-v20 .foot-shadow-left{left:24%!important}
  html body .machine-scene-v20 .foot-shadow-right{right:16%!important}

  html body .machine-badge-v20{
    right:3%!important;
    bottom:36px!important;
    max-width:198px!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;
  }
}



/* =========================================================
   V30.1 – neuer Drucker, vollständig ohne Blur/Umrandung
   ========================================================= */

html body .machine-cutout-v20{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  outline:none!important;
  border:none!important;
  box-shadow:none!important;
  filter:none!important;
  background:none!important;
  mix-blend-mode:normal!important;
  width:min(90%,700px)!important;
  max-height:560px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  bottom:2px!important;
  transform:translateX(-48%) translateY(12px)!important;
}

/* Alle bisherigen Drucker-Glows und Nebel sicher abschalten */
html body .machine-scene-v20::before,
html body .stage::before,
html body .showroom-glow-v20,
html body [class*="printer-glow"],
html body [class*="machine-glow"]{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  filter:none!important;
  background:none!important;
  animation:none!important;
}

/* Nur kompakter Bodenschatten, kein Blur um das Gerät */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:25%!important;
  right:14%!important;
  bottom:10px!important;
  height:18px!important;
  z-index:4!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.96) 0%,
    rgba(0,0,0,.74) 42%,
    rgba(0,0,0,.24) 68%,
    transparent 85%)!important;
  filter:blur(3px)!important;
  opacity:.98!important;
}

/* Druckerfüsse optisch verankern */
html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  bottom:12px!important;
  width:46px!important;
  height:9px!important;
  filter:blur(1.8px)!important;
  opacity:.95!important;
}

html body .machine-scene-v20 .foot-shadow-left{left:30%!important}
html body .machine-scene-v20 .foot-shadow-right{right:20%!important}

/* Badge näher am Gerät */
html body .machine-badge-v20{
  right:1.5%!important;
  bottom:58px!important;
  max-width:218px!important;
}

/* Mobile */
@media(max-width:900px){
  html body .machine-cutout-v20{
    width:108%!important;
    max-width:760px!important;
    transform:translateX(-49%) translateY(10px)!important;
  }
  html body .machine-badge-v20{
    right:4%!important;
    bottom:46px!important;
  }
}

@media(max-width:430px){
  html body .machine-cutout-v20{
    width:120%!important;
    max-width:none!important;
    transform:translateX(-49%) translateY(8px)!important;
  }
  html body .machine-badge-v20{
    right:3%!important;
    bottom:34px!important;
    max-width:202px!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;
  }
}



html body .hero{
  min-height:720px!important;
  padding-top:54px!important;
  padding-bottom:28px!important;
  background:transparent!important;
  overflow:hidden!important;
}
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:.88fr 1.12fr!important;
    gap:22px!important;
    align-items:center!important;
  }
  html body .hero-copy{
    max-width:640px!important;
    padding-top:4px!important;
  }
}
html body .site-hex-background img{
  opacity:.70!important;
  filter:brightness(.72) contrast(1.10) saturate(.88)!important;
  transform:scale(1.02)!important;
  transform-origin:center center!important;
}
html body .site-hex-shade{
  background:
    linear-gradient(90deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.64) 28%,rgba(0,0,0,.28) 49%,rgba(0,0,0,.10) 69%,rgba(0,0,0,.22) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.14) 42%,rgba(0,0,0,.32) 100%)!important;
}
html body .stage{
  display:block!important;
  min-height:575px!important;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  z-index:4!important;
}
html body .machine-scene-v20{
  display:block!important;
  height:575px!important;
  overflow:visible!important;
  position:relative!important;
}
html body .machine-cutout-v20{
  display:block!important;
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  bottom:-2px!important;
  width:min(101%,760px)!important;
  max-width:none!important;
  max-height:590px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateX(-49%)!important;
  outline:none!important;
  border:none!important;
  box-shadow:none!important;
  background:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
html body .stage::before,
html body .machine-scene-v20::before,
html body .showroom-glow-v20,
html body [class*="printer-glow"],
html body [class*="machine-glow"]{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
  animation:none!important;
}
html body .stage::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-20%!important;
  right:-16%!important;
  bottom:-3%!important;
  height:48%!important;
  z-index:2!important;
  pointer-events:none!important;
  transform-origin:center bottom!important;
  transform:perspective(820px) rotateX(67deg) translateY(29%) scaleX(1.16)!important;
  background-image:
    linear-gradient(rgba(124,255,0,.15) 1px, transparent 1px),
    linear-gradient(60deg, rgba(124,255,0,.17) 1px, transparent 1px),
    linear-gradient(-60deg, rgba(124,255,0,.17) 1px, transparent 1px);
  background-size:66px 38px,66px 38px,66px 38px;
  background-position:center bottom!important;
  opacity:.54!important;
  filter:none!important;
  -webkit-mask-image:
    linear-gradient(to top, transparent 0%, #000 20%, #000 70%, transparent 100%),
    radial-gradient(ellipse at 57% 38%, #000 0%, rgba(0,0,0,.92) 52%, transparent 91%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(to top, transparent 0%, #000 20%, #000 70%, transparent 100%),
    radial-gradient(ellipse at 57% 38%, #000 0%, rgba(0,0,0,.92) 52%, transparent 91%)!important;
  mask-composite:intersect!important;
}
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:22%!important;
  right:12%!important;
  bottom:10px!important;
  height:20px!important;
  z-index:5!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.98) 0%,rgba(0,0,0,.82) 38%,rgba(0,0,0,.30) 68%,transparent 86%)!important;
  filter:blur(3px)!important;
  opacity:.98!important;
}
html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  display:block!important;
  position:absolute!important;
  bottom:11px!important;
  width:44px!important;
  height:9px!important;
  z-index:8!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.98) 0%,rgba(0,0,0,.78) 44%,transparent 82%)!important;
  filter:blur(1.7px)!important;
  opacity:.98!important;
}
html body .machine-scene-v20 .foot-shadow-left{left:29%!important}
html body .machine-scene-v20 .foot-shadow-right{right:18%!important}
html body .machine-badge-v20{
  display:block!important;
  right:.5%!important;
  bottom:70px!important;
  z-index:10!important;
  max-width:220px!important;
  padding:12px 15px!important;
  border-radius:13px!important;
  border:1px solid rgba(124,255,0,.34)!important;
  background:linear-gradient(180deg,rgba(4,9,4,.92),rgba(1,4,1,.86))!important;
  box-shadow:0 16px 32px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
html body .trust{
  margin-top:18px!important;
  position:relative!important;
  z-index:12!important;
}
html body .hero-copy::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-36px -54px -44px -42px!important;
  z-index:-1!important;
  background:radial-gradient(circle at 24% 45%,rgba(0,0,0,.76) 0%,rgba(0,0,0,.48) 45%,rgba(0,0,0,.12) 70%,transparent 86%)!important;
  pointer-events:none!important;
}
html body .printer-reflection-v30,
html body .reflection-v20{
  display:none!important;
}
@media(max-width:900px){
  html body .hero{min-height:auto!important;padding-top:32px!important}
  html body .hero-grid{display:block!important}
  html body .stage{width:100vw!important;margin-left:calc(50% - 50vw)!important;min-height:510px!important}
  html body .machine-scene-v20{height:510px!important}
  html body .machine-cutout-v20{width:112%!important;max-width:780px!important;bottom:4px!important;transform:translateX(-49%)!important}
  html body .stage::after{
    left:-30%!important;
    right:-30%!important;
    height:42%!important;
    background-size:56px 32px,56px 32px,56px 32px;
    opacity:.44!important;
  }
  html body .machine-scene-v20::after{left:18%!important;right:8%!important}
  html body .machine-scene-v20 .foot-shadow-left{left:25%!important}
  html body .machine-scene-v20 .foot-shadow-right{right:15%!important}
  html body .machine-badge-v20{right:4%!important;bottom:46px!important;max-width:210px!important}
  html body .site-hex-background img{opacity:.56!important;filter:brightness(.64) contrast(1.08) saturate(.84)!important}
}
@media(max-width:430px){
  html body .stage{min-height:455px!important}
  html body .machine-scene-v20{height:455px!important}
  html body .machine-cutout-v20{width:124%!important;max-width:none!important;bottom:8px!important}
  html body .stage::after{
    left:-42%!important;
    right:-42%!important;
    height:39%!important;
    background-size:50px 29px,50px 29px,50px 29px;
    opacity:.38!important;
  }
  html body .machine-badge-v20{right:3%!important;bottom:34px!important;max-width:198px!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;
  }
}



html body .machine-badge-v20{
  display:flex!important;align-items:center!important;gap:13px!important;
  right:.5%!important;bottom:70px!important;max-width:236px!important;
  padding:14px 16px!important;border-radius:14px!important;
  border:1px solid rgba(124,255,0,.34)!important;
  background:linear-gradient(180deg,rgba(4,9,4,.94),rgba(1,4,1,.88))!important;
  box-shadow:0 16px 32px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}
html body .machine-badge-v20 .badge-dot{display:none!important}
html body .badge-seal-v311{position:relative!important;flex:0 0 30px!important;width:30px!important;height:34px!important;display:grid!important;place-items:center!important;filter:none!important}
html body .badge-seal-v311::before,html body .badge-seal-v311::after{content:""!important;position:absolute!important;inset:0!important;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)!important}
html body .badge-seal-v311::before{background:linear-gradient(180deg,#9dff3d,#68d900)!important;opacity:.96!important;animation:v311SealPulse 7.5s ease-in-out infinite!important}
html body .badge-seal-v311::after{inset:2px!important;background:#071007!important}
html body .badge-seal-inner-v311{position:relative!important;z-index:2!important;width:13px!important;height:15px!important;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)!important;border:1px solid rgba(157,255,61,.9)!important;box-sizing:border-box!important}
html body .badge-seal-inner-v311::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:5px!important;height:9px!important;border-right:2px solid #9dff3d!important;border-bottom:2px solid #9dff3d!important;transform:translate(-50%,-62%) rotate(45deg)!important}
html body .badge-copy-v311{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
html body .badge-copy-v311 strong{display:block!important;margin:0!important;color:#fff!important;font-size:15px!important;line-height:1.12!important;letter-spacing:.01em!important;font-weight:800!important}
html body .badge-copy-v311 span{display:block!important;margin:0!important;color:rgba(255,255,255,.76)!important;font-size:12.5px!important;line-height:1.38!important;font-weight:400!important}
@keyframes v311SealPulse{0%,100%{opacity:.72}50%{opacity:1}}
@media(max-width:900px){html body .machine-badge-v20{right:4%!important;bottom:46px!important;max-width:228px!important;padding:13px 15px!important}html body .badge-copy-v311 strong{font-size:14px!important}html body .badge-copy-v311 span{font-size:12px!important}}
@media(max-width:430px){html body .machine-badge-v20{right:3%!important;bottom:34px!important;max-width:220px!important;gap:11px!important;padding:12px 14px!important}html body .badge-seal-v311{flex-basis:27px!important;width:27px!important;height:31px!important}html body .badge-copy-v311 strong{font-size:13.5px!important}html body .badge-copy-v311 span{font-size:11.5px!important}}
@media(prefers-reduced-motion:reduce){html body .badge-seal-v311::before{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;
  }
}



html body .machine-cutout-v20{filter:none!important;-webkit-filter:none!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;outline:none!important;border:none!important;opacity:1!important;image-rendering:auto!important}
html body .stage::before,html body .stage::after,html body .machine-scene-v20::before,html body .showroom-glow-v20,html body .printer-reflection-v30,html body [class*="printer-glow"],html body [class*="machine-glow"],html body [class*="ambient-glow"]{content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;filter:none!important;-webkit-filter:none!important;background:none!important;animation:none!important}
html body .hex-floor-v312{display:block!important;position:absolute!important;z-index:3!important;left:-22%!important;right:-18%!important;bottom:-4%!important;height:43%!important;pointer-events:none!important;overflow:hidden!important;transform-origin:center bottom!important;transform:perspective(760px) rotateX(64deg) translateY(24%) scaleX(1.12)!important;opacity:.88!important;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 46%,rgba(0,0,0,.72) 72%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 46%,rgba(0,0,0,.72) 72%,transparent 100%)!important}
html body .hex-floor-v312 img{width:100%!important;height:100%!important;display:block!important;object-fit:fill!important;filter:none!important;-webkit-filter:none!important}
html body .machine-cutout-v20{z-index:7!important}
html body .machine-scene-v20::after{content:""!important;display:block!important;position:absolute!important;z-index:6!important;left:23%!important;right:12%!important;bottom:11px!important;height:14px!important;background:radial-gradient(ellipse at center,rgba(0,0,0,.96) 0%,rgba(0,0,0,.70) 48%,transparent 82%)!important;filter:none!important;-webkit-filter:none!important;opacity:.92!important;pointer-events:none!important}
html body .machine-scene-v20 .foot-shadow-left,html body .machine-scene-v20 .foot-shadow-right{filter:none!important;-webkit-filter:none!important;height:7px!important;opacity:.90!important}
html body .machine-badge-v20{filter:none!important;-webkit-filter:none!important;box-shadow:0 12px 26px rgba(0,0,0,.48)!important}
@media(max-width:900px){html body .hex-floor-v312{left:-34%!important;right:-34%!important;bottom:-1%!important;height:40%!important;transform:perspective(610px) rotateX(65deg) translateY(22%) scaleX(1.08)!important;opacity:.82!important}}
@media(max-width:430px){html body .hex-floor-v312{left:-48%!important;right:-48%!important;bottom:1%!important;height:37%!important;transform:perspective(520px) rotateX(66deg) translateY(20%) scaleX(1.06)!important;opacity:.78!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;
  }
}



/* =========================================================
   V31.3 – intensiverer, sauber ausgerichteter Hexagonboden
   ========================================================= */

/* Drucker weiterhin vollständig scharf */
html body .machine-cutout-v20{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  outline:none!important;
  border:none!important;
  opacity:1!important;
}

/* Bestehenden Boden klarer, breiter und näher an die Füsse setzen */
html body .hex-floor-v312{
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  left:-34%!important;
  right:-34%!important;
  bottom:-1%!important;
  height:48%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform-origin:center bottom!important;
  transform:perspective(800px) rotateX(63deg) translateY(18%) scaleX(1.15)!important;
  opacity:1!important;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;
  -webkit-mask-image:
    linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,.84) 76%,transparent 100%)!important;
  mask-image:
    linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,.84) 76%,transparent 100%)!important;
}

html body .hex-floor-v312 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:fill!important;
  object-position:center top!important;
  filter:
    brightness(1.28)
    contrast(1.22)
    saturate(1.08)!important;
  -webkit-filter:
    brightness(1.28)
    contrast(1.22)
    saturate(1.08)!important;
  opacity:1!important;
}

/* Erste Bodenreihen unter dem Drucker zusätzlich betonen */
html body .hex-floor-v312::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 54% 18%,
      rgba(124,255,0,.18) 0%,
      rgba(124,255,0,.08) 28%,
      transparent 58%),
    linear-gradient(to bottom,
      rgba(124,255,0,.08) 0%,
      transparent 38%)!important;
  mix-blend-mode:screen!important;
  opacity:.72!important;
}

/* Drucker optisch exakt auf dem Boden verankern */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:6!important;
  left:22%!important;
  right:11%!important;
  bottom:9px!important;
  height:13px!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,.76) 48%,
    transparent 84%)!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.94!important;
}

/* Kontaktschatten exakt unter den vorderen Füssen */
html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  display:block!important;
  z-index:8!important;
  bottom:10px!important;
  width:42px!important;
  height:7px!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.94!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,.76) 52%,
    transparent 86%)!important;
}

html body .machine-scene-v20 .foot-shadow-left{
  left:28.5%!important;
}

html body .machine-scene-v20 .foot-shadow-right{
  right:17.5%!important;
}

/* Boden soll vor der Kartenkante sauber auslaufen */
html body .stage{
  padding-bottom:18px!important;
}

/* Badge minimal höher, damit mehr Boden sichtbar bleibt */
html body .machine-badge-v20{
  bottom:78px!important;
}

/* Mobile – Boden deutlich sichtbar, symmetrisch und direkt unter dem Drucker */
@media(max-width:900px){
  html body .hex-floor-v312{
    left:-48%!important;
    right:-48%!important;
    bottom:0!important;
    height:44%!important;
    transform:perspective(640px) rotateX(64deg) translateY(16%) scaleX(1.10)!important;
    opacity:1!important;
  }

  html body .hex-floor-v312 img{
    filter:
      brightness(1.38)
      contrast(1.26)
      saturate(1.10)!important;
    -webkit-filter:
      brightness(1.38)
      contrast(1.26)
      saturate(1.10)!important;
  }

  html body .machine-scene-v20::after{
    left:18%!important;
    right:8%!important;
    bottom:9px!important;
  }

  html body .machine-scene-v20 .foot-shadow-left{
    left:24.5%!important;
  }

  html body .machine-scene-v20 .foot-shadow-right{
    right:14.5%!important;
  }

  html body .machine-badge-v20{
    bottom:54px!important;
  }
}

@media(max-width:430px){
  html body .hex-floor-v312{
    left:-62%!important;
    right:-62%!important;
    bottom:1%!important;
    height:42%!important;
    transform:perspective(560px) rotateX(65deg) translateY(14%) scaleX(1.08)!important;
  }

  html body .hex-floor-v312 img{
    filter:
      brightness(1.48)
      contrast(1.30)
      saturate(1.12)!important;
    -webkit-filter:
      brightness(1.48)
      contrast(1.30)
      saturate(1.12)!important;
  }

  html body .hex-floor-v312::after{
    opacity:.84!important;
  }

  html body .machine-badge-v20{
    bottom:42px!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;
  }
}



/* =========================================================
   V31.4 – pixelstabiler Hexagonboden ohne CSS-Perspektivfehler
   ========================================================= */

/* Drucker vollständig scharf */
html body .machine-cutout-v20{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  outline:none!important;
  border:none!important;
  opacity:1!important;
  image-rendering:auto!important;
}

/* Alle alten Boden-/Glow-Pseudoebenen abschalten */
html body .stage::before,
html body .stage::after,
html body .machine-scene-v20::before,
html body .showroom-glow-v20,
html body .printer-reflection-v30,
html body [class*="printer-glow"],
html body [class*="machine-glow"],
html body [class*="ambient-glow"]{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  animation:none!important;
}

/* Der Boden ist bereits perspektivisch im SVG berechnet.
   Deshalb KEIN rotateX, perspective oder skew mehr im Browser. */
html body .hex-floor-v312{
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  left:-16%!important;
  right:-16%!important;
  bottom:-2%!important;
  height:46%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  opacity:1!important;
  clip-path:none!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.76) 88%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.76) 88%,transparent 100%)!important;
}

html body .hex-floor-v312 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:fill!important;
  object-position:center bottom!important;
  transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
}

/* Drucker steht exakt oberhalb der Bodenebene */
html body .machine-cutout-v20{
  z-index:7!important;
  bottom:0!important;
}

/* Schmaler Kontaktschatten, ohne Blur um das Gerät */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:6!important;
  left:23%!important;
  right:12%!important;
  bottom:8px!important;
  height:10px!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,.76) 52%,
    transparent 88%)!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.94!important;
}

/* Einzelne Fußschatten exakt und hart */
html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  bottom:8px!important;
  width:39px!important;
  height:6px!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.94!important;
  z-index:8!important;
}

html body .machine-scene-v20 .foot-shadow-left{left:28.5%!important}
html body .machine-scene-v20 .foot-shadow-right{right:17.5%!important}

/* Badge etwas höher, damit Boden und Füße frei bleiben */
html body .machine-badge-v20{
  bottom:82px!important;
}

/* Desktop: Boden mittig unter Drucker */
@media(min-width:901px){
  html body .hex-floor-v312{
    left:-12%!important;
    right:-12%!important;
    bottom:-1%!important;
    height:44%!important;
  }
}

/* Mobile: gleiche SVG-Perspektive, nur Ausschnitt skalieren */
@media(max-width:900px){
  html body .hex-floor-v312{
    left:-34%!important;
    right:-34%!important;
    bottom:0!important;
    height:42%!important;
    transform:none!important;
  }

  html body .machine-badge-v20{
    bottom:56px!important;
  }
}

@media(max-width:430px){
  html body .hex-floor-v312{
    left:-46%!important;
    right:-46%!important;
    bottom:1%!important;
    height:40%!important;
  }

  html body .machine-badge-v20{
    bottom:44px!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;
  }
}



/* =========================================================
   V32 – gemeinsames Wall-to-Floor-Netz ohne Trennkante
   ========================================================= */

html body .hero{
  position:relative!important;
  overflow:hidden!important;
  background:#010301!important;
}

html body .hex-scene-v32{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
  pointer-events:none!important;
  user-select:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
}

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

/* Drucker absolut scharf und ohne Glow */
html body .machine-cutout-v20{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  outline:none!important;
  border:none!important;
  opacity:1!important;
  bottom:0!important;
  z-index:7!important;
}

/* Historische Szeneebenen vollständig abschalten */
html body .site-hex-background,
html body .site-hex-shade,
html body .stage::before,
html body .stage::after,
html body .machine-scene-v20::before,
html body .showroom-glow-v20,
html body .printer-reflection-v30,
html body .reflection-v20,
html body [class*="printer-glow"],
html body [class*="machine-glow"],
html body [class*="ambient-glow"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  animation:none!important;
}

/* Drucker physisch auf Boden verankern */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:22%!important;
  right:12%!important;
  bottom:8px!important;
  height:10px!important;
  z-index:6!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,.78) 52%,
    transparent 88%)!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.96!important;
}

html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  display:block!important;
  bottom:8px!important;
  width:38px!important;
  height:6px!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.95!important;
  z-index:8!important;
}

html body .machine-scene-v20 .foot-shadow-left{left:28.5%!important}
html body .machine-scene-v20 .foot-shadow-right{right:17.5%!important}

/* Dezente Metallreflexion direkt unter den Füssen */
html body .machine-scene-v20 .foot-shadow-left::after,
html body .machine-scene-v20 .foot-shadow-right::after{
  content:""!important;
  position:absolute!important;
  left:20%!important;
  right:20%!important;
  top:-2px!important;
  height:1px!important;
  background:rgba(190,255,135,.34)!important;
}

/* Badge etwas höher, damit alle Füsse sichtbar bleiben */
html body .machine-badge-v20{
  bottom:84px!important;
}

/* Desktop: Drucker exakt im Fokuszentrum des Bodens */
@media(min-width:901px){
  html body .machine-cutout-v20{
    width:min(104%,780px)!important;
    transform:translateX(-49%)!important;
  }
}

/* Mobile: Szene neu zentriert, Boden bleibt direkt unter Gerät */
@media(max-width:900px){
  html body .hero{
    overflow:hidden!important;
  }

  html body .hex-scene-v32{
    width:150%!important;
    left:-25%!important;
    object-position:58% center!important;
  }

  html body .machine-cutout-v20{
    width:114%!important;
    max-width:790px!important;
    bottom:4px!important;
    transform:translateX(-49%)!important;
  }

  html body .machine-badge-v20{
    bottom:58px!important;
  }
}

@media(max-width:430px){
  html body .hex-scene-v32{
    width:175%!important;
    left:-37.5%!important;
    object-position:60% center!important;
  }

  html body .machine-cutout-v20{
    width:125%!important;
    max-width:none!important;
    bottom:7px!important;
  }

  html body .machine-badge-v20{
    bottom:46px!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;
  }
}



html body .hero{
  position:relative!important;
  overflow:hidden!important;
  background:transparent!important;
}
html body .site-hex-background{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
html body .site-hex-shade{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
html body .hex-scene-v32{display:none!important}
html body .machine-cutout-v20{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  outline:none!important;
  border:none!important;
  opacity:1!important;
  bottom:10px!important;
  z-index:7!important;
}
html body .stage::before,
html body .stage::after,
html body .machine-scene-v20::before,
html body .showroom-glow-v20,
html body .printer-reflection-v30,
html body .reflection-v20,
html body .hex-floor-v312,
html body [class*="printer-glow"],
html body [class*="machine-glow"],
html body [class*="ambient-glow"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  animation:none!important;
}
html body .hex-floor-v33{
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  left:-20%!important;
  right:-18%!important;
  bottom:-5%!important;
  height:47%!important;
  pointer-events:none!important;
  overflow:hidden!important;
  transform:none!important;
  opacity:1!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.76) 90%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.76) 90%,transparent 100%)!important;
}
html body .hex-floor-v33 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center bottom!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  opacity:1!important;
}
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:23%!important;
  right:11%!important;
  bottom:13px!important;
  height:9px!important;
  z-index:6!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.98) 0%,rgba(0,0,0,.76) 54%,transparent 90%)!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.96!important;
}
html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  bottom:13px!important;
  width:38px!important;
  height:6px!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.95!important;
  z-index:8!important;
}
html body .machine-scene-v20 .foot-shadow-left{left:28.5%!important}
html body .machine-scene-v20 .foot-shadow-right{right:17.5%!important}
html body .machine-badge-v20{bottom:88px!important}
@media(min-width:901px){
  html body .hex-floor-v33{
    left:-16%!important;
    right:-14%!important;
    bottom:-3%!important;
    height:45%!important;
  }
  html body .machine-cutout-v20{
    width:min(105%,790px)!important;
    transform:translateX(-49%)!important;
  }
}
@media(max-width:900px){
  html body .hex-floor-v33{
    left:-34%!important;
    right:-34%!important;
    bottom:-1%!important;
    height:44%!important;
  }
  html body .machine-cutout-v20{
    width:115%!important;
    max-width:790px!important;
    bottom:12px!important;
    transform:translateX(-49%)!important;
  }
  html body .machine-badge-v20{bottom:62px!important}
}
@media(max-width:430px){
  html body .hex-floor-v33{
    left:-48%!important;
    right:-48%!important;
    bottom:0!important;
    height:43%!important;
  }
  html body .machine-cutout-v20{
    width:126%!important;
    max-width:none!important;
    bottom:14px!important;
  }
  html body .machine-badge-v20{bottom:50px!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;
  }
}



/* =========================================================
   V34 – Premium Produktbühne nach Bild 2
   Kein Hexagonboden. Nur Glasfläche, Spiegelung und Licht.
   ========================================================= */

/* Hintergrund-Hexagon unverändert lassen */
html body .site-hex-background{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

html body .site-hex-shade{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Alle früheren Bodenebenen und alten Szenen entfernen */
html body .hex-floor-v33,
html body .hex-floor-v312,
html body .hex-scene-v32,
html body .stage::after{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
}

/* Drucker 5 % grösser und wie Produktfoto darstellen */
html body .machine-cutout-v20{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:20px!important;
  width:min(110%,820px)!important;
  max-width:none!important;
  height:auto!important;
  max-height:610px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateX(-49%)!important;
  z-index:8!important;
  outline:none!important;
  border:none!important;
  box-shadow:none!important;
  background:none!important;
  opacity:1!important;
  filter:
    contrast(1.035)
    brightness(1.015)
    saturate(.985)!important;
  -webkit-filter:
    contrast(1.035)
    brightness(1.015)
    saturate(.985)!important;
}

/* Keine Blur-, Glow- oder Nebel-Layer */
html body .stage::before,
html body .machine-scene-v20::before,
html body .showroom-glow-v20,
html body .printer-reflection-v30,
html body .reflection-v20,
html body [class*="printer-glow"],
html body [class*="machine-glow"],
html body [class*="ambient-glow"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  animation:none!important;
}

/* Fast schwarze Glasfläche */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:12%!important;
  right:7%!important;
  bottom:0!important;
  height:94px!important;
  z-index:4!important;
  pointer-events:none!important;
  background:
    linear-gradient(to bottom,
      rgba(255,255,255,.018) 0%,
      rgba(255,255,255,.008) 36%,
      rgba(0,0,0,.10) 100%),
    linear-gradient(90deg,
      transparent 0%,
      rgba(124,255,0,.018) 22%,
      rgba(255,255,255,.022) 52%,
      rgba(124,255,0,.014) 80%,
      transparent 100%)!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  opacity:1!important;
}

/* Sehr dezente Spiegelung: nur unterer Druckerbereich */
html body .glass-reflection-v34{
  display:block!important;
  position:absolute!important;
  left:23%!important;
  right:12%!important;
  bottom:-8px!important;
  height:105px!important;
  z-index:5!important;
  pointer-events:none!important;
  background:
    linear-gradient(to bottom,
      rgba(225,230,225,.105) 0%,
      rgba(155,165,155,.045) 30%,
      rgba(124,255,0,.018) 52%,
      transparent 88%)!important;
  clip-path:polygon(9% 0,91% 0,78% 100%,22% 100%)!important;
  transform:scaleY(.66)!important;
  transform-origin:top!important;
  opacity:.52!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* Realistische Kontaktschatten unter jedem Fuss */
html body .machine-scene-v20 .foot-shadow-left,
html body .machine-scene-v20 .foot-shadow-right{
  display:block!important;
  position:absolute!important;
  bottom:20px!important;
  width:42px!important;
  height:7px!important;
  z-index:9!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,.82) 56%,
    transparent 90%)!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.96!important;
}

html body .machine-scene-v20 .foot-shadow-left{left:28%!important}
html body .machine-scene-v20 .foot-shadow-right{right:17%!important}

/* Zusätzlich schmaler Gesamtkontaktschatten */
html body .stage .printer-contact-v34{
  display:none!important;
}

html body .machine-scene-v20{
  position:relative!important;
  overflow:visible!important;
}

/* leichtes Kantenlicht links und rechts – ohne Glow */
html body .machine-cutout-v20{
  mask-image:linear-gradient(to right,
    rgba(0,0,0,.98) 0%,
    #000 6%,
    #000 94%,
    rgba(0,0,0,.98) 100%)!important;
  -webkit-mask-image:linear-gradient(to right,
    rgba(0,0,0,.98) 0%,
    #000 6%,
    #000 94%,
    rgba(0,0,0,.98) 100%)!important;
}

/* Badge nach rechts unten verschieben */
html body .machine-badge-v20{
  right:-1%!important;
  bottom:72px!important;
  max-width:228px!important;
}

/* Desktop */
@media(min-width:901px){
  html body .stage{
    min-height:590px!important;
  }

  html body .machine-scene-v20{
    height:590px!important;
  }

  html body .machine-cutout-v20{
    width:min(110%,830px)!important;
    bottom:18px!important;
  }

  html body .machine-badge-v20{
    right:-1.5%!important;
    bottom:70px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  html body .stage{
    min-height:520px!important;
  }

  html body .machine-scene-v20{
    height:520px!important;
  }

  html body .machine-cutout-v20{
    width:119%!important;
    max-width:820px!important;
    bottom:18px!important;
  }

  html body .glass-reflection-v34{
    left:18%!important;
    right:8%!important;
    height:90px!important;
    opacity:.46!important;
  }

  html body .machine-badge-v20{
    right:2%!important;
    bottom:48px!important;
    max-width:220px!important;
  }
}

/* Mobile */
@media(max-width:430px){
  html body .stage{
    min-height:470px!important;
  }

  html body .machine-scene-v20{
    height:470px!important;
  }

  html body .machine-cutout-v20{
    width:131%!important;
    max-width:none!important;
    bottom:22px!important;
    transform:translateX(-49%)!important;
  }

  html body .machine-scene-v20::after{
    left:-4%!important;
    right:-4%!important;
    height:78px!important;
  }

  html body .glass-reflection-v34{
    left:15%!important;
    right:5%!important;
    bottom:-5px!important;
    height:78px!important;
    opacity:.42!important;
  }

  html body .machine-scene-v20 .foot-shadow-left{
    left:24%!important;
    bottom:22px!important;
  }

  html body .machine-scene-v20 .foot-shadow-right{
    right:14%!important;
    bottom:22px!important;
  }

  html body .machine-badge-v20{
    right:2%!important;
    bottom:38px!important;
    max-width:210px!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;
  }
}



html body .hero{min-height:760px!important;padding-top:46px!important;padding-bottom:34px!important;overflow:hidden!important}
@media(min-width:901px){
html body .hero-grid{grid-template-columns:.84fr 1.16fr!important;gap:18px!important;align-items:center!important}
html body .hero-copy{max-width:610px!important;padding-top:6px!important}
html body .hero-copy h1{font-size:clamp(66px,6.7vw,108px)!important;line-height:.93!important;letter-spacing:-.045em!important}
html body .hero-copy p{max-width:570px!important;font-size:18px!important;line-height:1.55!important}}
html body .stage{min-height:610px!important;overflow:visible!important}
html body .machine-scene-v20{height:610px!important;overflow:visible!important}
html body .machine-cutout-v20{width:min(116%,860px)!important;max-width:none!important;max-height:630px!important;left:50%!important;bottom:20px!important;transform:translateX(-49%)!important;filter:none!important;-webkit-filter:none!important;box-shadow:none!important;outline:none!important;border:none!important;background:none!important;opacity:1!important;z-index:8!important}
html body .stage::before,html body .showroom-glow-v20,html body .printer-reflection-v30,html body .reflection-v20,html body [class*="printer-glow"],html body [class*="machine-glow"],html body [class*="ambient-glow"]{display:none!important;visibility:hidden!important;opacity:0!important;content:none!important;background:none!important;filter:none!important;-webkit-filter:none!important;animation:none!important}
html body .machine-scene-v20::after{content:""!important;display:block!important;position:absolute!important;left:10%!important;right:4%!important;bottom:0!important;height:122px!important;z-index:4!important;pointer-events:none!important;background:linear-gradient(to bottom,rgba(255,255,255,.028),rgba(255,255,255,.012) 30%,rgba(0,0,0,.12)),linear-gradient(90deg,transparent,rgba(255,255,255,.012) 28%,rgba(124,255,0,.018) 55%,transparent)!important;border-top:1px solid rgba(255,255,255,.045)!important}
html body .glass-reflection-v34{left:20%!important;right:8%!important;bottom:-8px!important;height:116px!important;clip-path:polygon(7% 0,93% 0,82% 100%,18% 100%)!important;transform:scaleY(.72)!important;transform-origin:top!important;opacity:.50!important;filter:none!important;-webkit-filter:none!important;background:linear-gradient(to bottom,rgba(230,235,230,.12),rgba(180,190,180,.055) 28%,rgba(124,255,0,.016) 55%,transparent 90%)!important}
html body .machine-scene-v20 .foot-shadow-left,html body .machine-scene-v20 .foot-shadow-right{bottom:19px!important;width:44px!important;height:7px!important;background:radial-gradient(ellipse at center,rgba(0,0,0,.98),rgba(0,0,0,.82) 56%,transparent 91%)!important;filter:none!important;-webkit-filter:none!important;opacity:.96!important}
html body .machine-scene-v20 .foot-shadow-left{left:27.5%!important}
html body .machine-scene-v20 .foot-shadow-right{right:16.5%!important}
html body .machine-badge-v20{right:-1.5%!important;bottom:90px!important;max-width:236px!important;padding:14px 17px!important;border-radius:14px!important;box-shadow:0 14px 28px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04)!important}
html body .trust{margin-top:8px!important;border:1px solid rgba(124,255,0,.18)!important;border-radius:12px!important;overflow:hidden!important;background:rgba(2,5,2,.76)!important}
html body .trust>div{min-height:120px!important;padding:24px 26px!important;background:rgba(2,5,2,.78)!important;border-radius:0!important}
html body .trust>div:not(:last-child){border-right:1px solid rgba(124,255,0,.14)!important}
@media(max-width:900px){
html body .hero{min-height:auto!important;padding-top:24px!important;padding-bottom:24px!important}
html body .hero-grid{display:flex!important;flex-direction:column!important}
html body .hero-copy{order:2!important;width:100%!important;padding:22px 22px 0!important}
html body .stage{order:1!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;min-height:525px!important}
html body .machine-scene-v20{height:525px!important}
html body .machine-cutout-v20{width:118%!important;max-width:820px!important;bottom:28px!important;transform:translateX(-49%)!important}
html body .machine-scene-v20::after{left:-4%!important;right:-4%!important;height:95px!important}
html body .glass-reflection-v34{left:14%!important;right:4%!important;height:86px!important;opacity:.44!important}
html body .machine-badge-v20{right:4%!important;bottom:58px!important;max-width:222px!important}
html body .trust{display:block!important;margin:24px 22px 0!important;border-radius:14px!important}
html body .trust>div{min-height:112px!important;padding:22px!important;border-right:none!important}
html body .trust>div:not(:last-child){border-bottom:1px solid rgba(124,255,0,.16)!important}}
@media(max-width:430px){
html body .stage{min-height:490px!important}
html body .machine-scene-v20{height:490px!important}
html body .machine-cutout-v20{width:132%!important;max-width:none!important;bottom:30px!important}
html body .machine-badge-v20{right:3%!important;bottom:48px!important;max-width:210px!important}
html body .hero-copy h1{font-size:clamp(52px,14vw,74px)!important;line-height:.96!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;
  }
}



html body .machine-cutout-v20{filter:none!important;-webkit-filter:none!important;box-shadow:none!important;outline:none!important;border:none!important;background:transparent!important;opacity:1!important;mix-blend-mode:normal!important}
html body .stage::before,html body .stage::after,html body .machine-scene-v20::before,html body .showroom-glow-v20,html body .printer-reflection-v30,html body .reflection-v20,html body [class*="printer-glow"],html body [class*="machine-glow"],html body [class*="ambient-glow"],html body [class*="showroom-glow"]{content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;background:none!important;filter:none!important;-webkit-filter:none!important;animation:none!important}
html body .hero-copy::after,html body .hero-copy h1::after,html body .hero-copy .accent::after{content:none!important;display:none!important;opacity:0!important;filter:none!important;background:none!important}
html body .hero-copy,html body .hero-copy h1,html body .hero-copy h1 *,html body .hero-copy p,html body .eyebrow{filter:none!important;-webkit-filter:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .machine-scene-v20::after{content:""!important;display:block!important;position:absolute!important;left:18%!important;right:10%!important;bottom:5px!important;height:68px!important;z-index:4!important;pointer-events:none!important;background:linear-gradient(to bottom,rgba(255,255,255,.018) 0%,rgba(255,255,255,.007) 34%,rgba(0,0,0,.10) 100%)!important;border-top:1px solid rgba(255,255,255,.025)!important;filter:none!important;-webkit-filter:none!important;opacity:.86!important}
html body .glass-reflection-v34{display:block!important;left:25%!important;right:15%!important;bottom:0!important;height:68px!important;clip-path:polygon(12% 0,88% 0,76% 100%,24% 100%)!important;transform:scaleY(.54)!important;transform-origin:top!important;opacity:.23!important;filter:none!important;-webkit-filter:none!important;background:linear-gradient(to bottom,rgba(220,225,220,.075) 0%,rgba(160,170,160,.026) 34%,transparent 86%)!important}
html body .machine-scene-v20 .foot-shadow-left,html body .machine-scene-v20 .foot-shadow-right{display:block!important;bottom:20px!important;width:36px!important;height:5px!important;z-index:9!important;border-radius:50%!important;background:radial-gradient(ellipse at center,rgba(0,0,0,.98) 0%,rgba(0,0,0,.84) 58%,transparent 92%)!important;filter:none!important;-webkit-filter:none!important;opacity:.98!important}
html body .machine-scene-v20 .foot-shadow-left{left:28.5%!important}html body .machine-scene-v20 .foot-shadow-right{right:17.5%!important}
html body .machine-scene-v20 .foot-shadow-left::after,html body .machine-scene-v20 .foot-shadow-right::after{content:""!important;position:absolute!important;left:22%!important;right:22%!important;top:-1px!important;height:1px!important;background:rgba(205,255,165,.22)!important}
html body .machine-badge-v20{filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 12px 24px rgba(0,0,0,.44)!important}
@media(max-width:900px){html body .machine-scene-v20::after{left:10%!important;right:6%!important;bottom:7px!important;height:58px!important}html body .glass-reflection-v34{left:20%!important;right:10%!important;height:58px!important;opacity:.20!important}html body .machine-scene-v20 .foot-shadow-left{left:24.5%!important}html body .machine-scene-v20 .foot-shadow-right{right:14.5%!important}}
@media(max-width:430px){html body .machine-scene-v20::after{left:5%!important;right:3%!important;height:52px!important}html body .glass-reflection-v34{left:17%!important;right:8%!important;height:50px!important;opacity:.18!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;
  }
}



/* V35.2 – neuer freigestellter Drucker */
html body .machine-cutout-v20{
  width:min(115%,860px)!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-49%)!important;
  filter:none!important;
  -webkit-filter:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  box-shadow:none!important;
  outline:none!important;
  border:none!important;
  background:transparent!important;
  opacity:1!important;
  z-index:8!important;
}

/* Alte Bild- und Bühnenbestandteile entfernen, damit nichts doppelt wirkt. */
html body .platform-v20,
html body .reflection-v20,
html body .glass-reflection-v34,
html body .foot-shadow-left,
html body .foot-shadow-right,
html body .machine-scene-v20::after{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
}

/* Badge bleibt oberhalb des Druckers. */
html body .machine-badge-v20{
  z-index:10!important;
}

@media(max-width:900px){
  html body .machine-cutout-v20{
    width:121%!important;
    max-width:840px!important;
    bottom:12px!important;
    transform:translateX(-49%)!important;
  }
}

@media(max-width:430px){
  html body .machine-cutout-v20{
    width:134%!important;
    max-width:none!important;
    bottom:14px!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;
  }
}



html body .hero{position:relative!important;overflow:hidden!important}
html body .stage,html body .machine-scene-v20{position:relative!important;overflow:visible!important}
html body .machine-cutout-v20{left:50%!important;bottom:18px!important;width:min(119%,900px)!important;max-width:none!important;height:auto!important;object-fit:contain!important;object-position:center bottom!important;transform:translateX(-49%)!important;filter:none!important;-webkit-filter:none!important;box-shadow:none!important;outline:none!important;border:none!important;background:transparent!important;opacity:1!important;z-index:8!important}
html body .stage::before,html body .stage::after,html body .showroom-glow-v20,html body .printer-reflection-v30,html body .reflection-v20,html body .platform-v20,html body .glass-reflection-v34,html body .foot-shadow-left,html body .foot-shadow-right,html body [class*="printer-glow"],html body [class*="machine-glow"],html body [class*="ambient-glow"]{display:none!important;visibility:hidden!important;opacity:0!important;content:none!important;filter:none!important;-webkit-filter:none!important;background:none!important}
html body .machine-scene-v20::after{content:""!important;display:block!important;position:absolute!important;z-index:5!important;left:23%!important;right:10%!important;bottom:2px!important;height:72px!important;pointer-events:none!important;background:linear-gradient(to bottom,rgba(230,235,230,.085),rgba(180,190,180,.035) 32%,rgba(124,255,0,.012) 55%,transparent 88%)!important;clip-path:polygon(10% 0,90% 0,77% 100%,23% 100%)!important;transform:scaleY(.58)!important;transform-origin:top!important;opacity:.34!important;filter:none!important;-webkit-filter:none!important}
html body .v36-foot-shadow-left,html body .v36-foot-shadow-right{display:block!important;position:absolute!important;bottom:17px!important;width:40px!important;height:6px!important;z-index:9!important;border-radius:50%!important;background:radial-gradient(ellipse at center,rgba(0,0,0,.98),rgba(0,0,0,.80) 58%,transparent 92%)!important;opacity:.96!important;pointer-events:none!important}
html body .v36-foot-shadow-left{left:27%!important}
html body .v36-foot-shadow-right{right:16%!important}
html body .machine-badge-v20{right:2%!important;bottom:78px!important;max-width:230px!important;z-index:10!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .site-hex-background{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.95),#000 68%,rgba(0,0,0,.82) 84%,transparent)!important;mask-image:linear-gradient(to right,rgba(0,0,0,.95),#000 68%,rgba(0,0,0,.82) 84%,transparent)!important}
@media(min-width:901px){
html body .hero-grid{grid-template-columns:.9fr 1.1fr!important;gap:24px!important;align-items:center!important}
html body .stage,html body .machine-scene-v20{min-height:600px!important;height:600px!important}
html body .machine-cutout-v20{width:min(122%,920px)!important;bottom:16px!important}
html body .machine-badge-v20{right:1%!important;bottom:76px!important}}
@media(max-width:900px){
html body .hero-grid{display:flex!important;flex-direction:column!important}
html body .hero-copy{order:1!important;width:100%!important;padding:28px 22px 0!important}
html body .stage{order:2!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;min-height:475px!important;margin-top:18px!important}
html body .machine-scene-v20{height:475px!important}
html body .machine-cutout-v20{width:108%!important;max-width:780px!important;bottom:18px!important;transform:translateX(-50%)!important}
html body .machine-scene-v20::after{left:20%!important;right:8%!important;height:60px!important;opacity:.28!important}
html body .v36-foot-shadow-left{left:25%!important}
html body .v36-foot-shadow-right{right:14%!important}
html body .machine-badge-v20{right:4%!important;bottom:48px!important;max-width:215px!important}}
@media(max-width:430px){
html body .hero-copy{padding:24px 20px 0!important}
html body .stage{min-height:430px!important;margin-top:12px!important}
html body .machine-scene-v20{height:430px!important}
html body .machine-cutout-v20{width:111%!important;max-width:none!important;bottom:20px!important}
html body .machine-scene-v20::after{left:17%!important;right:6%!important;height:54px!important}
html body .machine-badge-v20{right:3%!important;bottom:40px!important;max-width:205px!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;
  }
}



/* =========================================================
   V37 – Dienstleistung im Fokus, Drucker zurückhaltender
   ========================================================= */

/* Desktop: Drucker kleiner, weiter links und etwas tiefer */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
  }

  html body .machine-cutout-v20{
    width:min(105%,810px)!important;
    left:46%!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
  }

  html body .machine-badge-v20{
    right:8%!important;
    bottom:66px!important;
    max-width:220px!important;
  }

  html body .v36-foot-shadow-left{
    left:24%!important;
    bottom:10px!important;
  }

  html body .v36-foot-shadow-right{
    right:21%!important;
    bottom:10px!important;
  }

  html body .machine-scene-v20::after{
    left:20%!important;
    right:16%!important;
    bottom:-2px!important;
    height:62px!important;
    opacity:.26!important;
  }
}

/* Tablet: Drucker sichtbar, aber klar untergeordnet */
@media(min-width:431px) and (max-width:900px){
  html body .machine-cutout-v20{
    width:96%!important;
    left:47%!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
  }

  html body .machine-badge-v20{
    right:8%!important;
    bottom:44px!important;
    max-width:205px!important;
  }
}

/* Mobile: kompakter und leicht nach links */
@media(max-width:430px){
  html body .stage{
    min-height:390px!important;
  }

  html body .machine-scene-v20{
    height:390px!important;
  }

  html body .machine-cutout-v20{
    width:101%!important;
    left:47%!important;
    bottom:12px!important;
    transform:translateX(-50%)!important;
  }

  html body .machine-badge-v20{
    right:5%!important;
    bottom:34px!important;
    max-width:195px!important;
  }

  html body .machine-scene-v20::after{
    left:18%!important;
    right:11%!important;
    bottom:-2px!important;
    height:48px!important;
    opacity:.22!important;
  }

  html body .v36-foot-shadow-left{
    left:22%!important;
    bottom:10px!important;
  }

  html body .v36-foot-shadow-right{
    right:19%!important;
    bottom:10px!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;
  }
}



/* =========================================================
   V38 – scharfes Hexagonnetz, kleinerer Drucker, kein Nebel
   ========================================================= */

/* Hintergrundnetz durchgehend scharf halten */
html body .site-hex-background{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  animation:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Abdunklung darf das Netz nicht weichzeichnen */
html body .site-hex-shade{
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:.54!important;
}

/* Alle grünen Nebel-/Glow-Flächen vollständig entfernen */
html body .stage::before,
html body .stage::after,
html body .hero::before,
html body .hero::after,
html body .machine-scene-v20::before,
html body .showroom-glow-v20,
html body .printer-reflection-v30,
html body .reflection-v20,
html body .platform-v20,
html body .glass-reflection-v34,
html body [class*="printer-glow"],
html body [class*="machine-glow"],
html body [class*="ambient-glow"],
html body [class*="showroom-glow"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Drucker kleiner, weiter links und ohne künstlichen Glow */
html body .machine-cutout-v20{
  left:44.5%!important;
  bottom:5px!important;
  width:min(95%,735px)!important;
  max-width:none!important;
  transform:translateX(-50%)!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  outline:none!important;
  border:none!important;
  background:transparent!important;
  opacity:1!important;
  z-index:8!important;
}

/* Dezente, harte Tiefenwirkung statt Glow */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:25%!important;
  right:23%!important;
  bottom:1px!important;
  height:34px!important;
  z-index:5!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,
    rgba(220,225,220,.045) 0%,
    rgba(160,170,160,.018) 38%,
    transparent 92%)!important;
  clip-path:polygon(12% 0,88% 0,74% 100%,26% 100%)!important;
  opacity:.20!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* Kontaktschatten kleiner und realistischer */
html body .v36-foot-shadow-left,
html body .v36-foot-shadow-right{
  width:30px!important;
  height:4px!important;
  bottom:7px!important;
  opacity:.92!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.98) 0%,
    rgba(0,0,0,.78) 58%,
    transparent 92%)!important;
  filter:none!important;
  -webkit-filter:none!important;
}

html body .v36-foot-shadow-left{left:24.5%!important}
html body .v36-foot-shadow-right{right:25%!important}

/* Badge kompakter und enger am Drucker */
html body .machine-badge-v20{
  right:10%!important;
  bottom:54px!important;
  max-width:192px!important;
  padding:11px 13px!important;
  border-radius:12px!important;
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 18px rgba(0,0,0,.40)!important;
}

/* Desktop: Dienstleistung klar im Fokus */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:1.06fr .94fr!important;
    gap:16px!important;
    align-items:center!important;
  }

  html body .stage{
    min-height:545px!important;
  }

  html body .machine-scene-v20{
    height:545px!important;
  }

  html body .machine-cutout-v20{
    width:min(96%,745px)!important;
    left:44%!important;
    bottom:3px!important;
  }

  html body .machine-badge-v20{
    right:9%!important;
    bottom:52px!important;
  }
}

/* Tablet */
@media(min-width:431px) and (max-width:900px){
  html body .stage{
    min-height:385px!important;
  }

  html body .machine-scene-v20{
    height:385px!important;
  }

  html body .machine-cutout-v20{
    width:82%!important;
    max-width:650px!important;
    left:46%!important;
    bottom:8px!important;
  }

  html body .machine-badge-v20{
    right:10%!important;
    bottom:38px!important;
    max-width:180px!important;
  }

  html body .machine-scene-v20::after{
    left:27%!important;
    right:24%!important;
    height:28px!important;
  }
}

/* Mobile: deutlich kompakter */
@media(max-width:430px){
  html body .stage{
    min-height:315px!important;
    margin-top:8px!important;
  }

  html body .machine-scene-v20{
    height:315px!important;
  }

  html body .machine-cutout-v20{
    width:78%!important;
    max-width:none!important;
    left:45%!important;
    bottom:8px!important;
  }

  html body .machine-badge-v20{
    right:8%!important;
    bottom:26px!important;
    max-width:165px!important;
    padding:9px 11px!important;
  }

  html body .machine-scene-v20::after{
    left:28%!important;
    right:22%!important;
    bottom:1px!important;
    height:24px!important;
    opacity:.16!important;
  }

  html body .v36-foot-shadow-left{
    left:26%!important;
    bottom:7px!important;
  }

  html body .v36-foot-shadow-right{
    right:27%!important;
    bottom:7px!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;
  }
}



html body .hero{min-height:auto!important;padding-top:74px!important;padding-bottom:36px!important;background:radial-gradient(circle at 72% 34%,rgba(112,255,0,.045),transparent 34%),linear-gradient(180deg,#020402 0%,#000 72%,#010201 100%)!important;overflow:hidden!important}
html body .hero .site-hex-background,html body .hero .site-hex-shade,html body .hero [class*="hex-"],html body .hero svg[class*="hex"]{display:none!important;visibility:hidden!important;opacity:0!important}
html body .hero .stage,html body .hero .machine-scene-v20,html body .hero .machine-cutout-v20,html body .hero .machine-badge-v20,html body .hero .v36-foot-shadow-left,html body .hero .v36-foot-shadow-right,html body .hero .platform-v20,html body .hero .reflection-v20,html body .hero .glass-reflection-v34,html body .hero .showroom-glow-v20,html body .hero .printer-reflection-v30{display:none!important;visibility:hidden!important;opacity:0!important}
html body .hero-grid{display:block!important;max-width:1180px!important;margin:0 auto!important}
html body .hero-copy{width:100%!important;max-width:940px!important;margin:0 auto!important;padding:0 24px!important;text-align:center!important}
html body .hero-copy .eyebrow{display:inline-block!important;margin-bottom:22px!important;font-size:15px!important;line-height:1.35!important;letter-spacing:.16em!important;color:#82ff16!important;text-transform:uppercase!important;font-weight:800!important}
html body .hero-copy h1{margin:0 auto 24px!important;max-width:980px!important;font-size:clamp(68px,8vw,132px)!important;line-height:.88!important;letter-spacing:-.055em!important;text-align:center!important;text-shadow:none!important;filter:none!important;-webkit-filter:none!important}
html body .hero-copy h1 .accent,html body .hero-copy h1 span:last-child{color:#70ff00!important;text-shadow:none!important;filter:none!important}
html body .hero-copy p{max-width:760px!important;margin:0 auto 30px!important;font-size:clamp(18px,1.55vw,23px)!important;line-height:1.6!important;color:rgba(255,255,255,.80)!important;text-align:center!important}
html body .hero-actions,html body .hero-copy .actions{justify-content:center!important;gap:14px!important;margin-top:10px!important}
html body .hero-actions a,html body .hero-copy .actions a{min-width:230px!important;min-height:58px!important;border-radius:10px!important}
html body .trust{max-width:1180px!important;margin:44px auto 0!important;border:1px solid rgba(112,255,0,.18)!important;border-radius:14px!important;background:rgba(3,7,3,.80)!important;box-shadow:0 22px 55px rgba(0,0,0,.34)!important}
html body .trust>div{min-height:114px!important;padding:24px 26px!important;background:rgba(2,5,2,.82)!important}
html body .trust>div:not(:last-child){border-right:1px solid rgba(112,255,0,.14)!important}
html body .hero+section{border-top:1px solid rgba(112,255,0,.10)!important}
@media(max-width:900px){
html body .hero{padding-top:42px!important;padding-bottom:28px!important}
html body .hero-copy{padding:0 22px!important}
html body .hero-copy .eyebrow{font-size:13px!important;margin-bottom:18px!important}
html body .hero-copy h1{font-size:clamp(52px,13vw,82px)!important;line-height:.92!important;letter-spacing:-.045em!important;margin-bottom:22px!important}
html body .hero-copy p{font-size:19px!important;line-height:1.58!important;margin-bottom:26px!important}
html body .hero-actions,html body .hero-copy .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important}
html body .hero-actions a,html body .hero-copy .actions a{width:100%!important;min-width:0!important;min-height:56px!important}
html body .trust{display:block!important;margin:34px 22px 0!important;border-radius:14px!important}
html body .trust>div{min-height:108px!important;padding:22px!important;border-right:none!important}
html body .trust>div:not(:last-child){border-bottom:1px solid rgba(112,255,0,.14)!important}}
@media(max-width:430px){
html body .hero{padding-top:34px!important}
html body .hero-copy{padding:0 20px!important}
html body .hero-copy h1{font-size:clamp(48px,14.5vw,68px)!important}
html body .hero-copy p{font-size:18px!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;
  }
}



html body header,
html body .site-header,
html body .navbar,
html body .nav-wrap{overflow:visible!important}

html body .brand,
html body .logo,
html body .site-logo,
html body .header-logo{
  overflow:visible!important;
  height:auto!important;
  min-height:0!important;
}

html body .brand img,
html body .logo img,
html body .site-logo img,
html body .header-logo img{
  object-fit:contain!important;
  object-position:center!important;
  overflow:visible!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

@media(min-width:901px){
  html body .brand,
  html body .logo,
  html body .site-logo,
  html body .header-logo{
    padding-top:8px!important;
    padding-bottom:12px!important;
  }
  html body .brand img,
  html body .logo img,
  html body .site-logo img,
  html body .header-logo img{
    max-height:112px!important;
    height:auto!important;
    width:auto!important;
  }
}

@media(max-width:900px){
  html body header,
  html body .site-header,
  html body .navbar,
  html body .nav-wrap{
    min-height:98px!important;
  }
  html body .brand,
  html body .logo,
  html body .site-logo,
  html body .header-logo{
    padding-top:8px!important;
    padding-bottom:12px!important;
    margin-bottom:0!important;
  }
  html body .brand img,
  html body .logo img,
  html body .site-logo img,
  html body .header-logo img{
    max-height:86px!important;
    height:auto!important;
    width:auto!important;
  }
}

@media(max-width:430px){
  html body header,
  html body .site-header,
  html body .navbar,
  html body .nav-wrap{
    min-height:92px!important;
  }
  html body .brand img,
  html body .logo img,
  html body .site-logo img,
  html body .header-logo img{
    max-height:80px!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;
  }
}



/* V42.1 – neuer RSH-Drucker, dezent im Hero, ohne Blur oder Glow */

html body .hero{
  min-height:720px!important;
  padding:58px 0 34px!important;
  background:#000!important;
  background-image:none!important;
  overflow:hidden!important;
}

html body .hero-grid{
  display:grid!important;
  grid-template-columns:1.08fr .92fr!important;
  gap:42px!important;
  align-items:center!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:0 40px!important;
}

html body .hero-copy{
  width:100%!important;
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

html body .hero .stage,
html body .hero .machine-scene-v20,
html body .hero .machine-cutout-v20{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

html body .stage{
  position:relative!important;
  min-height:535px!important;
  overflow:visible!important;
  background:transparent!important;
}

html body .machine-scene-v20{
  position:relative!important;
  height:535px!important;
  overflow:visible!important;
  background:transparent!important;
}

html body .machine-cutout-v20{
  position:absolute!important;
  left:58%!important;
  bottom:12px!important;
  width:min(91%,700px)!important;
  max-width:none!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  border:none!important;
  outline:none!important;
  background:transparent!important;
  opacity:1!important;
  z-index:8!important;
}

/* Alle früheren Drucker- und Hero-Effekte deaktivieren */
html body .hero .machine-badge-v20,
html body .hero .showroom-glow-v20,
html body .hero .platform-v20,
html body .hero .reflection-v20,
html body .hero .printer-reflection-v30,
html body .hero .glass-reflection-v34,
html body .hero .foot-shadow-left,
html body .hero .foot-shadow-right,
html body .hero .v36-foot-shadow-left,
html body .hero .v36-foot-shadow-right,
html body .hero::before,
html body .hero::after,
html body .stage::before,
html body .stage::after,
html body .machine-scene-v20::before,
html body .machine-scene-v20::after{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Desktop: ausreichend Abstand zur Headline */
@media(min-width:901px){
  html body .hero-copy h1{
    position:relative!important;
    z-index:10!important;
    text-shadow:none!important;
    filter:none!important;
  }
}

/* Mobile: Text zuerst, Drucker kompakt darunter */
@media(max-width:900px){
  html body .hero{
    min-height:auto!important;
    padding:42px 0 28px!important;
  }

  html body .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:0 22px!important;
  }

  html body .hero-copy{
    order:1!important;
    max-width:none!important;
  }

  html body .stage{
    order:2!important;
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    min-height:340px!important;
    margin-top:16px!important;
  }

  html body .machine-scene-v20{
    height:340px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:6px!important;
    width:76%!important;
    max-width:570px!important;
  }
}

@media(max-width:430px){
  html body .hero-grid{
    padding:0 20px!important;
  }

  html body .stage{
    min-height:300px!important;
  }

  html body .machine-scene-v20{
    height:300px!important;
  }

  html body .machine-cutout-v20{
    width:74%!important;
    max-width:none!important;
    bottom:4px!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;
  }
}



/* V42.2 – korrigierte PNG-Transparenz und kompaktere Mobilansicht */
@media(max-width:900px){
  html body .stage{
    min-height:300px!important;
    margin-top:4px!important;
  }

  html body .machine-scene-v20{
    height:300px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:4px!important;
    width:60%!important;
    max-width:470px!important;
    transform:translateX(-50%)!important;
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
  }
}

@media(max-width:430px){
  html body .stage{
    min-height:270px!important;
    margin-top:0!important;
  }

  html body .machine-scene-v20{
    height:270px!important;
  }

  html body .machine-cutout-v20{
    width:58%!important;
    max-width:none!important;
    bottom:2px!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;
  }
}



/* V42.3 – Drucker präsenter, höher und sauber getrennt von der Headline */

/* Hero vollständig ruhig und tiefschwarz */
html body .hero,
html body .hero-grid,
html body .hero-copy,
html body .stage,
html body .machine-scene-v20{
  background:#000!important;
  background-image:none!important;
}

/* Sämtliche Blur-, Glow-, Licht- und Reflexionseffekte entfernen */
html body .hero::before,
html body .hero::after,
html body .stage::before,
html body .stage::after,
html body .machine-scene-v20::before,
html body .machine-scene-v20::after,
html body .hero [class*="glow"],
html body .hero [class*="blur"],
html body .hero [class*="flare"],
html body .hero [class*="smoke"],
html body .hero [class*="fog"],
html body .hero [class*="light"],
html body .hero [class*="reflection"],
html body .hero [class*="platform"],
html body .hero [class*="shadow"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  animation:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Headline und Punkt bleiben gestochen scharf */
html body .hero-copy h1,
html body .hero-copy h1 span,
html body .hero-copy h1 .accent{
  position:relative!important;
  z-index:20!important;
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  opacity:1!important;
}

/* Desktop: Drucker 10–15 % größer, höher und leicht nach rechts */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:1.06fr .94fr!important;
    gap:46px!important;
  }

  html body .stage{
    min-height:550px!important;
  }

  html body .machine-scene-v20{
    height:550px!important;
  }

  html body .machine-cutout-v20{
    left:60%!important;
    bottom:37px!important;
    width:min(103%,790px)!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
    filter:none!important;
    -webkit-filter:none!important;
    box-shadow:none!important;
    opacity:1!important;
  }
}

/* Tablet: etwas größer und höher, aber weiterhin kompakt */
@media(min-width:431px) and (max-width:900px){
  html body .stage{
    min-height:325px!important;
    margin-top:8px!important;
  }

  html body .machine-scene-v20{
    height:325px!important;
  }

  html body .machine-cutout-v20{
    left:51%!important;
    bottom:18px!important;
    width:68%!important;
    max-width:540px!important;
  }
}

/* Mobile: leicht größer und höher, ohne den Text zu dominieren */
@media(max-width:430px){
  html body .stage{
    min-height:285px!important;
    margin-top:0!important;
  }

  html body .machine-scene-v20{
    height:285px!important;
  }

  html body .machine-cutout-v20{
    left:51%!important;
    bottom:14px!important;
    width:63%!important;
    max-width: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;
  }
}



/* V42.4 – hochwertiger Übergang vom Hero zu den Leistungen */

/* Einheitlicher tiefschwarzer Hintergrund */
html body .hero,
html body .trust,
html body .trust-wrap,
html body .features,
html body .features-wrap,
html body section#leistungen{
  background:#000!important;
  background-image:none!important;
}

/* Deutlicher, ruhiger Abstand zwischen Drucker und Leistungsbereich */
html body .trust{
  position:relative!important;
  margin-top:58px!important;
  max-width:1320px!important;
  border:1px solid rgba(112,255,0,.18)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  z-index:2!important;
}

/* Karten einheitlich, ohne störende Flächenwechsel */
html body .trust > div{
  background:#010301!important;
  background-image:none!important;
  min-height:116px!important;
  padding:26px 28px!important;
  border-color:rgba(112,255,0,.14)!important;
}

/* Das Hexagon-Muster beginnt erst unterhalb der Karten */
html body .trust::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-180px!important;
  height:220px!important;
  pointer-events:none!important;
  z-index:-1!important;
  opacity:.22!important;
  background-image:
    linear-gradient(30deg, transparent 24%, rgba(112,255,0,.18) 25%, rgba(112,255,0,.18) 26%, transparent 27%, transparent 74%, rgba(112,255,0,.18) 75%, rgba(112,255,0,.18) 76%, transparent 77%, transparent),
    linear-gradient(150deg, transparent 24%, rgba(112,255,0,.18) 25%, rgba(112,255,0,.18) 26%, transparent 27%, transparent 74%, rgba(112,255,0,.18) 75%, rgba(112,255,0,.18) 76%, transparent 77%, transparent),
    linear-gradient(30deg, transparent 24%, rgba(112,255,0,.10) 25%, rgba(112,255,0,.10) 26%, transparent 27%, transparent 74%, rgba(112,255,0,.10) 75%, rgba(112,255,0,.10) 76%, transparent 77%, transparent)!important;
  background-size:64px 112px!important;
  background-position:0 0, 0 0, 32px 56px!important;
  background-repeat:repeat!important;
}

/* Keine Glow-/Blur-Effekte in oder unterhalb der Leistungskarten */
html body .trust::before,
html body .trust [class*="glow"],
html body .trust [class*="blur"],
html body .trust [class*="shadow"],
html body .trust [class*="reflection"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  background:none!important;
}

/* Nachfolgender Bereich sauber anschließen */
html body .trust + section,
html body section#leistungen + section{
  margin-top:0!important;
  border-top:1px solid rgba(112,255,0,.08)!important;
  background:#000!important;
}

/* Mobile: mehr Luft und vertikale Karten */
@media(max-width:900px){
  html body .trust{
    display:block!important;
    margin:48px 22px 0!important;
    border-radius:14px!important;
  }

  html body .trust > div{
    min-height:110px!important;
    padding:24px 22px!important;
    border-right:none!important;
  }

  html body .trust > div:not(:last-child){
    border-bottom:1px solid rgba(112,255,0,.14)!important;
  }

  html body .trust::after{
    bottom:-150px!important;
    height:180px!important;
    opacity:.18!important;
    background-size:54px 94px!important;
    background-position:0 0, 0 0, 27px 47px!important;
  }
}

@media(max-width:430px){
  html body .trust{
    margin-top:42px!important;
  }

  html body .trust > div{
    min-height:106px!important;
    padding:22px 20px!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;
  }
}



html body .hero,
html body .hero-grid,
html body .stage,
html body .machine-scene-v20{
  background:#000!important;
  background-image:none!important;
}
html body .machine-cutout-v20{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  background:transparent!important;
}
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:1.02fr .98fr!important;
    gap:44px!important;
  }
  html body .machine-cutout-v20{
    left:57%!important;
    bottom:34px!important;
    width:min(98%,760px)!important;
  }
  html body .trust{
    margin-top:46px!important;
  }
}
@media(max-width:900px){
  html body .stage{
    min-height:330px!important;
    margin-top:8px!important;
  }
  html body .machine-scene-v20{
    height:330px!important;
  }
  html body .machine-cutout-v20{
    left:50%!important;
    bottom:10px!important;
    width:70%!important;
    max-width:550px!important;
    transform:translateX(-50%)!important;
  }
  html body .trust{
    margin-top:44px!important;
  }
}
@media(max-width:430px){
  html body .stage{min-height:300px!important}
  html body .machine-scene-v20{height:300px!important}
  html body .machine-cutout-v20{
    width:68%!important;
    max-width:none!important;
    bottom:8px!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;
  }
}



/* V42.6 – neuer Drucker sauber und ohne Effekte integriert */
html body .hero,
html body .hero-grid,
html body .stage,
html body .machine-scene-v20{
  background:#000!important;
  background-image:none!important;
}

html body .machine-cutout-v20{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  background:transparent!important;
  opacity:1!important;
}

/* Keine alten Zusatzebenen */
html body .hero::before,
html body .hero::after,
html body .stage::before,
html body .stage::after,
html body .machine-scene-v20::before,
html body .machine-scene-v20::after,
html body .hero [class*="glow"],
html body .hero [class*="blur"],
html body .hero [class*="reflection"],
html body .hero [class*="platform"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  filter:none!important;
  box-shadow:none!important;
  background:none!important;
}

@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:1.02fr .98fr!important;
    gap:46px!important;
  }
  html body .machine-cutout-v20{
    left:58%!important;
    bottom:34px!important;
    width:min(99%,770px)!important;
  }
}

@media(max-width:900px){
  html body .stage{
    min-height:330px!important;
    margin-top:8px!important;
  }
  html body .machine-scene-v20{height:330px!important}
  html body .machine-cutout-v20{
    left:50%!important;
    bottom:10px!important;
    width:70%!important;
    max-width:550px!important;
    transform:translateX(-50%)!important;
  }
  html body .trust{margin-top:44px!important}
}

@media(max-width:430px){
  html body .stage{min-height:300px!important}
  html body .machine-scene-v20{height:300px!important}
  html body .machine-cutout-v20{
    width:68%!important;
    max-width:none!important;
    bottom:8px!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;
  }
}



html body .hero{
  position:relative!important;
  min-height:760px!important;
  padding:54px 0 32px!important;
  background:radial-gradient(circle at 73% 48%,rgba(112,255,0,.035),transparent 32%),
             linear-gradient(180deg,#020302 0%,#000 76%,#010201 100%)!important;
  overflow:hidden!important;
}
html body .hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-8%!important;
  right:-8%!important;
  bottom:-6px!important;
  height:280px!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.32!important;
  transform:perspective(700px) rotateX(63deg)!important;
  transform-origin:center bottom!important;
  background-image:
    linear-gradient(30deg,transparent 24%,rgba(112,255,0,.28) 25%,rgba(112,255,0,.28) 26%,transparent 27%,transparent 74%,rgba(112,255,0,.28) 75%,rgba(112,255,0,.28) 76%,transparent 77%,transparent),
    linear-gradient(150deg,transparent 24%,rgba(112,255,0,.28) 25%,rgba(112,255,0,.28) 26%,transparent 27%,transparent 74%,rgba(112,255,0,.28) 75%,rgba(112,255,0,.28) 76%,transparent 77%,transparent),
    linear-gradient(30deg,transparent 24%,rgba(112,255,0,.14) 25%,rgba(112,255,0,.14) 26%,transparent 27%,transparent 74%,rgba(112,255,0,.14) 75%,rgba(112,255,0,.14) 76%,transparent 77%,transparent)!important;
  background-size:78px 136px!important;
  background-position:0 0,0 0,39px 68px!important;
  mask-image:linear-gradient(to top,#000,rgba(0,0,0,.55) 52%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(to top,#000,rgba(0,0,0,.55) 52%,transparent 100%)!important;
}
html body .hero-grid{
  position:relative!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:.98fr 1.02fr!important;
  gap:54px!important;
  align-items:center!important;
  max-width:1380px!important;
  margin:0 auto!important;
  padding:0 44px!important;
}
html body .hero-copy{position:relative!important;z-index:8!important;max-width:720px!important}
html body .stage{position:relative!important;min-height:580px!important;overflow:visible!important;z-index:6!important}
html body .machine-scene-v20{position:relative!important;height:580px!important;overflow:visible!important;background:transparent!important}
html body .machine-cutout-v20{
  position:absolute!important;
  left:56%!important;
  bottom:30px!important;
  width:min(108%,840px)!important;
  max-width:none!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  border:none!important;
  outline:none!important;
  background:transparent!important;
  opacity:1!important;
  z-index:10!important;
}
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:22%!important;
  right:5%!important;
  bottom:20px!important;
  height:68px!important;
  z-index:5!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.62),rgba(0,0,0,.36) 38%,rgba(0,0,0,.1) 68%,transparent 80%)!important;
}
html body .hero .machine-badge-v20,
html body .hero .showroom-glow-v20,
html body .hero .platform-v20,
html body .hero .reflection-v20,
html body .hero .printer-reflection-v30,
html body .hero .glass-reflection-v34,
html body .hero [class*="blur"],
html body .hero [class*="glow"],
html body .hero [class*="flare"],
html body .hero [class*="reflection"]{
  display:none!important;visibility:hidden!important;opacity:0!important;content:none!important;
  background:none!important;filter:none!important;-webkit-filter:none!important;box-shadow:none!important;animation:none!important
}
html body .trust{
  position:relative!important;
  z-index:12!important;
  max-width:1320px!important;
  margin:18px auto 0!important;
  border:1px solid rgba(112,255,0,.22)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#010201!important;
  box-shadow:0 18px 50px rgba(0,0,0,.34)!important;
}
html body .trust>div{background:rgba(1,3,1,.96)!important;min-height:122px!important;padding:27px 28px!important}
@media(max-width:900px){
  html body .hero{min-height:auto!important;padding:42px 0 26px!important}
  html body .hero::after{
    height:180px!important;bottom:0!important;opacity:.18!important;
    transform:perspective(520px) rotateX(66deg)!important;
    background-size:58px 101px!important;background-position:0 0,0 0,29px 50px!important
  }
  html body .hero-grid{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0 22px!important}
  html body .hero-copy{order:1!important;max-width:none!important}
  html body .stage{order:2!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;min-height:350px!important;margin-top:10px!important}
  html body .machine-scene-v20{height:350px!important}
  html body .machine-cutout-v20{left:50%!important;bottom:20px!important;width:76%!important;max-width:600px!important}
  html body .machine-scene-v20::after{left:22%!important;right:22%!important;bottom:12px!important;height:48px!important}
  html body .trust{margin:22px 22px 0!important}
}
@media(max-width:430px){
  html body .hero-grid{padding:0 20px!important}
  html body .stage{min-height:315px!important}
  html body .machine-scene-v20{height:315px!important}
  html body .machine-cutout-v20{width:74%!important;max-width:none!important;bottom:16px!important}
  html body .trust{margin-top:18px!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;
  }
}



html body .hero{
  position:relative!important;
  min-height:760px!important;
  padding:54px 0 32px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 76% 48%,rgba(255,255,255,.035),transparent 28%),
             linear-gradient(180deg,#020302 0%,#000 78%,#010201 100%)!important;
}
html body .hero::after{
  display:none!important;visibility:hidden!important;opacity:0!important;content:none!important;
  background:none!important;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;
}
html body .hero-grid{
  position:relative!important;z-index:4!important;display:grid!important;
  grid-template-columns:.98fr 1.02fr!important;gap:58px!important;align-items:center!important;
  max-width:1400px!important;margin:0 auto!important;padding:0 44px!important;
}
html body .hero-copy{position:relative!important;z-index:12!important;max-width:720px!important}
html body .stage{position:relative!important;min-height:590px!important;overflow:visible!important;z-index:6!important}
html body .machine-scene-v20{position:relative!important;height:590px!important;overflow:visible!important;background:transparent!important}
html body .machine-cutout-v20{
  position:absolute!important;left:59%!important;bottom:34px!important;width:min(112%,860px)!important;
  max-width:none!important;height:auto!important;transform:translateX(-50%)!important;object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.48)) drop-shadow(12px 0 18px rgba(255,255,255,.035))!important;
  -webkit-filter:drop-shadow(0 18px 22px rgba(0,0,0,.48)) drop-shadow(12px 0 18px rgba(255,255,255,.035))!important;
  box-shadow:none!important;border:none!important;outline:none!important;background:transparent!important;opacity:1!important;z-index:10!important;
}
html body .machine-scene-v20::after{
  content:""!important;display:block!important;visibility:visible!important;opacity:1!important;
  position:absolute!important;left:19%!important;right:1%!important;bottom:14px!important;height:84px!important;
  z-index:4!important;pointer-events:none!important;border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.72) 0%,rgba(0,0,0,.48) 38%,rgba(0,0,0,.18) 66%,transparent 82%)!important;
  filter:blur(2px)!important;-webkit-filter:blur(2px)!important;
}
html body .machine-scene-v20::before{
  content:""!important;display:block!important;position:absolute!important;right:2%!important;top:15%!important;
  width:28%!important;height:62%!important;z-index:3!important;pointer-events:none!important;
  background:linear-gradient(to left,rgba(255,255,255,.035),transparent 72%)!important;
}
html body .hero .machine-badge-v20,
html body .hero .showroom-glow-v20,
html body .hero .platform-v20,
html body .hero .reflection-v20,
html body .hero .printer-reflection-v30,
html body .hero .glass-reflection-v34,
html body .hero [class*="glow"],
html body .hero [class*="flare"],
html body .hero [class*="reflection"]{
  display:none!important;visibility:hidden!important;opacity:0!important;content:none!important;background:none!important;box-shadow:none!important;animation:none!important;
}
html body .trust{
  position:relative!important;z-index:12!important;max-width:1320px!important;margin:20px auto 0!important;
  border:1px solid rgba(112,255,0,.22)!important;border-radius:12px!important;overflow:hidden!important;
  background:#010201!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important;
}
html body .trust>div{background:rgba(1,3,1,.97)!important;min-height:122px!important;padding:27px 28px!important}
@media(max-width:900px){
  html body .hero{min-height:auto!important;padding:42px 0 26px!important}
  html body .hero-grid{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0 22px!important}
  html body .hero-copy{order:1!important;max-width:none!important}
  html body .stage{order:2!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;min-height:360px!important;margin-top:8px!important}
  html body .machine-scene-v20{height:360px!important}
  html body .machine-cutout-v20{left:51%!important;bottom:22px!important;width:78%!important;max-width:620px!important}
  html body .machine-scene-v20::after{left:20%!important;right:20%!important;bottom:10px!important;height:54px!important}
  html body .machine-scene-v20::before{right:6%!important;top:18%!important;width:32%!important;height:56%!important}
  html body .trust{margin:22px 22px 0!important}
}
@media(max-width:430px){
  html body .hero-grid{padding:0 20px!important}
  html body .stage{min-height:320px!important}
  html body .machine-scene-v20{height:320px!important}
  html body .machine-cutout-v20{left:50%!important;width:76%!important;max-width:none!important;bottom:18px!important}
  html body .trust{margin-top:18px!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;
  }
}



html body .hero{
  background:
    radial-gradient(circle at 80% 46%,rgba(255,255,255,.028) 0%,transparent 30%),
    linear-gradient(180deg,#020302 0%,#000 80%,#010201 100%)!important;
}
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:1.02fr .98fr!important;
    gap:72px!important;
    max-width:1420px!important;
  }
  html body .machine-cutout-v20{
    left:66%!important;
    bottom:34px!important;
    width:min(110%,860px)!important;
  }
  html body .machine-scene-v20::before{
    right:-2%!important;
    top:12%!important;
    width:34%!important;
    height:68%!important;
    background:linear-gradient(to left,rgba(255,255,255,.028),transparent 74%)!important;
  }
  html body .machine-scene-v20::after{
    left:25%!important;
    right:-4%!important;
    bottom:14px!important;
    height:86px!important;
  }
}
html body .stage,
html body .machine-scene-v20{
  background:#000!important;
  background-image:none!important;
}
html body .hero [class*="tube"],
html body .hero [class*="hose"],
html body .hero [class*="pipe"],
html body .hero [class*="blur"],
html body .hero [class*="glow"],
html body .hero [class*="reflection"]{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
@media(max-width:900px){
  html body .machine-cutout-v20{left:50%!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;
  }
}



html body .stage,
html body .machine-scene-v20{
  background:#000!important;
  background-image:none!important;
}
html body .machine-cutout-v20{
  background:transparent!important;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.50)) drop-shadow(10px 0 16px rgba(255,255,255,.025))!important;
  -webkit-filter:drop-shadow(0 18px 22px rgba(0,0,0,.50)) drop-shadow(10px 0 16px rgba(255,255,255,.025))!important;
}
@media(min-width:901px){
  html body .machine-cutout-v20{
    left:66%!important;
    bottom:34px!important;
    width:min(110%,860px)!important;
  }
}
@media(max-width:900px){
  html body .stage{min-height:342px!important}
  html body .machine-scene-v20{height:342px!important}
  html body .machine-cutout-v20{
    left:50%!important;
    width:74%!important;
    max-width:590px!important;
    bottom:18px!important;
  }
  html body .trust{margin-top:18px!important}
}
@media(max-width:430px){
  html body .stage{min-height:306px!important}
  html body .machine-scene-v20{height:306px!important}
  html body .machine-cutout-v20{
    width:72%!important;
    max-width:none!important;
    bottom:14px!important;
  }
  html body .trust{margin-top:14px!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;
  }
}



html body .hero{
  background:
    radial-gradient(circle at 78% 48%,rgba(255,255,255,.035) 0%,transparent 30%),
    linear-gradient(180deg,#020302 0%,#000 80%,#010201 100%)!important;
}
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18%!important;
  right:-2%!important;
  top:8%!important;
  bottom:8%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:radial-gradient(
    ellipse at 58% 48%,
    rgba(255,255,255,.055) 0%,
    rgba(255,255,255,.026) 32%,
    rgba(112,255,0,.012) 54%,
    transparent 74%
  )!important;
  filter:blur(18px)!important;
  -webkit-filter:blur(18px)!important;
  opacity:.9!important;
}
html body .machine-cutout-v20{
  position:absolute!important;
  z-index:10!important;
  filter:
    drop-shadow(0 0 9px rgba(255,255,255,.07))
    drop-shadow(0 20px 24px rgba(0,0,0,.58))
    drop-shadow(8px 2px 16px rgba(0,0,0,.26))!important;
  -webkit-filter:
    drop-shadow(0 0 9px rgba(255,255,255,.07))
    drop-shadow(0 20px 24px rgba(0,0,0,.58))
    drop-shadow(8px 2px 16px rgba(0,0,0,.26))!important;
}
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:20%!important;
  right:0!important;
  bottom:6px!important;
  height:96px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:radial-gradient(
    ellipse at center,
    rgba(0,0,0,.82) 0%,
    rgba(0,0,0,.62) 28%,
    rgba(0,0,0,.34) 52%,
    rgba(0,0,0,.12) 70%,
    transparent 84%
  )!important;
  filter:blur(4px)!important;
  -webkit-filter:blur(4px)!important;
}
@media(min-width:901px){
  html body .machine-cutout-v20{
    left:66%!important;
    bottom:38px!important;
    width:min(110%,860px)!important;
  }
}
@media(max-width:900px){
  html body .machine-scene-v20::before{
    left:10%!important;
    right:10%!important;
    top:10%!important;
    bottom:10%!important;
    filter:blur(14px)!important;
    -webkit-filter:blur(14px)!important;
    opacity:.72!important;
  }
  html body .machine-scene-v20::after{
    left:18%!important;
    right:18%!important;
    bottom:4px!important;
    height:66px!important;
    filter:blur(3px)!important;
    -webkit-filter:blur(3px)!important;
  }
  html body .machine-cutout-v20{
    left:50%!important;
    bottom:18px!important;
    width:74%!important;
    max-width:590px!important;
  }
  html body .trust{margin-top:14px!important}
}
@media(max-width:430px){
  html body .stage{min-height:314px!important}
  html body .machine-scene-v20{height:314px!important}
  html body .machine-cutout-v20{
    width:72%!important;
    max-width:none!important;
    bottom:16px!important;
  }
  html body .machine-scene-v20::after{
    left:16%!important;
    right:16%!important;
    height:58px!important;
  }
  html body .trust{margin-top:12px!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;
  }
}



/* V43.5 – vollständige Leitungen und weicher Untergrund */

html body .stage,
html body .machine-scene-v20{
  overflow:visible!important;
  background:transparent!important;
  background-image:none!important;
}

/* Drucker bleibt scharf, Außenkante dezent eingebettet */
html body .machine-cutout-v20{
  background:transparent!important;
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.055))
    drop-shadow(0 18px 26px rgba(0,0,0,.62))!important;
  -webkit-filter:
    drop-shadow(0 0 8px rgba(255,255,255,.055))
    drop-shadow(0 18px 26px rgba(0,0,0,.62))!important;
}

/* Unterteil/Füße: sehr weicher, elliptischer Schatten ohne harte Kante */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:16%!important;
  right:-3%!important;
  bottom:-16px!important;
  height:118px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:radial-gradient(
    ellipse at 52% 40%,
    rgba(0,0,0,.78) 0%,
    rgba(0,0,0,.48) 35%,
    rgba(0,0,0,.22) 58%,
    rgba(0,0,0,.07) 74%,
    transparent 88%
  )!important;
  filter:blur(13px)!important;
  -webkit-filter:blur(13px)!important;
  opacity:.96!important;
}

/* sanfte Hintergrundtiefe um den Drucker */
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:15%!important;
  right:-4%!important;
  top:7%!important;
  bottom:4%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:radial-gradient(
    ellipse at 58% 47%,
    rgba(255,255,255,.05) 0%,
    rgba(255,255,255,.022) 36%,
    transparent 72%
  )!important;
  filter:blur(22px)!important;
  -webkit-filter:blur(22px)!important;
  opacity:.82!important;
}

@media(min-width:901px){
  html body .machine-cutout-v20{
    left:66%!important;
    bottom:42px!important;
    width:min(110%,860px)!important;
  }
}

@media(max-width:900px){
  html body .stage{
    min-height:348px!important;
  }

  html body .machine-scene-v20{
    height:348px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    width:74%!important;
    max-width:590px!important;
    bottom:24px!important;
  }

  html body .machine-scene-v20::after{
    left:13%!important;
    right:13%!important;
    bottom:-12px!important;
    height:82px!important;
    filter:blur(11px)!important;
    -webkit-filter:blur(11px)!important;
  }

  html body .trust{
    margin-top:20px!important;
  }
}

@media(max-width:430px){
  html body .stage{
    min-height:314px!important;
  }

  html body .machine-scene-v20{
    height:314px!important;
  }

  html body .machine-cutout-v20{
    width:72%!important;
    max-width:none!important;
    bottom:22px!important;
  }

  html body .machine-scene-v20::after{
    left:10%!important;
    right:10%!important;
    bottom:-10px!important;
    height:72px!important;
  }

  html body .trust{
    margin-top:18px!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;
  }
}



/* V43.6 – neuer Drucker, 8 mm weiter rechts, sauber plastisch integriert */

html body .hero{
  position:relative!important;
  background:
    radial-gradient(circle at 80% 44%,rgba(255,255,255,.040) 0%,transparent 29%),
    linear-gradient(180deg,#020302 0%,#000 80%,#010201 100%)!important;
}

/* keine sichtbare harte Ebene hinter dem Drucker */
html body .stage,
html body .machine-scene-v20{
  background:transparent!important;
  background-image:none!important;
  overflow:visible!important;
}

/* dezentes Studio-Kantenlicht */
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:14%!important;
  right:-5%!important;
  top:5%!important;
  bottom:3%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 58% 45%,
      rgba(255,255,255,.060) 0%,
      rgba(255,255,255,.025) 34%,
      rgba(112,255,0,.010) 54%,
      transparent 73%)!important;
  filter:blur(20px)!important;
  -webkit-filter:blur(20px)!important;
  opacity:.86!important;
}

/* Drucker selbst: scharf, mit natürlichem Drop-Shadow */
html body .machine-cutout-v20{
  position:absolute!important;
  z-index:10!important;
  background:transparent!important;
  filter:
    drop-shadow(0 0 7px rgba(255,255,255,.055))
    drop-shadow(0 20px 26px rgba(0,0,0,.62))
    drop-shadow(9px 2px 16px rgba(0,0,0,.30))!important;
  -webkit-filter:
    drop-shadow(0 0 7px rgba(255,255,255,.055))
    drop-shadow(0 20px 26px rgba(0,0,0,.62))
    drop-shadow(9px 2px 16px rgba(0,0,0,.30))!important;
}

/* weicher Bodenschatten für Füße und Unterteil */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:17%!important;
  right:-3%!important;
  bottom:-15px!important;
  height:118px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:radial-gradient(
    ellipse at 54% 38%,
    rgba(0,0,0,.80) 0%,
    rgba(0,0,0,.51) 34%,
    rgba(0,0,0,.23) 58%,
    rgba(0,0,0,.07) 74%,
    transparent 88%)!important;
  filter:blur(13px)!important;
  -webkit-filter:blur(13px)!important;
}

/* Desktop: ca. 8 mm weiter rechts */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:1.00fr 1.00fr!important;
    gap:72px!important;
    max-width:1440px!important;
  }

  html body .machine-cutout-v20{
    left:69%!important;
    bottom:42px!important;
    width:min(112%,890px)!important;
  }
}

/* Tablet und Mobile: sauber zentriert und kompakt */
@media(max-width:900px){
  html body .stage{
    min-height:356px!important;
  }

  html body .machine-scene-v20{
    height:356px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:24px!important;
    width:76%!important;
    max-width:610px!important;
  }

  html body .machine-scene-v20::before{
    left:8%!important;
    right:8%!important;
    filter:blur(15px)!important;
    -webkit-filter:blur(15px)!important;
    opacity:.72!important;
  }

  html body .machine-scene-v20::after{
    left:12%!important;
    right:12%!important;
    bottom:-10px!important;
    height:82px!important;
    filter:blur(11px)!important;
    -webkit-filter:blur(11px)!important;
  }

  html body .trust{
    margin-top:20px!important;
  }
}

@media(max-width:430px){
  html body .stage{
    min-height:322px!important;
  }

  html body .machine-scene-v20{
    height:322px!important;
  }

  html body .machine-cutout-v20{
    width:74%!important;
    max-width:none!important;
    bottom:22px!important;
  }

  html body .trust{
    margin-top:18px!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;
  }
}



/* V44 – finaler Premium-Keyvisual-Feinschliff */

/* Ruhiger, tiefer Hero ohne zusätzliche grafische Muster */
html body .hero{
  position:relative!important;
  background:
    radial-gradient(circle at 82% 43%,rgba(255,255,255,.045) 0%,transparent 27%),
    radial-gradient(circle at 69% 68%,rgba(112,255,0,.012) 0%,transparent 31%),
    linear-gradient(180deg,#020302 0%,#000 78%,#010201 100%)!important;
}

/* Subtiles seitliches Licht und dezente Tiefenebene */
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:11%!important;
  right:-7%!important;
  top:3%!important;
  bottom:1%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 60% 42%,
      rgba(255,255,255,.072) 0%,
      rgba(255,255,255,.030) 32%,
      rgba(112,255,0,.010) 53%,
      transparent 72%),
    linear-gradient(115deg,
      rgba(255,255,255,.020) 0%,
      transparent 28%,
      transparent 70%,
      rgba(0,0,0,.12) 100%)!important;
  filter:blur(21px)!important;
  -webkit-filter:blur(21px)!important;
  opacity:.88!important;
}

/* Drucker: scharf, mit kontrolliertem Kantenlicht und realistischer Tiefe */
html body .machine-cutout-v20{
  z-index:10!important;
  background:transparent!important;
  filter:
    drop-shadow(-3px -1px 6px rgba(255,255,255,.055))
    drop-shadow(0 22px 30px rgba(0,0,0,.66))
    drop-shadow(12px 5px 20px rgba(0,0,0,.34))!important;
  -webkit-filter:
    drop-shadow(-3px -1px 6px rgba(255,255,255,.055))
    drop-shadow(0 22px 30px rgba(0,0,0,.66))
    drop-shadow(12px 5px 20px rgba(0,0,0,.34))!important;
}

/* Breiter, weicher Bodenschatten – keine harte Unterkante */
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:14%!important;
  right:-5%!important;
  bottom:-20px!important;
  height:128px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 55% 35%,
      rgba(0,0,0,.84) 0%,
      rgba(0,0,0,.58) 31%,
      rgba(0,0,0,.28) 55%,
      rgba(0,0,0,.09) 73%,
      transparent 89%)!important;
  filter:blur(15px)!important;
  -webkit-filter:blur(15px)!important;
}

/* Desktop: etwas weiter rechts, minimal tiefer und leicht größer */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:1.01fr .99fr!important;
    gap:78px!important;
    max-width:1460px!important;
  }

  html body .machine-cutout-v20{
    left:71%!important;
    bottom:32px!important;
    width:min(114%,910px)!important;
  }

  html body .stage{
    min-height:600px!important;
  }

  html body .machine-scene-v20{
    height:600px!important;
  }
}

/* Tablet/Mobile: Hero kompakter, Drucker näher an den Buttons */
@media(max-width:900px){
  html body .stage{
    min-height:326px!important;
    margin-top:-10px!important;
  }

  html body .machine-scene-v20{
    height:326px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:40px!important;
    width:76%!important;
    max-width:610px!important;
  }

  html body .machine-scene-v20::before{
    left:7%!important;
    right:7%!important;
    top:4%!important;
    bottom:4%!important;
    filter:blur(15px)!important;
    -webkit-filter:blur(15px)!important;
    opacity:.72!important;
  }

  html body .machine-scene-v20::after{
    left:10%!important;
    right:10%!important;
    bottom:-4px!important;
    height:82px!important;
    filter:blur(12px)!important;
    -webkit-filter:blur(12px)!important;
  }

  html body .trust{
    margin-top:6px!important;
  }
}

@media(max-width:430px){
  html body .stage{
    min-height:296px!important;
    margin-top:-14px!important;
  }

  html body .machine-scene-v20{
    height:296px!important;
  }

  html body .machine-cutout-v20{
    width:74%!important;
    max-width:none!important;
    bottom:38px!important;
  }

  html body .machine-scene-v20::after{
    left:8%!important;
    right:8%!important;
    bottom:-2px!important;
    height:70px!important;
  }

  html body .trust{
    margin-top:4px!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;
  }
}



html body .hero{
  position:relative!important;
  min-height:770px!important;
  padding:54px 0 34px!important;
  background:
    radial-gradient(circle at 82% 42%,rgba(255,255,255,.050) 0%,transparent 27%),
    radial-gradient(circle at 70% 67%,rgba(112,255,0,.012) 0%,transparent 31%),
    linear-gradient(180deg,#020302 0%,#000 79%,#010201 100%)!important;
  overflow:hidden!important;
}
html body .hero-grid{
  max-width:1500px!important;
  grid-template-columns:1.03fr .97fr!important;
  gap:88px!important;
  padding:0 34px!important;
}
html body .hero-copy{
  position:relative!important;
  left:-22px!important;
  max-width:735px!important;
  z-index:12!important;
}
html body .stage{min-height:610px!important}
html body .machine-scene-v20{
  height:610px!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:8%!important;
  right:-8%!important;
  top:2%!important;
  bottom:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 58% 38%,
      rgba(255,255,255,.085) 0%,
      rgba(255,255,255,.035) 31%,
      rgba(255,255,255,.012) 48%,
      transparent 72%),
    linear-gradient(118deg,
      rgba(255,255,255,.020) 0%,
      transparent 26%,
      transparent 72%,
      rgba(0,0,0,.14) 100%)!important;
  filter:blur(22px)!important;
  -webkit-filter:blur(22px)!important;
  opacity:.92!important;
}
html body .machine-cutout-v20{
  left:74%!important;
  bottom:24px!important;
  width:min(119%,955px)!important;
  max-width:none!important;
  z-index:10!important;
  background:transparent!important;
  filter:
    drop-shadow(-4px -2px 7px rgba(255,255,255,.070))
    drop-shadow(0 24px 32px rgba(0,0,0,.70))
    drop-shadow(14px 6px 22px rgba(0,0,0,.36))!important;
  -webkit-filter:
    drop-shadow(-4px -2px 7px rgba(255,255,255,.070))
    drop-shadow(0 24px 32px rgba(0,0,0,.70))
    drop-shadow(14px 6px 22px rgba(0,0,0,.36))!important;
}
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:10%!important;
  right:-8%!important;
  bottom:-24px!important;
  height:138px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 57% 34%,
      rgba(0,0,0,.86) 0%,
      rgba(0,0,0,.60) 31%,
      rgba(0,0,0,.30) 54%,
      rgba(0,0,0,.10) 73%,
      transparent 90%)!important;
  filter:blur(16px)!important;
  -webkit-filter:blur(16px)!important;
}
html body header a[href*="kontakt"],
html body .nav-cta,
html body .header-cta,
html body header .btn-primary{
  min-height:46px!important;
  padding:0 24px!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  border-radius:8px!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
html body header a[href*="kontakt"]:hover,
html body .nav-cta:hover,
html body .header-cta:hover,
html body header .btn-primary:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 28px rgba(112,255,0,.22),0 0 0 1px rgba(190,255,120,.18) inset!important;
}
@media(max-width:900px){
  html body .hero{min-height:auto!important;padding:42px 0 26px!important}
  html body .hero-grid{display:flex!important;flex-direction:column!important;gap:12px!important;padding:0 22px!important}
  html body .hero-copy{left:0!important;max-width:none!important}
  html body .stage{min-height:310px!important;margin-top:-14px!important}
  html body .machine-scene-v20{height:310px!important}
  html body .machine-cutout-v20{left:50%!important;bottom:36px!important;width:76%!important;max-width:620px!important}
  html body .machine-scene-v20::before{
    left:5%!important;right:5%!important;top:4%!important;bottom:4%!important;
    filter:blur(15px)!important;-webkit-filter:blur(15px)!important;opacity:.74!important;
  }
  html body .machine-scene-v20::after{
    left:8%!important;right:8%!important;bottom:-2px!important;height:76px!important;
    filter:blur(12px)!important;-webkit-filter:blur(12px)!important;
  }
  html body .trust{margin-top:2px!important}
}
@media(max-width:430px){
  html body .stage{min-height:286px!important;margin-top:-16px!important}
  html body .machine-scene-v20{height:286px!important}
  html body .machine-cutout-v20{width:74%!important;max-width:none!important;bottom:34px!important}
  html body .trust{margin-top:0!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;
  }
}



html body .hero{
  position:relative!important;
  background:
    radial-gradient(circle at 84% 43%,rgba(255,255,255,.055) 0%,transparent 25%),
    radial-gradient(circle at 71% 68%,rgba(112,255,0,.010) 0%,transparent 30%),
    linear-gradient(180deg,#020302 0%,#000 79%,#010201 100%)!important;
}
html body .hero-grid{
  max-width:1510px!important;
  grid-template-columns:58% 42%!important;
  gap:84px!important;
  padding:0 32px!important;
}
html body .hero-copy{
  left:-28px!important;
  max-width:745px!important;
}
html body .stage{min-height:615px!important}
html body .machine-scene-v20{
  height:615px!important;
  overflow:visible!important;
  background:transparent!important;
}
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:7%!important;
  right:-10%!important;
  top:1%!important;
  bottom:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 60% 38%,
      rgba(255,255,255,.095) 0%,
      rgba(255,255,255,.042) 28%,
      rgba(255,255,255,.016) 46%,
      transparent 72%),
    linear-gradient(116deg,
      rgba(255,255,255,.022) 0%,
      transparent 24%,
      transparent 72%,
      rgba(0,0,0,.16) 100%)!important;
  filter:blur(20px)!important;
  -webkit-filter:blur(20px)!important;
  opacity:.90!important;
}
html body .machine-cutout-v20{
  left:77%!important;
  bottom:22px!important;
  width:min(120%,970px)!important;
  max-width:none!important;
  z-index:10!important;
  background:transparent!important;
  filter:
    contrast(1.035)
    brightness(.995)
    drop-shadow(-3px -2px 6px rgba(255,255,255,.065))
    drop-shadow(0 24px 34px rgba(0,0,0,.68))
    drop-shadow(14px 7px 22px rgba(0,0,0,.34))!important;
  -webkit-filter:
    contrast(1.035)
    brightness(.995)
    drop-shadow(-3px -2px 6px rgba(255,255,255,.065))
    drop-shadow(0 24px 34px rgba(0,0,0,.68))
    drop-shadow(14px 7px 22px rgba(0,0,0,.34))!important;
}
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:9%!important;
  right:-9%!important;
  bottom:-27px!important;
  height:145px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 58% 34%,
      rgba(0,0,0,.82) 0%,
      rgba(0,0,0,.56) 30%,
      rgba(0,0,0,.27) 53%,
      rgba(0,0,0,.085) 73%,
      transparent 91%)!important;
  filter:blur(18px)!important;
  -webkit-filter:blur(18px)!important;
}
html body header{
  backdrop-filter:saturate(115%) blur(6px)!important;
  -webkit-backdrop-filter:saturate(115%) blur(6px)!important;
  background:rgba(0,0,0,.88)!important;
}
html body header a[href*="kontakt"],
html body .nav-cta,
html body .header-cta,
html body header .btn-primary{
  min-height:48px!important;
  padding:0 26px!important;
  border-radius:8px!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
html body header a[href*="kontakt"]:hover,
html body .nav-cta:hover,
html body .header-cta:hover,
html body header .btn-primary:hover{
  transform:translateY(-2px) scale(1.015)!important;
  filter:brightness(1.05)!important;
  box-shadow:0 12px 30px rgba(112,255,0,.24),0 0 0 1px rgba(200,255,145,.18) inset!important;
}
html body .hero a,
html body .hero button{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
html body .hero a:hover,
html body .hero button:hover{
  transform:translateY(-2px)!important;
}
@media(max-width:900px){
  html body .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:0 22px!important;
  }
  html body .hero-copy{left:0!important;max-width:none!important}
  html body .stage{min-height:304px!important;margin-top:-18px!important}
  html body .machine-scene-v20{height:304px!important}
  html body .machine-cutout-v20{left:50%!important;bottom:38px!important;width:76%!important;max-width:620px!important}
  html body .machine-scene-v20::before{
    left:4%!important;right:4%!important;top:4%!important;bottom:4%!important;
    filter:blur(14px)!important;-webkit-filter:blur(14px)!important;opacity:.72!important;
  }
  html body .machine-scene-v20::after{
    left:7%!important;right:7%!important;bottom:-2px!important;height:74px!important;
    filter:blur(13px)!important;-webkit-filter:blur(13px)!important;
  }
  html body .trust{margin-top:0!important}
}
@media(max-width:430px){
  html body .stage{min-height:282px!important;margin-top:-20px!important}
  html body .machine-scene-v20{height:282px!important}
  html body .machine-cutout-v20{width:74%!important;max-width:none!important;bottom:36px!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;
  }
}



/* V45.2 – Logo und Display für Retina/4K sauberer darstellen */
html body .machine-cutout-v20{
  image-rendering:auto!important;
  transform:translateX(-50%) translateZ(0)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
@media(max-width:900px){
  html body .machine-cutout-v20{
    width:78%!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;
  }
}



html body .hero{
  position:relative!important;
  min-height:760px!important;
  padding:54px 0 34px!important;
  background:
    radial-gradient(circle at 78% 44%,rgba(255,255,255,.040) 0%,transparent 27%),
    linear-gradient(180deg,#020302 0%,#000 79%,#010201 100%)!important;
  overflow:hidden!important;
}
html body .hero-grid{
  max-width:1460px!important;
  grid-template-columns:56% 44%!important;
  gap:64px!important;
  padding:0 42px!important;
  align-items:center!important;
}
html body .hero-copy{
  left:0!important;
  max-width:760px!important;
  z-index:12!important;
}
html body .hero-copy h1{
  line-height:.98!important;
  margin-bottom:28px!important;
}
html body .hero-copy h1 > span,
html body .hero-copy h1 .line{
  display:block!important;
  margin-bottom:.13em!important;
}
html body .hero-copy h1 > span:last-child,
html body .hero-copy h1 .line:last-child{
  margin-bottom:0!important;
}
html body .hero-copy h1 br{
  line-height:1.15!important;
}
html body .stage{min-height:590px!important}
html body .machine-scene-v20{
  height:590px!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .machine-cutout-v20{
  left:56%!important;
  bottom:34px!important;
  width:min(103%,840px)!important;
  max-width:none!important;
  z-index:10!important;
  background:transparent!important;
  filter:
    contrast(1.02)
    drop-shadow(-2px -1px 5px rgba(255,255,255,.050))
    drop-shadow(0 20px 28px rgba(0,0,0,.62))!important;
  -webkit-filter:
    contrast(1.02)
    drop-shadow(-2px -1px 5px rgba(255,255,255,.050))
    drop-shadow(0 20px 28px rgba(0,0,0,.62))!important;
}
html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:12%!important;
  right:8%!important;
  top:6%!important;
  bottom:8%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 55% 45%,
      rgba(255,255,255,.055) 0%,
      rgba(255,255,255,.020) 34%,
      transparent 72%)!important;
  filter:blur(17px)!important;
  -webkit-filter:blur(17px)!important;
  opacity:.82!important;
}
html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18%!important;
  right:8%!important;
  bottom:2px!important;
  height:92px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at center,
      rgba(0,0,0,.76) 0%,
      rgba(0,0,0,.48) 38%,
      rgba(0,0,0,.18) 64%,
      transparent 84%)!important;
  filter:blur(11px)!important;
  -webkit-filter:blur(11px)!important;
}
html body .trust{margin-top:18px!important}

@media(min-width:901px){
  html body .machine-cutout-v20{
    left:55%!important;
    width:min(101%,830px)!important;
  }
}

@media(max-width:900px){
  html body .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:0 22px!important;
  }
  html body .hero-copy{left:0!important;max-width:none!important}
  html body .hero-copy h1{
    line-height:1.02!important;
    margin-bottom:24px!important;
  }
  html body .stage{
    min-height:310px!important;
    margin-top:-8px!important;
  }
  html body .machine-scene-v20{height:310px!important}
  html body .machine-cutout-v20{
    left:50%!important;
    bottom:28px!important;
    width:74%!important;
    max-width:600px!important;
  }
  html body .machine-scene-v20::after{
    left:10%!important;
    right:10%!important;
    bottom:0!important;
    height:72px!important;
    filter:blur(10px)!important;
    -webkit-filter:blur(10px)!important;
  }
  html body .trust{margin-top:8px!important}
}

@media(max-width:430px){
  html body .stage{min-height:286px!important}
  html body .machine-scene-v20{height:286px!important}
  html body .machine-cutout-v20{
    width:72%!important;
    max-width:none!important;
    bottom:26px!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;
  }
}



/* =========================================================
   V46.1 – auf Basis des gewünschten V46.1-Mockups
   ========================================================= */

html body{
  background:#000!important;
}

/* Header klarer und hochwertiger */
html body header{
  background:rgba(0,0,0,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  backdrop-filter:blur(8px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(110%)!important;
}

html body header .wrap,
html body header .container{
  max-width:1480px!important;
}

/* HERO */
html body .hero{
  min-height:760px!important;
  padding:54px 0 30px!important;
  background:
    radial-gradient(circle at 76% 42%,rgba(255,255,255,.035),transparent 28%),
    linear-gradient(180deg,#020302 0%,#000 82%,#010201 100%)!important;
  overflow:hidden!important;
}

html body .hero-grid{
  max-width:1480px!important;
  grid-template-columns:54% 46%!important;
  gap:56px!important;
  padding:0 34px!important;
  align-items:center!important;
}

html body .hero-copy{
  left:0!important;
  max-width:760px!important;
  z-index:12!important;
}

/* Überschrift wie im Mockup: klarer Abstand zwischen den Zeilen */
html body .hero-copy h1{
  line-height:1.06!important;
  margin-bottom:32px!important;
  letter-spacing:-.035em!important;
}

html body .hero-copy h1 > span,
html body .hero-copy h1 .line{
  display:block!important;
  margin-bottom:.16em!important;
}
html body .hero-copy h1 > span:last-child,
html body .hero-copy h1 .line:last-child{
  margin-bottom:0!important;
}

html body .hero-copy p{
  max-width:640px!important;
  line-height:1.62!important;
}

/* Druckerposition wie Mockup: nicht am rechten Rand */
html body .stage{
  min-height:575px!important;
}
html body .machine-scene-v20{
  height:575px!important;
  overflow:visible!important;
  background:transparent!important;
}

html body .machine-cutout-v20{
  left:53%!important;
  bottom:34px!important;
  width:min(99%,810px)!important;
  max-width:none!important;
  z-index:10!important;
  background:transparent!important;
  filter:
    contrast(1.02)
    drop-shadow(-2px -1px 5px rgba(255,255,255,.045))
    drop-shadow(0 20px 28px rgba(0,0,0,.62))!important;
  -webkit-filter:
    contrast(1.02)
    drop-shadow(-2px -1px 5px rgba(255,255,255,.045))
    drop-shadow(0 20px 28px rgba(0,0,0,.62))!important;
}

html body .machine-scene-v20::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:14%!important;
  right:12%!important;
  top:8%!important;
  bottom:9%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:radial-gradient(
    ellipse at 53% 45%,
    rgba(255,255,255,.050) 0%,
    rgba(255,255,255,.018) 35%,
    transparent 72%
  )!important;
  filter:blur(16px)!important;
  -webkit-filter:blur(16px)!important;
}

html body .machine-scene-v20::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18%!important;
  right:12%!important;
  bottom:4px!important;
  height:90px!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:radial-gradient(
    ellipse at center,
    rgba(0,0,0,.78) 0%,
    rgba(0,0,0,.46) 38%,
    rgba(0,0,0,.15) 64%,
    transparent 84%
  )!important;
  filter:blur(10px)!important;
  -webkit-filter:blur(10px)!important;
}

/* HERO Buttons */
html body .hero .btn,
html body .hero a[class*="btn"],
html body .hero button{
  min-height:52px!important;
  border-radius:8px!important;
  letter-spacing:.03em!important;
}

/* Trust/Value cards: flach, breit, sauber */
html body .trust{
  max-width:1420px!important;
  margin:16px auto 0!important;
  border:1px solid rgba(112,255,0,.18)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#020302!important;
}
html body .trust > div{
  min-height:122px!important;
  padding:26px 26px!important;
  background:#020302!important;
}

/* Material-Sektion etwas edler */
html body [id*="material"],
html body .materials,
html body .material-section{
  background:#000!important;
}
html body .materials .card,
html body .material-card{
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
}

/* Prozessbereich luftiger */
html body [id*="prozess"],
html body .process,
html body .process-section{
  background:#000!important;
}

/* Kontakt-/CTA-Bereich wie Mockup mit dezentem Grün */
html body .contact-card,
html body .contact-panel,
html body .final-cta,
html body .quality-panel{
  background:
    radial-gradient(circle at 82% 18%,rgba(112,255,0,.07),transparent 38%),
    linear-gradient(180deg,#050805,#010201)!important;
  border:1px solid rgba(112,255,0,.18)!important;
}

/* Footer */
html body footer{
  background:#000!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}

/* Mobile: klarer One-Column-Aufbau */
@media(max-width:900px){
  html body .hero{
    min-height:auto!important;
    padding:42px 0 22px!important;
  }

  html body .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:0 20px!important;
  }

  html body .hero-copy{
    max-width:none!important;
  }

  html body .hero-copy h1{
    line-height:1.05!important;
    margin-bottom:24px!important;
  }

  html body .stage{
    min-height:305px!important;
    margin-top:-6px!important;
  }

  html body .machine-scene-v20{
    height:305px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:26px!important;
    width:72%!important;
    max-width:590px!important;
  }

  html body .machine-scene-v20::after{
    left:10%!important;
    right:10%!important;
    bottom:0!important;
    height:70px!important;
  }

  html body .trust{
    margin:6px 20px 0!important;
  }
}

@media(max-width:430px){
  html body .stage{min-height:282px!important}
  html body .machine-scene-v20{height:282px!important}
  html body .machine-cutout-v20{
    width:71%!important;
    max-width:none!important;
    bottom:24px!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;
  }
}



/* V46.2 – gezielte Mobile-Optimierung, Desktop unverändert */

/* Mobile: deutlich weniger Leerraum zwischen Buttons und Drucker */
@media(max-width:900px){
  html body .hero{
    padding-bottom:18px!important;
  }

  html body .hero-grid{
    gap:6px!important;
  }

  html body .stage{
    min-height:270px!important;
    margin-top:-44px!important;
  }

  html body .machine-scene-v20{
    height:270px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:20px!important;
    width:72%!important;
    max-width:590px!important;
  }

  /* etwas dezenteres Logo-/Front-Leuchten auf Mobile */
  html body .machine-cutout-v20{
    filter:
      contrast(1.01)
      brightness(.985)
      drop-shadow(0 16px 24px rgba(0,0,0,.58))!important;
    -webkit-filter:
      contrast(1.01)
      brightness(.985)
      drop-shadow(0 16px 24px rgba(0,0,0,.58))!important;
  }

  /* weicherer, kompakterer Schatten */
  html body .machine-scene-v20::before{
    left:8%!important;
    right:8%!important;
    top:8%!important;
    bottom:8%!important;
    filter:blur(13px)!important;
    -webkit-filter:blur(13px)!important;
    opacity:.58!important;
  }

  html body .machine-scene-v20::after{
    left:12%!important;
    right:12%!important;
    bottom:0!important;
    height:62px!important;
    filter:blur(9px)!important;
    -webkit-filter:blur(9px)!important;
  }

  /* Qualitätskarten näher an den Drucker ziehen */
  html body .trust{
    margin-top:-2px!important;
  }
}

@media(max-width:430px){
  html body .stage{
    min-height:248px!important;
    margin-top:-52px!important;
  }

  html body .machine-scene-v20{
    height:248px!important;
  }

  html body .machine-cutout-v20{
    width:70%!important;
    max-width:none!important;
    bottom:18px!important;
  }

  html body .trust{
    margin-top:-4px!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;
  }
}



/* V46.4 – mehr Negativraum zwischen INNOVATION. und Drucker */

/* Desktop: Drucker 40px weiter nach rechts und minimal kleiner */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:55.5% 44.5%!important;
    gap:72px!important;
    max-width:1480px!important;
  }

  html body .machine-cutout-v20{
    left:61%!important;
    width:min(98%,815px)!important;
    bottom:34px!important;
  }

  /* Licht/Schatten dem verschobenen Drucker anpassen */
  html body .machine-scene-v20::before{
    left:17%!important;
    right:4%!important;
  }

  html body .machine-scene-v20::after{
    left:23%!important;
    right:5%!important;
  }
}

/* Mobile unverändert aus V46.3 */

/* 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;
  }
}



/* =========================================================
   V46.5 – Dienstleistung im Fokus, Drucker zurückhaltender
   ========================================================= */

/* Desktop: Drucker kleiner, weiter nach innen und weniger dominant */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:58% 42%!important;
    gap:78px!important;
    max-width:1480px!important;
  }

  html body .machine-cutout-v20{
    left:58%!important;
    width:min(88%,730px)!important;
    bottom:42px!important;
  }

  html body .machine-scene-v20{
    height:560px!important;
  }

  html body .stage{
    min-height:560px!important;
  }

  /* Licht und Schatten ruhiger – der Drucker soll unterstützen, nicht dominieren */
  html body .machine-scene-v20::before{
    left:20%!important;
    right:10%!important;
    top:10%!important;
    bottom:12%!important;
    opacity:.58!important;
    filter:blur(15px)!important;
    -webkit-filter:blur(15px)!important;
  }

  html body .machine-scene-v20::after{
    left:26%!important;
    right:12%!important;
    bottom:8px!important;
    height:74px!important;
    opacity:.80!important;
    filter:blur(10px)!important;
    -webkit-filter:blur(10px)!important;
  }

  /* Mehr Luft zwischen Headline und Drucker */
  html body .hero-copy{
    max-width:780px!important;
  }
}

/* Mobile: Drucker ebenfalls etwas kleiner und weniger dominant */
@media(max-width:900px){
  html body .stage{
    min-height:235px!important;
    margin-top:-48px!important;
  }

  html body .machine-scene-v20{
    height:235px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    width:64%!important;
    max-width:520px!important;
    bottom:18px!important;
  }

  html body .machine-scene-v20::before{
    opacity:.42!important;
  }

  html body .machine-scene-v20::after{
    left:16%!important;
    right:16%!important;
    height:54px!important;
  }

  html body .trust{
    margin-top:-2px!important;
  }
}

@media(max-width:430px){
  html body .stage{
    min-height:220px!important;
    margin-top:-52px!important;
  }

  html body .machine-scene-v20{
    height:220px!important;
  }

  html body .machine-cutout-v20{
    width:62%!important;
    max-width:none!important;
    bottom:16px!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;
  }
}



/* V46.6 – echte HTML-Version, Dienstleistung klar im Vordergrund */

/* Desktop: Drucker deutlich kleiner und ruhiger */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:62% 38%!important;
    gap:88px!important;
    max-width:1500px!important;
  }

  html body .hero-copy{
    max-width:820px!important;
  }

  html body .stage{
    min-height:520px!important;
  }

  html body .machine-scene-v20{
    height:520px!important;
  }

  html body .machine-cutout-v20{
    left:61%!important;
    width:min(74%,620px)!important;
    bottom:26px!important;
  }

  /* deutlich zurückhaltendere Lichtinszenierung */
  html body .machine-scene-v20::before{
    left:26%!important;
    right:12%!important;
    top:14%!important;
    bottom:14%!important;
    opacity:.42!important;
    filter:blur(14px)!important;
    -webkit-filter:blur(14px)!important;
  }

  html body .machine-scene-v20::after{
    left:34%!important;
    right:14%!important;
    bottom:8px!important;
    height:58px!important;
    opacity:.70!important;
    filter:blur(9px)!important;
    -webkit-filter:blur(9px)!important;
  }

  html body .trust{
    margin-top:12px!important;
  }
}

/* Mobile: Drucker ebenfalls kleiner, aber weiterhin gut erkennbar */
@media(max-width:900px){
  html body .stage{
    min-height:215px!important;
    margin-top:-54px!important;
  }

  html body .machine-scene-v20{
    height:215px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    width:58%!important;
    max-width:470px!important;
    bottom:14px!important;
  }

  html body .machine-scene-v20::before{
    opacity:.34!important;
  }

  html body .machine-scene-v20::after{
    left:18%!important;
    right:18%!important;
    height:48px!important;
  }

  html body .trust{
    margin-top:-6px!important;
  }
}

@media(max-width:430px){
  html body .stage{
    min-height:200px!important;
    margin-top:-58px!important;
  }

  html body .machine-scene-v20{
    height:200px!important;
  }

  html body .machine-cutout-v20{
    width:56%!important;
    max-width:none!important;
    bottom:12px!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;
  }
}



/* V46.7 – Drucker nur neu positioniert, Größe bleibt wie in V46.6 */

/* Desktop: ca. 30–40 px nach oben und etwas nach links */
@media(min-width:901px){
  html body .machine-cutout-v20{
    left:56.5%!important;
    bottom:62px!important;
    width:min(74%,620px)!important;
  }

  /* Licht und Schatten an die neue Position angepasst */
  html body .machine-scene-v20::before{
    left:22%!important;
    right:16%!important;
    top:10%!important;
    bottom:18%!important;
  }

  html body .machine-scene-v20::after{
    left:30%!important;
    right:18%!important;
    bottom:24px!important;
    height:56px!important;
  }
}

/* Mobile bewusst unverändert gegenüber V46.6 */

/* 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;
  }
}



/* =========================================================
   RSH 3D PRINT – V50.4
   Ziel: schwarzer CoreXY-Drucker frei im Hero,
   keine weiße Plattform / kein heller Sockel,
   Studiolicht + dunkle Spiegelung + Hexagon-Boden.
   ========================================================= */

.machine-scene-v20{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* Studiolicht hinter dem Drucker */
.machine-scene-v20::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:5%!important;
  right:-5%!important;
  top:-3%!important;
  bottom:8%!important;
  border-radius:48%!important;
  background:
    radial-gradient(circle at 39% 28%,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.055) 18%,
      rgba(133,255,0,.07) 38%,
      rgba(0,0,0,0) 70%)!important;
  filter:blur(28px)!important;
  opacity:.95!important;
  pointer-events:none!important;
}

/* Schwarzer Hexagon-Boden + dezente Spiegelung.
   Damit verschmilzt die helle/weiße Bildbasis optisch vollständig
   mit dem Hero-Hintergrund. */
.machine-scene-v20::after{
  content:""!important;
  position:absolute!important;
  z-index:6!important;
  left:4%!important;
  right:0!important;
  bottom:45px!important;
  height:84px!important;
  pointer-events:none!important;
  background:
    linear-gradient(to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.48) 20%,
      rgba(0,0,0,.90) 53%,
      rgba(0,0,0,1) 100%),
    radial-gradient(ellipse at 54% 74%,
      rgba(145,255,0,.14) 0%,
      rgba(85,150,0,.08) 28%,
      rgba(0,0,0,0) 66%)!important;
  filter:blur(.15px)!important;
}

/* Drucker */
.machine-cutout-v20{
  animation:none!important;
  position:absolute!important;
  z-index:5!important;
  transform-origin:50% 88%!important;
  filter:
    brightness(1.045)
    contrast(1.065)
    drop-shadow(0 25px 31px rgba(0,0,0,.66))
    drop-shadow(-11px -6px 20px rgba(255,255,255,.04))!important;
}

/* Zusätzlicher Hexagon-Untergrund im Hero */
.hero::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:42%!important;
  right:0!important;
  bottom:0!important;
  height:240px!important;
  opacity:.22!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(30deg, rgba(133,255,0,.18) 12%, transparent 12.5%, transparent 87%, rgba(133,255,0,.18) 87.5%, rgba(133,255,0,.18)),
    linear-gradient(150deg, rgba(133,255,0,.18) 12%, transparent 12.5%, transparent 87%, rgba(133,255,0,.18) 87.5%, rgba(133,255,0,.18)),
    linear-gradient(30deg, rgba(133,255,0,.18) 12%, transparent 12.5%, transparent 87%, rgba(133,255,0,.18) 87.5%, rgba(133,255,0,.18)),
    linear-gradient(150deg, rgba(133,255,0,.18) 12%, transparent 12.5%, transparent 87%, rgba(133,255,0,.18) 87.5%, rgba(133,255,0,.18)),
    linear-gradient(60deg, rgba(133,255,0,.10) 25%, transparent 25.5%, transparent 75%, rgba(133,255,0,.10) 75%, rgba(133,255,0,.10));
  background-size:72px 126px!important;
  background-position:0 0,0 0,36px 63px,36px 63px,0 0!important;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.75) 35%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.75) 35%,#000 100%)!important;
}

/* Desktop – Bildbalance nach freigegebener V50.4-Vorlage */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:55% 45%!important;
    gap:34px!important;
  }

  html body .stage,
  html body .machine-scene-v20{
    min-height:580px!important;
    height:580px!important;
  }

  html body .machine-cutout-v20{
    left:44.5%!important;
    bottom:88px!important;
    width:min(112%,965px)!important;
  }
}

/* Mobile separat – Drucker kompakt und ohne weißen Sockel */
@media(max-width:900px){
  html body .stage,
  html body .machine-scene-v20{
    min-height:250px!important;
    height:250px!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:23px!important;
    width:67%!important;
    max-width:535px!important;
  }

  .machine-scene-v20::after{
    left:14%!important;
    right:14%!important;
    bottom:4px!important;
    height:54px!important;
  }

  .hero::after{
    left:0!important;
    height:150px!important;
    opacity:.14!important;
  }
}

@media(max-width:430px){
  html body .stage,
  html body .machine-scene-v20{
    min-height:230px!important;
    height:230px!important;
  }

  html body .machine-cutout-v20{
    width:64%!important;
    bottom:19px!important;
  }
}

/* Alte Animationen / Zusatzlogos bleiben deaktiviert */
.rsh-print-scan-v50,
.rsh-status-v50,
.rsh-printer-logo-v491,
.rsh-printer-logo-v463{
  display: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;
  }
}



/* V50.7 – echter Asset-Fix + Mobile Content Flow */

.platform-v20,
.reflection-v20,
.printer-reflection-v30,
.scene-horizon-v30,
.glass-reflection-v34,
.foot-shadow-left,
.foot-shadow-right,
.v36-foot-shadow-left,
.v36-foot-shadow-right,
.rsh-print-scan-v50,
.rsh-status-v50,
.rsh-printer-logo-v491,
.rsh-printer-logo-v463{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

.machine-scene-v20{
  position:relative!important;
  overflow:visible!important;
  background:transparent!important;
  isolation:isolate!important;
}

.machine-scene-v20::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:22%!important;
  right:12%!important;
  bottom:24px!important;
  height:48px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,
    rgba(122,255,0,.085) 0%,
    rgba(35,65,10,.045) 36%,
    transparent 72%)!important;
  filter:blur(13px)!important;
  opacity:.58!important;
  pointer-events:none!important;
}

.machine-cutout-v20{
  z-index:5!important;
  animation:none!important;
}

@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:55% 45%!important;
    gap:34px!important;
  }
  html body .stage,
  html body .machine-scene-v20{
    min-height:580px!important;
    height:580px!important;
  }
  html body .machine-cutout-v20{
    left:44.5%!important;
    bottom:76px!important;
    width:min(112%,965px)!important;
  }
}

@media(max-width:900px){
  html body .reveal,
  html body .reveal.is-visible{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }

  html body{
    background:#000!important;
  }

  html body .hero{
    min-height:0!important;
    height:auto!important;
    padding:24px 0 14px!important;
  }

  html body .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:8px!important;
    padding:0 18px!important;
  }

  html body .stage,
  html body .printer-card.v20,
  html body .machine-scene-v20{
    min-height:225px!important;
    height:225px!important;
    margin:0!important;
    padding:0!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:10px!important;
    width:64%!important;
    max-width:390px!important;
  }

  html body .machine-scene-v20::after{
    left:20%!important;
    right:20%!important;
    bottom:1px!important;
    height:32px!important;
    opacity:.48!important;
  }

  html body .machine-badge-v20{
    display:none!important;
  }

  html body .trust{
    margin:0 18px 10px!important;
    min-height:0!important;
    height:auto!important;
  }

  html body .trust > div{
    min-height:0!important;
    height:auto!important;
    padding:15px 18px!important;
  }

  html body section:not(.hero){
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:28px 0!important;
  }

  html body section#leistungen,
  html body section#materialien,
  html body section#referenzen,
  html body section#projekte,
  html body section#kontakt{
    min-height:0!important;
    height:auto!important;
    padding:28px 0!important;
  }

  html body .services,
  html body .material-grid,
  html body .project-grid,
  html body .steps,
  html body .promise,
  html body .contact{
    margin-top:0!important;
    margin-bottom:0!important;
  }

  html body .section-title{
    margin-bottom:18px!important;
  }

  html body .stripe{
    padding:26px 18px!important;
  }

  html body footer{
    margin-top:0!important;
    padding:24px 0!important;
  }
}

@media(max-width:430px){
  html body .stage,
  html body .printer-card.v20,
  html body .machine-scene-v20{
    min-height:210px!important;
    height:210px!important;
  }

  html body .machine-cutout-v20{
    width:62%!important;
    bottom:8px!important;
  }

  html body section:not(.hero){
    padding:24px 0!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;
  }
}



/* =========================================================
   V50.8 – Premium Product Hero
   Ziel: kontrollierte Studio-/Apple-artige Produktinszenierung
   ohne den Schriftzug INNOVATION. zu überdecken.
   ========================================================= */

.stage{
  position:relative!important;
  isolation:isolate!important;
}

/* weiche Licht-Aura hinter dem Produkt */
.stage::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  width:72%!important;
  height:76%!important;
  left:48%!important;
  top:47%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 48% 42%,
      rgba(255,255,255,.105) 0%,
      rgba(255,255,255,.055) 17%,
      rgba(132,255,32,.038) 35%,
      rgba(0,0,0,0) 70%)!important;
  filter:blur(26px)!important;
  pointer-events:none!important;
}

/* sehr dezenter vertikaler Studiolicht-Streifen */
.stage::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  width:16%!important;
  height:76%!important;
  left:64%!important;
  top:45%!important;
  transform:translate(-50%,-50%) rotate(7deg)!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.018) 25%,
    rgba(255,255,255,.075) 50%,
    rgba(255,255,255,.018) 75%,
    transparent 100%)!important;
  filter:blur(17px)!important;
  opacity:.72!important;
  pointer-events:none!important;
}

.machine-scene-v20{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  overflow:visible!important;
}

/* Boden-/Kontaktlicht – dunkel und subtil */
.machine-scene-v20::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:28%!important;
  right:9%!important;
  bottom:57px!important;
  height:48px!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at center,
      rgba(255,255,255,.085) 0%,
      rgba(137,255,32,.060) 24%,
      rgba(48,78,25,.025) 48%,
      transparent 72%)!important;
  filter:blur(13px)!important;
  opacity:.68!important;
  pointer-events:none!important;
}

.machine-cutout-v20{
  z-index:5!important;
  animation:none!important;
  filter:
    drop-shadow(0 24px 28px rgba(0,0,0,.72))
    drop-shadow(-5px -3px 9px rgba(255,255,255,.055))
    drop-shadow(7px 0 12px rgba(122,255,0,.035))!important;
}

/* Desktop:
   Drucker bewusst weiter rechts und etwas kleiner.
   Damit bleiben N + Punkt von INNOVATION. frei. */
@media(min-width:901px){
  html body .hero-grid{
    grid-template-columns:58% 42%!important;
    gap:18px!important;
  }

  html body .stage,
  html body .machine-scene-v20{
    min-height:580px!important;
    height:580px!important;
  }

  html body .machine-cutout-v20{
    left:53%!important;
    bottom:72px!important;
    width:min(102%,875px)!important;
    max-width:none!important;
  }

  html body .stage::before{
    left:57%!important;
    width:78%!important;
  }
}

/* Große Desktop-Bildschirme: etwas mehr Präsenz, aber kein Text-Overlap */
@media(min-width:1280px){
  html body .machine-cutout-v20{
    left:54%!important;
    width:min(105%,920px)!important;
  }
}

/* Mobile bleibt kompakt und vollständig getrennt vom Text */
@media(max-width:900px){
  html body .stage::before{
    width:78%!important;
    height:82%!important;
    left:50%!important;
    top:50%!important;
    filter:blur(20px)!important;
  }

  html body .stage::after{
    width:20%!important;
    height:72%!important;
    left:62%!important;
    opacity:.52!important;
  }

  html body .machine-cutout-v20{
    left:50%!important;
    bottom:9px!important;
    width:61%!important;
    max-width:380px!important;
    filter:
      drop-shadow(0 17px 20px rgba(0,0,0,.72))
      drop-shadow(-3px -2px 6px rgba(255,255,255,.045))
      drop-shadow(5px 0 8px rgba(122,255,0,.025))!important;
  }

  html body .machine-scene-v20::after{
    left:25%!important;
    right:25%!important;
    bottom:0!important;
    height:28px!important;
    opacity:.48!important;
  }
}

@media(max-width:430px){
  html body .machine-cutout-v20{
    width:59%!important;
    bottom:7px!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;
  }
}



/* V60 – genau ein Display: nur das bereits im Druckerbild enthaltene Originaldisplay */
.rsh-display-v509,
.rsh-display-v5010{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events: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;
  }
}



/* =========================================================
   V62 – Navigation: ausschließlich grüne Hover-Linie
   Kein Rahmen, keine Box, kein Glow, kein Hintergrundwechsel.
   ========================================================= */

@media (min-width: 901px) {

  /* komplette Navigation auf exakt eine vertikale Achse */
  header nav,
  header .nav,
  .site-header nav,
  .site-header .nav,
  .navbar,
  .navbar-inner,
  .nav-inner,
  .header-inner {
    align-items:center!important;
  }

  /* Grundzustand aller normalen Navigationslinks */
  header nav a:not(.btn):not(.cta),
  header .nav a:not(.btn):not(.cta),
  .site-header nav a:not(.btn):not(.cta),
  .site-header .nav a:not(.btn):not(.cta),
  .navbar a:not(.btn):not(.cta) {
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;

    color:#fff!important;
    background:transparent!important;
    background-image:none!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:none!important;
    text-shadow:none!important;
    filter:none!important;

    padding:0 1px!important;
    margin:0!important;
    opacity:.94!important;

    font-size:clamp(12px,.76vw,14px)!important;
    font-weight:750!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;

    transition:none!important;
  }

  /* explizit auch alle Hover-/Focus-Flächen neutralisieren */
  header nav a:not(.btn):not(.cta):hover,
  header nav a:not(.btn):not(.cta):focus,
  header nav a:not(.btn):not(.cta):focus-visible,
  header .nav a:not(.btn):not(.cta):hover,
  header .nav a:not(.btn):not(.cta):focus,
  header .nav a:not(.btn):not(.cta):focus-visible,
  .site-header nav a:not(.btn):not(.cta):hover,
  .site-header nav a:not(.btn):not(.cta):focus,
  .site-header nav a:not(.btn):not(.cta):focus-visible,
  .navbar a:not(.btn):not(.cta):hover,
  .navbar a:not(.btn):not(.cta):focus,
  .navbar a:not(.btn):not(.cta):focus-visible {
    color:#fff!important;
    background:transparent!important;
    background-image:none!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:none!important;
    text-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }

  /* alle möglichen alten Pseudo-Elemente ausschalten */
  header nav a:not(.btn):not(.cta)::before,
  header .nav a:not(.btn):not(.cta)::before,
  .site-header nav a:not(.btn):not(.cta)::before,
  .site-header .nav a:not(.btn):not(.cta)::before,
  .navbar a:not(.btn):not(.cta)::before {
    content:none!important;
    display:none!important;
  }

  /* einzige Hover-Animation: dünne grüne Linie */
  header nav a:not(.btn):not(.cta)::after,
  header .nav a:not(.btn):not(.cta)::after,
  .site-header nav a:not(.btn):not(.cta)::after,
  .site-header .nav a:not(.btn):not(.cta)::after,
  .navbar a:not(.btn):not(.cta)::after {
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:4px!important;
    width:0!important;
    height:2px!important;
    border-radius:999px!important;
    background:#7cff00!important;
    box-shadow:none!important;
    opacity:1!important;
    transform:translateX(-50%)!important;
    transition:width .22s ease!important;
  }

  header nav a:not(.btn):not(.cta):hover::after,
  header nav a:not(.btn):not(.cta):focus-visible::after,
  header .nav a:not(.btn):not(.cta):hover::after,
  header .nav a:not(.btn):not(.cta):focus-visible::after,
  .site-header nav a:not(.btn):not(.cta):hover::after,
  .site-header nav a:not(.btn):not(.cta):focus-visible::after,
  .site-header .nav a:not(.btn):not(.cta):hover::after,
  .site-header .nav a:not(.btn):not(.cta):focus-visible::after,
  .navbar a:not(.btn):not(.cta):hover::after,
  .navbar a:not(.btn):not(.cta):focus-visible::after {
    width:100%!important;
  }

  /* Projekt-starten-Button bleibt separat und unverändert grün */
  header nav a.btn,
  header nav a.cta,
  header .nav a.btn,
  header .nav a.cta,
  .site-header nav a.btn,
  .site-header nav a.cta,
  .navbar a.btn,
  .navbar a.cta {
    min-height:42px!important;
    height:42px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    align-self:center!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;
  }
}



/* V64 – Premium Kompetenzkarten direkt unter dem Hero.
   Hero/Header bleiben unangetastet. */

:root{
  --rsh-neon:#64ff00;
  --rsh-card-border:rgba(100,255,0,.18);
  --rsh-card-border-hover:rgba(100,255,0,.48);
  --rsh-card-bg:rgba(7,10,8,.72);
}

/* typische 4er-USP-Container */
.features-grid,
.feature-grid,
.usp-grid,
.usps,
.benefits-grid,
.hero-features,
.quality-grid,
.stats-grid {
  gap:0!important;
  border:1px solid var(--rsh-card-border)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.34)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.22)!important;
}

/* Karten */
.features-grid > *,
.feature-grid > *,
.usp-grid > *,
.usps > *,
.benefits-grid > *,
.hero-features > *,
.quality-grid > *,
.stats-grid > * {
  position:relative!important;
  min-height:190px!important;
  padding:30px 28px 28px!important;
  background:
    radial-gradient(circle at 15% 10%, rgba(100,255,0,.055), transparent 34%),
    var(--rsh-card-bg)!important;
  border:0!important;
  border-right:1px solid var(--rsh-card-border)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
  transition:
    background-color .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

/* Letzte Karte ohne rechte Trennlinie */
.features-grid > *:last-child,
.feature-grid > *:last-child,
.usp-grid > *:last-child,
.usps > *:last-child,
.benefits-grid > *:last-child,
.hero-features > *:last-child,
.quality-grid > *:last-child,
.stats-grid > *:last-child {
  border-right:0!important;
}

/* sehr dezente technische Akzentlinie */
.features-grid > *::after,
.feature-grid > *::after,
.usp-grid > *::after,
.usps > *::after,
.benefits-grid > *::after,
.hero-features > *::after,
.quality-grid > *::after,
.stats-grid > *::after {
  content:""!important;
  position:absolute!important;
  left:28px!important;
  right:auto!important;
  bottom:0!important;
  width:0!important;
  height:2px!important;
  background:var(--rsh-neon)!important;
  opacity:.8!important;
  transition:width .28s ease!important;
}

/* Premium-Hover: kein Springen/Vergrößern */
.features-grid > *:hover,
.feature-grid > *:hover,
.usp-grid > *:hover,
.usps > *:hover,
.benefits-grid > *:hover,
.hero-features > *:hover,
.quality-grid > *:hover,
.stats-grid > *:hover {
  transform:none!important;
  background:
    radial-gradient(circle at 15% 10%, rgba(100,255,0,.10), transparent 38%),
    rgba(8,12,9,.88)!important;
  box-shadow:inset 0 0 0 1px rgba(100,255,0,.08)!important;
}

.features-grid > *:hover::after,
.feature-grid > *:hover::after,
.usp-grid > *:hover::after,
.usps > *:hover::after,
.benefits-grid > *:hover::after,
.hero-features > *:hover::after,
.quality-grid > *:hover::after,
.stats-grid > *:hover::after {
  width:52px!important;
}

/* Icons / Symbolcontainer */
.features-grid .icon,
.feature-grid .icon,
.usp-grid .icon,
.usps .icon,
.benefits-grid .icon,
.hero-features .icon,
.quality-grid .icon,
.stats-grid .icon,
.features-grid svg,
.feature-grid svg,
.usp-grid svg,
.usps svg,
.benefits-grid svg,
.hero-features svg,
.quality-grid svg,
.stats-grid svg {
  color:var(--rsh-neon)!important;
  stroke:var(--rsh-neon)!important;
  filter:drop-shadow(0 0 8px rgba(100,255,0,.16))!important;
}

/* Überschriften */
.features-grid h3,
.feature-grid h3,
.usp-grid h3,
.usps h3,
.benefits-grid h3,
.hero-features h3,
.quality-grid h3,
.stats-grid h3,
.features-grid h4,
.feature-grid h4,
.usp-grid h4,
.usps h4,
.benefits-grid h4,
.hero-features h4,
.quality-grid h4,
.stats-grid h4 {
  margin-top:20px!important;
  margin-bottom:8px!important;
  color:#fff!important;
  font-size:clamp(17px,1.15vw,21px)!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}

/* Beschreibung */
.features-grid p,
.feature-grid p,
.usp-grid p,
.usps p,
.benefits-grid p,
.hero-features p,
.quality-grid p,
.stats-grid p {
  margin:0!important;
  max-width:28ch!important;
  color:rgba(255,255,255,.66)!important;
  font-size:14px!important;
  line-height:1.55!important;
  letter-spacing:.01em!important;
}

/* Mobile: Karten sauber stapeln */
@media (max-width:900px){
  .features-grid,
  .feature-grid,
  .usp-grid,
  .usps,
  .benefits-grid,
  .hero-features,
  .quality-grid,
  .stats-grid {
    border-radius:14px!important;
  }

  .features-grid > *,
  .feature-grid > *,
  .usp-grid > *,
  .usps > *,
  .benefits-grid > *,
  .hero-features > *,
  .quality-grid > *,
  .stats-grid > * {
    min-height:auto!important;
    padding:25px 24px!important;
    border-right:0!important;
    border-bottom:1px solid var(--rsh-card-border)!important;
  }

  .features-grid > *:last-child,
  .feature-grid > *:last-child,
  .usp-grid > *:last-child,
  .usps > *:last-child,
  .benefits-grid > *:last-child,
  .hero-features > *:last-child,
  .quality-grid > *:last-child,
  .stats-grid > *:last-child {
    border-bottom:0!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;
  }
}



/* =========================================================
   V65.3 – Hexagon-Netz breiter, stärker zur Mitte geführt
   Größe aus V65.2 bleibt erhalten.
   ========================================================= */

.process-intro,
.workflow-intro,
.intro-band,
.bridge-section,
.section-intro,
.process-header {
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding-top:46px!important;
  padding-bottom:52px!important;
  background:
    radial-gradient(circle at 50% 18%, rgba(105,255,0,.06), transparent 34%),
    linear-gradient(180deg, rgba(5,8,6,.96) 0%, rgba(2,4,3,.98) 100%)!important;
  border-top:1px solid rgba(105,255,0,.10)!important;
  border-bottom:1px solid rgba(105,255,0,.09)!important;
}

/* Echtes RSH-Hexagon-Netz – gleiche Größe wie V65.2,
   aber über die Mitte verbunden statt nur als zwei Rand-Cluster. */
.process-intro::before,
.workflow-intro::before,
.intro-band::before,
.bridge-section::before,
.section-intro::before,
.process-header::before {
  content:""!important;
  position:absolute!important;
  inset:-4% -2%!important;
  z-index:-2!important;
  pointer-events:none!important;

  background-image:
    linear-gradient(to right,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.06) 18%,
      rgba(0,0,0,.18) 38%,
      rgba(0,0,0,.18) 62%,
      rgba(0,0,0,.06) 82%,
      rgba(0,0,0,0) 100%
    ),
    url("assets/hexagon-netz-v28-2-clean.svg")!important;
  background-repeat:no-repeat, repeat-x!important;
  background-size:100% 100%, 620px auto!important;
  background-position:center center, center 46%!important;

  opacity:.34!important;
  filter:brightness(1.06) saturate(1.12)!important;

  mask-image:linear-gradient(
    to right,
    transparent 0%,
    rgba(0,0,0,.82) 8%,
    #000 20%,
    #000 80%,
    rgba(0,0,0,.82) 92%,
    transparent 100%
  )!important;
  -webkit-mask-image:linear-gradient(
    to right,
    transparent 0%,
    rgba(0,0,0,.82) 8%,
    #000 20%,
    #000 80%,
    rgba(0,0,0,.82) 92%,
    transparent 100%
  )!important;
}

/* weicher zentraler Fokus, damit die Headline lesbar bleibt */
.process-intro::after,
.workflow-intro::after,
.intro-band::after,
.bridge-section::after,
.section-intro::after,
.process-header::after {
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:58%!important;
  height:68%!important;
  transform:translate(-50%,-50%)!important;
  z-index:-1!important;
  background:radial-gradient(
    ellipse at center,
    rgba(106,255,0,.075) 0%,
    rgba(48,92,20,.022) 35%,
    rgba(0,0,0,.12) 57%,
    transparent 76%
  )!important;
  filter:blur(16px)!important;
  pointer-events:none!important;
}

/* Typografie aus V65.2 unverändert */
.process-intro .section-kicker,
.workflow-intro .section-kicker,
.intro-band .section-kicker,
.bridge-section .section-kicker,
.section-intro .section-kicker,
.process-header .section-kicker,
.process-intro .eyebrow,
.workflow-intro .eyebrow,
.intro-band .eyebrow,
.bridge-section .eyebrow,
.section-intro .eyebrow,
.process-header .eyebrow {
  display:block!important;
  margin-bottom:12px!important;
  color:#71ff00!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}

.process-intro h2,
.workflow-intro h2,
.intro-band h2,
.bridge-section h2,
.section-intro h2,
.process-header h2 {
  margin:0 auto 10px!important;
  max-width:920px!important;
  color:#fff!important;
  font-size:clamp(32px,3.2vw,50px)!important;
  line-height:1.06!important;
  font-weight:780!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
}

.process-intro p,
.workflow-intro p,
.intro-band p,
.bridge-section p,
.section-intro p,
.process-header p {
  margin:0 auto!important;
  max-width:760px!important;
  color:rgba(255,255,255,.66)!important;
  font-size:15px!important;
  line-height:1.55!important;
  text-align:center!important;
}

@media(max-width:900px){
  .process-intro,
  .workflow-intro,
  .intro-band,
  .bridge-section,
  .section-intro,
  .process-header {
    padding-top:34px!important;
    padding-bottom:38px!important;
  }

  .process-intro::before,
  .workflow-intro::before,
  .intro-band::before,
  .bridge-section::before,
  .section-intro::before,
  .process-header::before {
    background-size:100% 100%, 410px auto!important;
    background-position:center center, center 48%!important;
    opacity:.24!important;
  }

  .process-intro h2,
  .workflow-intro h2,
  .intro-band h2,
  .bridge-section h2,
  .section-intro h2,
  .process-header h2 {
    font-size:clamp(28px,8vw,40px)!important;
    padding:0 18px!important;
  }

  .process-intro p,
  .workflow-intro p,
  .intro-band p,
  .bridge-section p,
  .section-intro p,
  .process-header p {
    font-size:14px!important;
    padding:0 24px!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;
  }
}



/* V66 – Premium-Finish nur für den Leistungsbereich */
#leistungen .card,#leistungen .service-card,#leistungen article,
.services .card,.services .service-card,.services article,
.services-section .card,.services-section .service-card,.services-section article,
.service-section .card,.service-section .service-card,.service-section article{
 position:relative!important;overflow:hidden!important;
 border:1px solid rgba(113,255,0,.24)!important;border-radius:18px!important;
 background:linear-gradient(180deg,rgba(16,19,17,.98),rgba(6,8,7,.99))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.20)!important;
 transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important
}
#leistungen .card:hover,#leistungen .service-card:hover,#leistungen article:hover,
.services .card:hover,.services .service-card:hover,.services article:hover,
.services-section .card:hover,.services-section .service-card:hover,.services-section article:hover,
.service-section .card:hover,.service-section .service-card:hover,.service-section article:hover{
 transform:none!important;border-color:rgba(113,255,0,.52)!important;
 background:linear-gradient(180deg,rgba(19,24,20,.99),rgba(7,10,8,.99))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 20px 50px rgba(0,0,0,.26),0 0 24px rgba(113,255,0,.035)!important
}
#leistungen .card::after,#leistungen .service-card::after,#leistungen article::after,
.services .card::after,.services .service-card::after,.services article::after,
.services-section .card::after,.services-section .service-card::after,.services-section article::after,
.service-section .card::after,.service-section .service-card::after,.service-section article::after{
 content:""!important;position:absolute!important;left:18px!important;right:18px!important;bottom:0!important;height:1px!important;
 background:linear-gradient(90deg,transparent,rgba(113,255,0,.48),transparent)!important;opacity:.52!important;transition:opacity .22s ease!important;pointer-events:none!important
}
#leistungen .card:hover::after,#leistungen .service-card:hover::after,#leistungen article:hover::after,
.services .card:hover::after,.services .service-card:hover::after,.services article:hover::after,
.services-section .card:hover::after,.services-section .service-card:hover::after,.services-section article:hover::after,
.service-section .card:hover::after,.service-section .service-card:hover::after,.service-section article:hover::after{opacity:1!important}
#leistungen .card img,#leistungen .service-card img,#leistungen article img,
.services .card img,.services .service-card img,.services article img,
.services-section .card img,.services-section .service-card img,.services-section article img,
.service-section .card img,.service-section .service-card img,.service-section article img{
 width:100%!important;object-fit:cover!important;filter:saturate(.84) contrast(1.06) brightness(.92)!important;transition:filter .22s ease!important
}
#leistungen .card:hover img,#leistungen .service-card:hover img,#leistungen article:hover img,
.services .card:hover img,.services .service-card:hover img,.services article:hover img,
.services-section .card:hover img,.services-section .service-card:hover img,.services-section article:hover img,
.service-section .card:hover img,.service-section .service-card:hover img,.service-section article:hover img{
 transform:none!important;filter:saturate(.91) contrast(1.07) brightness(.98)!important
}
@media(max-width:900px){
 #leistungen .card,#leistungen .service-card,#leistungen article,.services .card,.services .service-card,.services article,.services-section .card,.services-section .service-card,.services-section article,.service-section .card,.service-section .service-card,.service-section article{border-radius:15px!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;
  }
}



#leistungen .services .card .card-body{
  display:none!important;
}
#leistungen .services .card .card-img{
  height:auto!important;
  background:transparent!important;
  overflow:hidden!important;
}
#leistungen .services .card .card-img img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
#leistungen .services .card:hover .card-img img{
  transform:none!important;
  filter: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;
  }
}



/* V66.7: the source artwork already contains the finished card frame.
   Remove the redundant HTML frame so exactly one consistent frame remains. */
#leistungen .services{align-items:stretch!important;grid-auto-rows:1fr!important;gap:18px!important}
#leistungen .services .card{
  height:100%!important;min-width:0!important;display:flex!important;align-items:stretch!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
  transform:none!important;
}
#leistungen .services .card:hover{transform:none!important;border:0!important;box-shadow:none!important}
#leistungen .services .card::after{display:none!important}
#leistungen .services .card .card-img{width:100%!important;height:100%!important;background:transparent!important;overflow:visible!important}
#leistungen .services .card .card-img img{
  display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;opacity:1!important;
  transform:none!important;filter:none!important;border:0!important;border-radius:0!important;
}
#leistungen .services .card:hover .card-img img{transform:none!important;filter:none!important}
@media(max-width:900px){#leistungen .services{gap:18px!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;
  }
}



/* V66.8 – restrained premium hover motion for the four service cards */
#leistungen .services .card{
  transition:transform .28s cubic-bezier(.2,.7,.2,1),filter .28s ease!important;
  transform-origin:center center!important;
  will-change:transform,filter;
}
#leistungen .services .card:hover{
  transform:translateY(-8px) scale(1.018)!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(113,255,0,.16))!important;
  z-index:4!important;
}
#leistungen .services .card .card-img img{
  transition:filter .28s ease!important;
}
#leistungen .services .card:hover .card-img img{
  filter:brightness(1.035) contrast(1.02)!important;
}
@media (hover:none),(prefers-reduced-motion:reduce){
 #leistungen .services .card,#leistungen .services .card:hover{transition:none!important;transform:none!important;filter: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;
  }
}



/* V67.3 – all four service artwork cards use exactly the same footprint. */
#leistungen .services{align-items:stretch!important;grid-auto-rows:1fr!important}
#leistungen .services .card{height:100%!important;min-height:0!important;overflow:hidden!important;border-radius:11px!important}
#leistungen .services .card .card-img{width:100%!important;height:100%!important;overflow:hidden!important;border-radius:11px!important}
#leistungen .services .card .card-img img{width:100%!important;height:100%!important;object-fit:fill!important;border-radius:11px!important}


/* V67.4 – one identical component system for all four service cards. */
#leistungen .services{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;grid-auto-rows:1fr!important}
#leistungen .services .card{height:430px!important;min-height:430px!important;max-height:430px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:16px!important;background:linear-gradient(180deg,#171a17 0%,#101310 100%)!important;box-shadow:none!important}
#leistungen .services .card .card-img{height:235px!important;min-height:235px!important;max-height:235px!important;width:100%!important;overflow:hidden!important;border-radius:15px 15px 0 0!important;background:#0a0d0a!important;border-bottom:1px solid rgba(255,255,255,.13)!important}
#leistungen .services .card .card-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;border-radius:0!important;opacity:1!important}
#leistungen .services .card .card-body{height:195px!important;min-height:195px!important;max-height:195px!important;padding:15px 14px 14px!important;display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,rgba(31,34,31,.98),rgba(20,23,20,.98))!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
#leistungen .services .card h3{height:42px!important;min-height:42px!important;max-height:42px!important;margin:0 0 7px!important;padding:0!important;display:flex!important;align-items:flex-start!important;text-transform:uppercase!important;font-family:inherit!important;font-size:16px!important;line-height:1.14!important;font-weight:900!important;letter-spacing:0!important;color:#fff!important;background:none!important}
#leistungen .services .card p{height:62px!important;min-height:62px!important;max-height:62px!important;margin:0!important;padding:0!important;overflow:hidden!important;font-family:inherit!important;font-size:14px!important;line-height:1.48!important;font-weight:500!important;color:#f0f2ed!important}
#leistungen .services .card .more{margin-top:auto!important;padding:0!important;align-self:flex-start!important;font-family:inherit!important;font-size:14px!important;line-height:1!important;font-weight:900!important;letter-spacing:0!important;color:#7cff00!important;text-transform:uppercase!important;text-decoration:none!important}
#leistungen .services .card:hover{transform:translateY(-6px)!important;border-color:#7cff00!important;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 24px rgba(124,255,0,.10)!important}
@media(max-width:1000px){#leistungen .services{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#leistungen .services{grid-template-columns:1fr!important}#leistungen .services .card{height:430px!important;min-height:430px!important;max-height:430px!important}}


/* V67.5 – single visible card frame + clean, consistent service icons. */
#leistungen .services .card{border:1px solid rgba(255,255,255,.24)!important;outline:0!important;box-shadow:none!important}
#leistungen .services .card .card-img{border:0!important;border-bottom:1px solid rgba(255,255,255,.13)!important;outline:0!important}
#leistungen .services .card .card-img img{border:0!important;outline:0!important;border-radius:0!important}
#leistungen .services .card::before{
 content:""!important;position:absolute!important;z-index:8!important;left:14px!important;top:14px!important;width:50px!important;height:50px!important;
 background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;pointer-events:none!important;
}
#leistungen .services .card::after{content:none!important;display:none!important}
#leistungen .services .card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 3L58 18V46L32 61L6 46V18Z' fill='%23101410' stroke='%237cff00' stroke-width='4'/%3E%3Cg fill='none' stroke='%237cff00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 28h28v22H18zM15 23h34v8H15zM32 23v27'/%3E%3Cpath d='M32 23c-7 0-11-3-11-7 0-3 2-5 5-5 5 0 6 7 6 12zm0 0c7 0 11-3 11-7 0-3-2-5-5-5-5 0-6 7-6 12z'/%3E%3C/g%3E%3C/svg%3E")!important}
#leistungen .services .card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 3L58 18V46L32 61L6 46V18Z' fill='%23101410' stroke='%237cff00' stroke-width='4'/%3E%3Cg fill='none' stroke='%237cff00' stroke-width='3'%3E%3Ccircle cx='32' cy='32' r='9'/%3E%3Cpath d='M32 13v6M32 45v6M13 32h6M45 32h6M19 19l5 5M40 40l5 5M45 19l-5 5M24 40l-5 5'/%3E%3C/g%3E%3C/svg%3E")!important}
#leistungen .services .card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 3L58 18V46L32 61L6 46V18Z' fill='%23101410' stroke='%237cff00' stroke-width='4'/%3E%3Cg fill='none' stroke='%237cff00' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M23 29c0-6 4-11 9-11s9 5 9 11c0 5-3 7-5 10-1 1-1 3-1 4h-6c0-1 0-3-1-4-2-3-5-5-5-10zM28 48h8M29 52h6'/%3E%3C/g%3E%3C/svg%3E")!important}
#leistungen .services .card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 3L58 18V46L32 61L6 46V18Z' fill='%23101410' stroke='%237cff00' stroke-width='4'/%3E%3Cg fill='none' stroke='%237cff00' stroke-width='2.6' stroke-linejoin='round'%3E%3Cpath d='M32 17l9 5-9 5-9-5zM32 27v10M23 22v10l9 5 9-5V22'/%3E%3Cpath d='M22 34l9 5-9 5-9-5zM42 34l9 5-9 5-9-5zM22 44v8M42 44v8M13 39v8l9 5 9-5v-8M33 39v8l9 5 9-5v-8'/%3E%3C/g%3E%3C/svg%3E")!important}
#leistungen .services .card:hover{border-color:#7cff00!important;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 24px rgba(124,255,0,.10)!important}


#leistungen .services .card{
  border:1px solid rgba(255,255,255,.24)!important;
  outline:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#leistungen .services .card .card-img,
#leistungen .services .card .card-body,
#leistungen .services .card .card-img img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#leistungen .services .card .card-img{
  border-bottom:0!important;
}
#leistungen .services .card .card-body{
  border-top:0!important;
}
#leistungen .services .card:hover{
  border-color:#7cff00!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 24px rgba(124,255,0,.10)!important;
}


/* V67.7 – final clean service cards: one frame only, icons visually integrated into artwork. */
#leistungen .services .card{position:relative!important;border:1px solid rgba(255,255,255,.24)!important;outline:0!important;box-shadow:none!important;background:linear-gradient(180deg,#171a17 0%,#101310 100%)!important}
#leistungen .services .card .card-img,#leistungen .services .card .card-body,#leistungen .services .card .card-img img{border:0!important;outline:0!important;box-shadow:none!important}
#leistungen .services .card:nth-child(4),#leistungen .services .card:nth-child(4) .card-img,#leistungen .services .card:nth-child(4) .card-body,#leistungen .services .card:nth-child(4) .card-img img{outline:0!important;box-shadow:none!important}
#leistungen .services .card::before{left:16px!important;top:16px!important;width:48px!important;height:48px!important;background-color:transparent!important;filter:drop-shadow(0 0 5px rgba(124,255,0,.38))!important;opacity:.92!important}
#leistungen .services .card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 3L58 18V46L32 61L6 46V18Z' fill='none' stroke='%237cff00' stroke-width='4'/%3E%3Cg fill='none' stroke='%237cff00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 28h28v22H18zM15 23h34v8H15zM32 23v27'/%3E%3Cpath d='M32 23c-7 0-11-3-11-7 0-3 2-5 5-5 5 0 6 7 6 12zm0 0c7 0 11-3 11-7 0-3-2-5-5-5-5 0-6 7-6 12z'/%3E%3C/g%3E%3C/svg%3E")!important}
#leistungen .services .card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 3L58 18V46L32 61L6 46V18Z' fill='none' stroke='%237cff00' stroke-width='4'/%3E%3Cg fill='none' stroke='%237cff00' stroke-width='3'%3E%3Ccircle cx='32' cy='32' r='9'/%3E%3Cpath d='M32 13v6M32 45v6M13 32h6M45 32h6M19 19l5 5M40 40l5 5M45 19l-5 5M24 40l-5 5'/%3E%3C/g%3E%3C/svg%3E")!important}
#leistungen .services .card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 3L58 18V46L32 61L6 46V18Z' fill='none' stroke='%237cff00' stroke-width='4'/%3E%3Cg fill='none' stroke='%237cff00' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M23 29c0-6 4-11 9-11s9 5 9 11c0 5-3 7-5 10-1 1-1 3-1 4h-6c0-1 0-3-1-4-2-3-5-5-5-10zM28 48h8M29 52h6'/%3E%3C/g%3E%3C/svg%3E")!important}
#leistungen .services .card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 3L58 18V46L32 61L6 46V18Z' fill='none' stroke='%237cff00' stroke-width='4'/%3E%3Cg fill='none' stroke='%237cff00' stroke-width='2.6' stroke-linejoin='round'%3E%3Cpath d='M32 17l9 5-9 5-9-5zM32 27v10M23 22v10l9 5 9-5V22'/%3E%3Cpath d='M22 34l9 5-9 5-9-5zM42 34l9 5-9 5-9-5zM22 44v8M42 44v8M13 39v8l9 5 9-5v-8M33 39v8l9 5 9-5v-8'/%3E%3C/g%3E%3C/svg%3E")!important}
#leistungen .services .card:hover{border-color:#7cff00!important;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 24px rgba(124,255,0,.10)!important}


/* V67.9 – exactly one perimeter frame per service card. */
#leistungen .services .card{
  border:1px solid rgba(255,255,255,.24)!important;
  outline:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#leistungen .services .card .card-img,
#leistungen .services .card .card-body,
#leistungen .services .card .card-img img{
  border:0!important;
  outline:none!important;
  box-shadow:none!important;
}
#leistungen .services .card .card-img{border-bottom:0!important;}
#leistungen .services .card::after{content:none!important;display:none!important;border:0!important;outline:0!important;box-shadow:none!important;}
#leistungen .services .card:hover{
  border-color:#7cff00!important;
  outline:none!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 24px rgba(124,255,0,.10)!important;
}


/* V67.10 – one and only one visible perimeter frame per service card. */
#leistungen .services .card{
  position:relative!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#leistungen .services .card .card-img,
#leistungen .services .card .card-body,
#leistungen .services .card .card-img img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#leistungen .services .card .card-img{border-bottom:0!important;}
#leistungen .services .card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:18px!important;
  outline:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:20!important;
}
#leistungen .services .card:hover{
  border:0!important;
  outline:0!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 24px rgba(124,255,0,.10)!important;
}
#leistungen .services .card:hover::after{border-color:#7cff00!important;}


/* V67.12 – service cards: exactly ONE physical outer border.
   No pseudo-element frame, no image/body borders, no outlines. */
#leistungen .services .card{
  position:relative!important;
  border:1px solid rgba(255,255,255,.30)!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#171a17 0%,#101310 100%)!important;
}
#leistungen .services .card::after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#leistungen .services .card .card-img,
#leistungen .services .card .card-body,
#leistungen .services .card .card-img img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#leistungen .services .card .card-img{border-bottom:0!important;}
#leistungen .services .card .card-body{border-top:0!important;}
#leistungen .services .card .card-img img{border-radius:0!important;}
#leistungen .services .card:hover{
  border-color:#7cff00!important;
  outline:0!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 24px rgba(124,255,0,.10)!important;
}


/* V67.13: exactly one card frame; image flush to full card width */
#leistungen .services .card{
  border:1px solid rgba(220,230,216,.58)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  padding:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  box-shadow:0 30px 70px rgba(0,0,0,.28)!important;
}
#leistungen .services .card::before,
#leistungen .services .card::after{
  border:0!important; outline:0!important; box-shadow:none!important;
}
#leistungen .services .card-img{
  width:100%!important;
  margin:0!important; padding:0!important;
  border:0!important; outline:0!important; box-shadow:none!important;
  border-radius:0!important; overflow:hidden!important;
  background:#080b08!important;
}
#leistungen .services .card-img::before,
#leistungen .services .card-img::after{display:none!important;content:none!important;}
#leistungen .services .card-img img{
  display:block!important; width:100%!important; height:100%!important;
  margin:0!important; padding:0!important;
  border:0!important; outline:0!important; box-shadow:none!important;
  border-radius:0!important; object-fit:cover!important;
}
#leistungen .services .card-body{
  width:100%!important; margin:0!important;
  border:0!important; outline:0!important; box-shadow:none!important;
  border-radius:0!important;
}
#leistungen .services .card-body::before,
#leistungen .services .card-body::after{display:none!important;content:none!important;}


/* V67.14: cards 1, 3 and 4 use the same clean edge treatment as card 2.
   Their raster-image edge is pushed underneath the single outer card frame. */
#leistungen .services .card:nth-child(1) .card-img img,
#leistungen .services .card:nth-child(3) .card-img img,
#leistungen .services .card:nth-child(4) .card-img img{
  width:calc(100% + 4px)!important;
  max-width:none!important;
  height:calc(100% + 2px)!important;
  margin-left:-2px!important;
  margin-top:-1px!important;
  object-fit:cover!important;
}
#leistungen .services .card:nth-child(1) .card-img,
#leistungen .services .card:nth-child(3) .card-img,
#leistungen .services .card:nth-child(4) .card-img{
  overflow:hidden!important;
}


/* V67.15: card 4 only — extend the visual beneath the right outer frame. */
#leistungen .services .card:nth-child(4) .card-img img{
  width:calc(100% + 7px)!important;
  max-width:none!important;
  margin-left:-2px!important;
  margin-right:-5px!important;
}


/* V67.17 – Service-Hexagons wie RSH-Logo ausgerichtet: eine Spitze zeigt exakt nach oben. */


/* V67.18 – Materialbereich. Leistungskacheln bleiben unverändert. */
#materialien .materials-grid,
#materialien .material-grid,
.materials-grid,
.material-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

#materialien .material-card,
.material-card {
  position:relative;
  min-height:190px;
  padding:24px 22px 22px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:18px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.18) !important;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

#materialien .material-card::before,
.material-card::before {
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:3px;
  background:linear-gradient(90deg,#7CFF00,rgba(124,255,0,.18),transparent);
}

#materialien .material-card:hover,
.material-card:hover {
  transform:translateY(-4px);
  border-color:rgba(124,255,0,.48) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 22px rgba(124,255,0,.07) !important;
}

#materialien .material-card h3,
.material-card h3 {
  margin:0 0 12px !important;
  font-size:22px !important;
  line-height:1.05 !important;
  letter-spacing:-.02em;
}

#materialien .material-card p,
.material-card p {
  margin:0 0 18px !important;
  line-height:1.55 !important;
  color:rgba(255,255,255,.78) !important;
}

#materialien .material-card .tag,
#materialien .material-card .chip,
#materialien .material-card span,
.material-card .tag,
.material-card .chip {
  display:inline-flex;
  align-items:center;
  margin:4px 6px 0 0;
  padding:6px 10px;
  border:1px solid rgba(124,255,0,.26);
  border-radius:999px;
  background:rgba(124,255,0,.055);
  color:rgba(255,255,255,.90);
  font-size:12px;
  font-weight:700;
}

@media (max-width:980px){
  #materialien .materials-grid,#materialien .material-grid,.materials-grid,.material-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:620px){
  #materialien .materials-grid,#materialien .material-grid,.materials-grid,.material-grid{
    grid-template-columns:1fr !important;
  }
  #materialien .material-card,.material-card{min-height:0;}
}


/* V67.19 – TPU und PA-CF getrennt */
#materialien .materials-grid,
#materialien .material-grid,
.materials-grid,
.material-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}
#materialien .material-card,
.material-card{grid-column:span 2;}
#materialien .material-card:nth-child(4),
.material-card:nth-child(4){grid-column:2 / span 2;}
#materialien .material-card:nth-child(5),
.material-card:nth-child(5){grid-column:4 / span 2;}

@media(max-width:980px){
  #materialien .materials-grid,#materialien .material-grid,.materials-grid,.material-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #materialien .material-card,.material-card,
  #materialien .material-card:nth-child(4),.material-card:nth-child(4),
  #materialien .material-card:nth-child(5),.material-card:nth-child(5){
    grid-column:auto !important;
  }
}
@media(max-width:620px){
  #materialien .materials-grid,#materialien .material-grid,.materials-grid,.material-grid{
    grid-template-columns:1fr !important;
  }
}


.v67-20-materials{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.v67-20-materials > .material-card{grid-column:span 2 !important;}
.v67-20-materials > .material-card:nth-child(4){grid-column:2 / span 2 !important;}
.v67-20-materials > .material-card:nth-child(5){grid-column:4 / span 2 !important;}
@media(max-width:980px){
 .v67-20-materials{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 .v67-20-materials > .material-card{grid-column:auto !important;}
}
@media(max-width:620px){
 .v67-20-materials{grid-template-columns:1fr !important;}
}


.about-v6721{
  position:relative;
  padding:92px 0 88px;
  border-top:1px solid rgba(124,255,0,.10);
  border-bottom:1px solid rgba(124,255,0,.08);
  overflow:hidden;
}
.about-v6721::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 46%,rgba(124,255,0,.09),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));
  pointer-events:none;
}
.about-v6721-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:68px;
  align-items:center;
}
.about-v6721-copy .section-title{
  max-width:760px;
  margin-bottom:22px;
}
.about-v6721-copy .lead{
  max-width:760px;
  margin-bottom:34px;
}
.about-v6721-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0 0 30px;
}
.about-v6721-point{
  min-height:126px;
  padding:18px 18px 17px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.about-v6721-point:hover{
  transform:translateY(-3px);
  border-color:rgba(124,255,0,.36);
  box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 22px rgba(124,255,0,.05);
}
.about-v6721-point b{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.25;
  margin-bottom:7px;
}
.about-v6721-point span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:13px;
  line-height:1.5;
}
.about-v6721-cta{margin-top:2px;}
.about-v6721-visual{
  position:relative;
  min-height:510px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-v6721-machine{
  position:relative;
  width:min(100%,520px);
  border-radius:24px;
  padding:22px 18px 8px;
  background:
    radial-gradient(circle at 50% 35%,rgba(124,255,0,.08),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 70px rgba(0,0,0,.34);
}
.about-v6721-machine::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:7%;
  height:18px;
  border-radius:50%;
  background:rgba(124,255,0,.12);
  filter:blur(18px);
  z-index:0;
}
.about-v6721-machine img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.about-v6721-badge{
  position:absolute;
  right:-10px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:13px;
  width:min(330px,78%);
  padding:13px 15px;
  border-radius:14px;
  border:1px solid rgba(124,255,0,.28);
  background:rgba(5,8,6,.88);
  backdrop-filter:blur(10px);
  box-shadow:0 14px 38px rgba(0,0,0,.30);
}
.about-v6721-badge img{width:50px;height:50px;object-fit:contain;}
.about-v6721-badge strong{
  display:block;
  color:#fff;
  font-size:12px;
  letter-spacing:.06em;
  margin-bottom:4px;
}
.about-v6721-badge span{
  display:block;
  color:rgba(255,255,255,.63);
  font-size:11px;
  line-height:1.4;
}

@media(max-width:980px){
  .about-v6721{padding:72px 0 68px;}
  .about-v6721-grid{grid-template-columns:1fr;gap:42px;}
  .about-v6721-visual{min-height:0;}
  .about-v6721-machine{width:min(100%,560px);}
  .about-v6721-badge{right:4%;bottom:8px;}
}
@media(max-width:620px){
  .about-v6721{padding:58px 0 56px;}
  .about-v6721-points{grid-template-columns:1fr;}
  .about-v6721-point{min-height:0;}
  .about-v6721-visual{padding-bottom:64px;}
  .about-v6721-badge{
    left:12px;
    right:12px;
    bottom:0;
    width:auto;
  }
}


.projects-v6724{
  position:relative;
  padding:92px 0 86px;
  overflow:hidden;
}
.projects-v6724::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 20%,rgba(124,255,0,.055),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent);
}
.projects-v6724 .wrap{position:relative;z-index:1;}
.projects-v6724-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:48px;
  align-items:end;
  margin-bottom:34px;
}
.projects-v6724-head .section-title{margin-bottom:0;}
.projects-v6724-head > p{
  margin:0 0 7px;
  max-width:520px;
  color:rgba(255,255,255,.66);
  font-size:15px;
  line-height:1.65;
}
.projects-v6724-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.project-v6724{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.project-v6724:hover{
  transform:translateY(-4px);
  border-color:rgba(124,255,0,.34);
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 26px rgba(124,255,0,.045);
}
.project-v6724-img{
  position:relative;
  height:285px;
  overflow:hidden;
  background:#060806;
}
.project-v6724-img::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.64));
  pointer-events:none;
}
.project-v6724-img img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.project-v6724:hover .project-v6724-img img{transform:scale(1.025);}
.project-v6724-tag{
  position:absolute;
  z-index:2;
  left:16px;
  top:16px;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border:1px solid rgba(124,255,0,.28);
  border-radius:999px;
  background:rgba(6,9,6,.74);
  backdrop-filter:blur(8px);
  color:var(--green);
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
}
.project-v6724-copy{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:20px 21px 22px;
}
.project-v6724-no{
  color:var(--green);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  padding-top:4px;
}
.project-v6724 h3{
  margin:0 0 7px;
  color:#fff;
  font-size:20px;
  line-height:1.15;
}
.project-v6724 p{
  margin:0;
  color:rgba(255,255,255,.66);
  font-size:13px;
  line-height:1.55;
}
.project-v6724-featured{
  grid-column:span 2;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
}
.project-v6724-featured .project-v6724-img{height:360px;}
.project-v6724-featured .project-v6724-copy{
  align-content:center;
  padding:34px 30px;
}
.project-v6724-featured h3{font-size:28px;}
.project-v6724-featured p{font-size:14px;max-width:420px;}
.projects-v6724-footer{
  margin-top:24px;
  padding:20px 22px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.projects-v6724-footer > span{
  color:rgba(255,255,255,.72);
  font-size:14px;
}

@media(max-width:900px){
  .projects-v6724{padding:74px 0 68px;}
  .projects-v6724-head{grid-template-columns:1fr;gap:18px;}
  .project-v6724-featured{
    grid-template-columns:1fr;
  }
  .project-v6724-featured .project-v6724-img{height:320px;}
}
@media(max-width:620px){
  .projects-v6724{padding:60px 0 56px;}
  .projects-v6724-head{margin-bottom:26px;}
  .projects-v6724-grid{grid-template-columns:1fr;gap:16px;}
  .project-v6724-featured{grid-column:auto;}
  .project-v6724-img,
  .project-v6724-featured .project-v6724-img{height:230px;}
  .project-v6724-copy,
  .project-v6724-featured .project-v6724-copy{
    grid-template-columns:34px 1fr;
    padding:18px 17px 19px;
  }
  .project-v6724-featured h3,
  .project-v6724 h3{font-size:19px;}
  .project-v6724-featured p,
  .project-v6724 p{font-size:13px;}
  .projects-v6724-footer{
    align-items:flex-start;
    flex-direction:column;
    padding:20px 0 0;
  }
  .projects-v6724-footer .btn{width:100%;text-align:center;}
}


.steps-v6725{position:relative;padding:88px 0 82px;border-top:1px solid rgba(124,255,0,.07);border-bottom:1px solid rgba(124,255,0,.07);overflow:hidden}
.steps-v6725::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(124,255,0,.05),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0));pointer-events:none}
.steps-v6725 .wrap{position:relative;z-index:1}.steps-v6725-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:48px;align-items:end;margin-bottom:42px}.steps-v6725-head .section-title{margin-bottom:0}.steps-v6725-head>p{margin:0 0 7px;max-width:520px;color:rgba(255,255,255,.64);font-size:15px;line-height:1.65}
.steps-v6725-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.steps-v6725-flow::before{content:"";position:absolute;left:9%;right:9%;top:31px;height:1px;background:linear-gradient(90deg,rgba(124,255,0,.12),rgba(124,255,0,.55),rgba(124,255,0,.12));z-index:0}
.step-v6725{position:relative;z-index:1;min-height:250px;padding:18px 17px 20px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),rgba(5,7,5,.74);box-shadow:0 12px 30px rgba(0,0,0,.16);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.step-v6725:hover{transform:translateY(-4px);border-color:rgba(124,255,0,.34);box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 22px rgba(124,255,0,.045)}
.step-v6725-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.step-v6725-no{color:var(--green);font-size:12px;font-weight:900;letter-spacing:.13em}.step-v6725-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(124,255,0,.25);border-radius:14px;background:rgba(124,255,0,.035);box-shadow:inset 0 0 18px rgba(124,255,0,.025)}.step-v6725-icon svg{width:25px;height:25px;fill:none;stroke:var(--green);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.step-v6725 h3{margin:0 0 10px;color:#fff;font-size:17px;line-height:1.18}.step-v6725 p{margin:0;color:rgba(255,255,255,.63);font-size:12.5px;line-height:1.55}.steps-v6725-note{margin-top:24px;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:18px;color:rgba(255,255,255,.68);font-size:13px}.steps-v6725-note a{color:var(--green);font-weight:800;text-decoration:none;letter-spacing:.02em}.steps-v6725-note a:hover{text-decoration:underline}
@media(max-width:1100px){.steps-v6725-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.steps-v6725-flow::before{display:none}}
@media(max-width:760px){.steps-v6725{padding:70px 0 66px}.steps-v6725-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.steps-v6725-flow{grid-template-columns:1fr;gap:14px;padding-left:22px}.steps-v6725-flow::after{content:"";position:absolute;left:7px;top:24px;bottom:24px;width:1px;background:linear-gradient(180deg,rgba(124,255,0,.55),rgba(124,255,0,.12))}.step-v6725{min-height:0;padding:17px 17px 18px}.step-v6725::before{content:"";position:absolute;left:-20px;top:27px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(124,255,0,.5)}.step-v6725-top{margin-bottom:16px}.steps-v6725-note{align-items:flex-start;flex-direction:column}}


.promise-v6726{position:relative;padding:92px 0 88px;overflow:hidden;border-top:1px solid rgba(124,255,0,.07);border-bottom:1px solid rgba(124,255,0,.07)}
.promise-v6726::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 23% 45%,rgba(124,255,0,.075),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0))}
.promise-v6726-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:68px;align-items:center}
.promise-v6726-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
.promise-v6726-image{position:relative;width:min(100%,520px);overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 50% 45%,rgba(124,255,0,.08),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));box-shadow:0 28px 72px rgba(0,0,0,.34)}
.promise-v6726-image img{display:block;width:100%;height:100%;max-height:440px;object-fit:contain;padding:26px}
.promise-v6726-label{position:absolute;left:18px;top:18px;padding:7px 11px;border:1px solid rgba(124,255,0,.28);border-radius:999px;background:rgba(5,8,5,.76);color:var(--green);font-size:10px;font-weight:900;letter-spacing:.13em}
.promise-v6726-mark{position:absolute;right:-12px;bottom:18px;display:flex;align-items:center;gap:13px;width:min(345px,82%);padding:14px 16px;border:1px solid rgba(124,255,0,.25);border-radius:15px;background:rgba(5,8,5,.90);box-shadow:0 16px 40px rgba(0,0,0,.32)}
.promise-v6726-mark img{width:52px;height:52px;object-fit:contain}.promise-v6726-mark strong{display:block;margin-bottom:4px;color:#fff;font-size:12px;letter-spacing:.06em}.promise-v6726-mark span{display:block;color:rgba(255,255,255,.63);font-size:11px;line-height:1.4}
.promise-v6726-copy .section-title{margin-bottom:20px}.promise-v6726-copy .lead{margin-bottom:30px}
.promise-v6726-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.promise-v6726-check{display:grid;grid-template-columns:38px 1fr;gap:12px;min-height:94px;padding:15px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.promise-v6726-check>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid rgba(124,255,0,.25);background:rgba(124,255,0,.035);color:var(--green);font-size:10px;font-weight:900}
.promise-v6726-check b{display:block;margin-bottom:4px;color:#fff;font-size:14px}.promise-v6726-check small{display:block;color:rgba(255,255,255,.58);font-size:11.5px;line-height:1.45}
@media(max-width:980px){.promise-v6726-grid{grid-template-columns:1fr;gap:42px}.promise-v6726-visual{min-height:0;padding-bottom:50px}.promise-v6726-mark{right:5%;bottom:0}}
@media(max-width:620px){.promise-v6726{padding:60px 0 58px}.promise-v6726-checks{grid-template-columns:1fr}.promise-v6726-visual{padding-bottom:72px}.promise-v6726-image img{padding:18px;max-height:340px}.promise-v6726-mark{left:10px;right:10px;bottom:0;width:auto}}


.projects-v68{
  position:relative;
  padding:92px 0 86px;
  overflow:hidden;
}
.projects-v68::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 20%,rgba(124,255,0,.055),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent);
}
.projects-v68 .wrap{position:relative;z-index:1}
.projects-v68-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:48px;
  align-items:end;
  margin-bottom:34px;
}
.projects-v68-head .section-title{margin-bottom:0}
.projects-v68-head>p{
  margin:0 0 7px;
  max-width:540px;
  color:rgba(255,255,255,.66);
  font-size:15px;
  line-height:1.65;
}
.projects-v68-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.project-v68{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.project-v68:hover{
  transform:translateY(-4px);
  border-color:rgba(124,255,0,.34);
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 26px rgba(124,255,0,.045);
}
.project-v68-img{
  position:relative;
  height:285px;
  overflow:hidden;
  background:#060806;
}
.project-v68-img::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:38%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.58));
}
.project-v68-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.project-v68:hover .project-v68-img img{transform:scale(1.025)}
.project-v68-tag{
  position:absolute;
  z-index:2;
  left:16px;
  top:16px;
  padding:6px 10px;
  border:1px solid rgba(124,255,0,.28);
  border-radius:999px;
  background:rgba(6,9,6,.76);
  color:var(--green);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.project-v68-copy{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  padding:19px 19px 22px;
}
.project-v68-copy>span{
  color:var(--green);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  padding-top:4px;
}
.project-v68 h3{
  margin:0 0 7px;
  color:#fff;
  font-size:19px;
  line-height:1.18;
}
.project-v68 p{
  margin:0;
  color:rgba(255,255,255,.64);
  font-size:13px;
  line-height:1.55;
}
.projects-v68-footer{
  margin-top:24px;
  padding:20px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.projects-v68-footer>span{color:rgba(255,255,255,.70);font-size:14px}

/* Quality section: make sure only the component image is shown */
.promise-v6726-image img{
  object-fit:cover !important;
  padding:0 !important;
  min-height:330px;
}

/* About: subtly differentiate it from the quality section */
.about-v68 .about-v6721-point b{color:#fff}
.about-v68 .about-v6721-badge{border-color:rgba(124,255,0,.22)}

@media(max-width:900px){
  .projects-v68{padding:74px 0 68px}
  .projects-v68-head{grid-template-columns:1fr;gap:18px}
  .projects-v68-grid{grid-template-columns:1fr}
  .project-v68-img{height:300px}
}
@media(max-width:620px){
  .projects-v68{padding:60px 0 56px}
  .projects-v68-head{margin-bottom:26px}
  .project-v68-grid{gap:16px}
  .project-v68-img{height:235px}
  .projects-v68-footer{align-items:flex-start;flex-direction:column}
  .projects-v68-footer .btn{width:100%;text-align:center}
  .promise-v6726-image img{min-height:220px}
}


.promise-v6726-grid{display:block !important}
.promise-v6726-copy{max-width:1040px;margin:0 auto}
.promise-v6726-copy .section-title{max-width:900px}
.promise-v6726-copy .lead{max-width:860px}

.projects-v68-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}

@media(max-width:900px){
  .projects-v68-grid{grid-template-columns:1fr !important}
}
@media(max-width:620px){
  .promise-v6726{padding-top:58px !important}
}


.project-v68-technical .project-v68-img{
  background:
    radial-gradient(circle at 58% 28%, rgba(124,255,0,.08), transparent 42%),
    #050705;
}
.project-v68-technical .project-v68-img img{
  transform:scale(1.24);
  transform-origin:center bottom;
  object-position:center bottom;
}
.project-v68-technical:hover .project-v68-img img{
  transform:scale(1.265);
}
@media(max-width:900px){
  .project-v68-technical .project-v68-img img{
    transform:scale(1.24);
    transform-origin:center bottom;
  }
  .project-v68-technical:hover .project-v68-img img{
    transform:scale(1.24);
  }
}


.showcase-v683{position:relative;padding:104px 0 94px;overflow:hidden}
.showcase-v683::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 18%,rgba(124,255,0,.045),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.008),transparent 42%)}
.showcase-v683 .wrap{position:relative;z-index:1}
.showcase-v683-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:62px;align-items:end;margin-bottom:42px}
.showcase-v683-head .section-title{margin-bottom:0}
.showcase-v683-head>p{margin:0 0 7px;max-width:560px;color:rgba(255,255,255,.60);font-size:15px;line-height:1.72}
.showcase-v683-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.showcase-v683-card{position:relative;min-height:430px;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:#050705;box-shadow:0 24px 56px rgba(0,0,0,.22);isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.showcase-v683-card:hover{transform:translateY(-5px);border-color:rgba(124,255,0,.28);box-shadow:0 30px 70px rgba(0,0,0,.32),0 0 30px rgba(124,255,0,.035)}
.showcase-v683-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.showcase-v683-card:hover>img{transform:scale(1.025)}
.showcase-v683-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,2,.02) 18%,rgba(2,4,2,.22) 52%,rgba(2,4,2,.94) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 56%);z-index:1}
.showcase-v683-content{position:absolute;z-index:2;left:30px;right:30px;bottom:27px}
.showcase-v683-content>span{display:inline-block;margin-bottom:10px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.14em}
.showcase-v683-content h3{margin:0 0 8px;color:#fff;font-size:25px;line-height:1.12;letter-spacing:-.02em}
.showcase-v683-content p{margin:0;max-width:480px;color:rgba(255,255,255,.70);font-size:13px;line-height:1.58}
.showcase-v683-footer{margin-top:28px;padding:23px 0 0;border-top:1px solid rgba(255,255,255,.085);display:flex;align-items:center;justify-content:space-between;gap:24px}
.showcase-v683-footer>div{display:flex;flex-direction:column;gap:4px}
.showcase-v683-footer b{color:#fff;font-size:14px}
.showcase-v683-footer span{color:rgba(255,255,255,.58);font-size:13px}

@media(max-width:900px){
  .showcase-v683{padding:78px 0 72px}
  .showcase-v683-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
  .showcase-v683-grid{grid-template-columns:1fr}
  .showcase-v683-card{min-height:390px}
}
@media(max-width:620px){
  .showcase-v683{padding:62px 0 58px}
  .showcase-v683-card{min-height:360px;border-radius:20px}
  .showcase-v683-content{left:20px;right:20px;bottom:20px}
  .showcase-v683-content h3{font-size:21px}
  .showcase-v683-footer{align-items:flex-start;flex-direction:column}
  .showcase-v683-footer .btn{width:100%;text-align:center}
}


.cases-v684{
  position:relative;
  padding:104px 0 94px;
  overflow:hidden;
}
.cases-v684::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 12%,rgba(124,255,0,.045),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 44%);
}
.cases-v684 .wrap{position:relative;z-index:1}
.cases-v684-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:62px;
  align-items:end;
  margin-bottom:42px;
}
.cases-v684-head .section-title{margin-bottom:0}
.cases-v684-head>p{
  margin:0 0 7px;
  max-width:570px;
  color:rgba(255,255,255,.62);
  font-size:15px;
  line-height:1.72;
}
.cases-v684-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}
.case-v684{
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.105);
  background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008));
  box-shadow:0 24px 60px rgba(0,0,0,.24);
}
.case-v684-visual,
.case-v684-caravan-grid{
  position:relative;
  overflow:hidden;
  background:#070907;
}
.case-v684-visual{height:430px}
.case-v684-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 48%;
}
.case-v684-label{
  position:absolute;
  left:18px;
  top:18px;
  z-index:3;
  padding:7px 11px;
  border:1px solid rgba(124,255,0,.34);
  border-radius:999px;
  background:rgba(5,8,5,.82);
  backdrop-filter:blur(8px);
  color:var(--green);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}
.case-v684-copy{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:25px 25px 27px;
}
.case-v684-no{
  color:var(--green);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  padding-top:5px;
}
.case-v684 h3{
  margin:0 0 10px;
  color:#fff;
  font-size:24px;
  line-height:1.16;
  letter-spacing:-.02em;
}
.case-v684 p{
  margin:0;
  color:rgba(255,255,255,.67);
  font-size:13px;
  line-height:1.62;
}
.case-v684-sub{
  margin-bottom:10px !important;
  color:rgba(255,255,255,.88) !important;
  font-weight:700;
}
.case-v684-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:20px;
}
.case-v684-steps span{
  display:flex;
  align-items:center;
  min-height:54px;
  padding:10px 11px;
  border:1px solid rgba(124,255,0,.16);
  border-radius:12px;
  background:rgba(124,255,0,.028);
  color:rgba(255,255,255,.73);
  font-size:10.5px;
  line-height:1.35;
}
.case-v684-caravan-grid{
  height:430px;
  display:grid;
  grid-template-columns:1.35fr .65fr;
  grid-template-rows:1fr 1fr;
  gap:7px;
  padding:7px;
}
.case-v684-caravan-main{
  grid-row:1 / span 2;
  overflow:hidden;
  border-radius:16px;
}
.case-v684-caravan-small{
  overflow:hidden;
  border-radius:14px;
}
.case-v684-caravan-grid img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.case-v684-caravan-main img{object-position:center center}
.case-v684-caravan-small img{object-position:center center}
.cases-v684-footer{
  margin-top:28px;
  padding:23px 0 0;
  border-top:1px solid rgba(255,255,255,.085);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.cases-v684-footer>div{display:flex;flex-direction:column;gap:4px}
.cases-v684-footer b{color:#fff;font-size:14px}
.cases-v684-footer span{color:rgba(255,255,255,.58);font-size:13px}

@media(max-width:980px){
  .cases-v684{padding:78px 0 72px}
  .cases-v684-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
  .cases-v684-layout{grid-template-columns:1fr}
}
@media(max-width:620px){
  .cases-v684{padding:62px 0 58px}
  .case-v684{border-radius:20px}
  .case-v684-visual,
  .case-v684-caravan-grid{height:330px}
  .case-v684-copy{grid-template-columns:34px 1fr;padding:20px 18px 22px}
  .case-v684 h3{font-size:20px}
  .case-v684-steps{grid-template-columns:1fr}
  .cases-v684-footer{align-items:flex-start;flex-direction:column}
  .cases-v684-footer .btn{width:100%;text-align:center}
}


.cases-v685{
  position:relative;
  padding:104px 0 94px;
  overflow:hidden;
}
.cases-v685::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 8%,rgba(124,255,0,.045),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 42%);
}
.cases-v685 .wrap{position:relative;z-index:1}
.cases-v685-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:62px;
  align-items:end;
  margin-bottom:42px;
}
.cases-v685-head .section-title{margin-bottom:0}
.cases-v685-head>p{
  margin:0 0 7px;
  max-width:570px;
  color:rgba(255,255,255,.62);
  font-size:15px;
  line-height:1.72;
}
.case-v685{
  overflow:hidden;
  margin-bottom:26px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.105);
  background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008));
  box-shadow:0 24px 60px rgba(0,0,0,.24);
}
.case-v685-gallery{
  position:relative;
  display:grid;
  gap:8px;
  padding:8px;
  height:460px;
  background:#070907;
}
.case-v685-gallery-prototype{
  grid-template-columns:1fr 1fr;
}
.case-v685-gallery-caravan{
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:1fr 1fr;
}
.case-v685-gallery-caravan .case-v685-main{
  grid-row:1 / span 2;
}
.case-v685-img{
  overflow:hidden;
  border-radius:16px;
  background:#090b09;
}
.case-v685-img img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.case-v685-gallery-prototype .case-v685-img:first-child img{
  object-position:center 46%;
}
.case-v685-gallery-prototype .case-v685-img:nth-child(2) img{
  object-position:center center;
}
.case-v685-gallery-caravan .case-v685-img img{
  object-position:center center;
}
.case-v685-label{
  position:absolute;
  z-index:3;
  left:22px;
  top:22px;
  padding:7px 11px;
  border:1px solid rgba(124,255,0,.34);
  border-radius:999px;
  background:rgba(5,8,5,.84);
  backdrop-filter:blur(8px);
  color:var(--green);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}
.case-v685-copy{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:26px 28px 29px;
}
.case-v685-no{
  color:var(--green);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  padding-top:5px;
}
.case-v685 h3{
  margin:0 0 10px;
  color:#fff;
  font-size:25px;
  line-height:1.16;
  letter-spacing:-.02em;
}
.case-v685 p{
  margin:0;
  max-width:960px;
  color:rgba(255,255,255,.67);
  font-size:13px;
  line-height:1.62;
}
.case-v685-sub{
  margin-bottom:10px !important;
  color:rgba(255,255,255,.88) !important;
  font-weight:700;
}
.case-v685-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:20px;
  max-width:760px;
}
.case-v685-steps span{
  display:flex;
  align-items:center;
  min-height:52px;
  padding:10px 11px;
  border:1px solid rgba(124,255,0,.16);
  border-radius:12px;
  background:rgba(124,255,0,.028);
  color:rgba(255,255,255,.73);
  font-size:10.5px;
  line-height:1.35;
}
.cases-v685-footer{
  margin-top:30px;
  padding:23px 0 0;
  border-top:1px solid rgba(255,255,255,.085);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.cases-v685-footer>div{display:flex;flex-direction:column;gap:4px}
.cases-v685-footer b{color:#fff;font-size:14px}
.cases-v685-footer span{color:rgba(255,255,255,.58);font-size:13px}

@media(max-width:980px){
  .cases-v685{padding:78px 0 72px}
  .cases-v685-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
}
@media(max-width:720px){
  .case-v685-gallery{height:auto}
  .case-v685-gallery-prototype{grid-template-columns:1fr}
  .case-v685-gallery-prototype .case-v685-img{height:270px}
  .case-v685-gallery-caravan{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
  }
  .case-v685-gallery-caravan .case-v685-main{
    grid-column:1 / span 2;
    grid-row:auto;
    height:270px;
  }
  .case-v685-gallery-caravan .case-v685-img:not(.case-v685-main){
    height:180px;
  }
  .case-v685-copy{grid-template-columns:34px 1fr;padding:20px 18px 22px}
  .case-v685 h3{font-size:20px}
  .case-v685-steps{grid-template-columns:1fr}
  .cases-v685-footer{align-items:flex-start;flex-direction:column}
  .cases-v685-footer .btn{width:100%;text-align:center}
}


.materials-v69{position:relative;padding:90px 0 86px}
.materials-v69-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:48px;
  align-items:end;
  margin-bottom:34px;
}
.materials-v69-head .section-title{margin-bottom:0}
.materials-v69-head>p{
  margin:0 0 7px;
  color:rgba(255,255,255,.62);
  font-size:14px;
  line-height:1.65;
  max-width:520px;
}
.materials-grid-v69{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.material-card-v69{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:410px;
  width:100%;
  padding:21px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 38%,rgba(124,255,0,.045),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
  box-shadow:0 16px 38px rgba(0,0,0,.16);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.material-card-v69::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--green),rgba(124,255,0,.18),transparent);
}
.material-card-v69:hover,.material-card-v69:focus-visible{
  transform:translateY(-5px);
  border-color:rgba(124,255,0,.42);
  box-shadow:0 22px 48px rgba(0,0,0,.26),0 0 26px rgba(124,255,0,.045);
  outline:none;
}
.material-card-v69-top{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.material-card-v69-kicker{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.46);
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
.material-card-v69 h3{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1;
}
.material-card-v69-open{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border:1px solid rgba(124,255,0,.24);
  border-radius:10px;
  color:var(--green);
  font-size:17px;
  transition:transform .22s ease,background .22s ease;
}
.material-card-v69:hover .material-card-v69-open{transform:translate(2px,-2px);background:rgba(124,255,0,.055)}
.material-spool-v69{
  position:relative;
  display:grid;
  place-items:center;
  height:184px;
  margin:4px 0 4px;
}
.material-spool-v69 svg{display:block;width:100%;height:100%;max-width:245px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.28))}
.spool-shadow-v69{fill:rgba(0,0,0,.34)}
.spool-core-v69{fill:#222824}
.spool-wind-v69{fill:var(--spool-color)}
.spool-rim-v69{fill:#353b37;stroke:rgba(255,255,255,.13);stroke-width:2}
.spool-inner-v69{fill:#111512;stroke:var(--spool-color);stroke-width:3}
.spool-label-v69{fill:#171b18;stroke:rgba(255,255,255,.12);stroke-width:2}
.spool-hole-v69{fill:#050705}
.spool-lines-v69{stroke:rgba(10,12,10,.26);stroke-width:4}
.material-spool-v69>span{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-47%);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}
.material-card-v69>p{
  margin:0 0 15px;
  min-height:45px;
  color:rgba(255,255,255,.69);
  font-size:13px;
  line-height:1.55;
}
.material-tags-v69{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.material-tags-v69 span{
  padding:6px 9px;
  border:1px solid rgba(124,255,0,.22);
  border-radius:999px;
  background:rgba(124,255,0,.035);
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:750;
}
.material-card-v69-more{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
  color:var(--green);
  font-size:11px;
  font-weight:850;
  letter-spacing:.03em;
}
.material-card-v69-more span{display:inline-block;margin-left:4px;transition:transform .2s ease}
.material-card-v69:hover .material-card-v69-more span{transform:translateX(4px)}
.materials-v69-note{margin-top:24px}

/* Modal */
.material-modal-v69{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
}
.material-modal-v69.is-open{opacity:1;visibility:visible;pointer-events:auto}
.material-modal-v69-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
.material-modal-v69-panel{
  position:relative;
  z-index:2;
  width:min(880px,100%);
  max-height:min(86vh,760px);
  overflow:auto;
  padding:34px;
  border:1px solid rgba(124,255,0,.25);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(20,24,21,.98),rgba(5,8,6,.985));
  box-shadow:0 32px 100px rgba(0,0,0,.58),0 0 50px rgba(124,255,0,.045);
}
.material-modal-v69-accent{position:absolute;left:0;top:0;right:0;height:3px;background:var(--modal-color,var(--green))}
.material-modal-v69-close{
  position:absolute;right:18px;top:17px;z-index:3;
  width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;
  background:rgba(255,255,255,.035);color:#fff;font-size:24px;cursor:pointer
}
.material-modal-v69-header{
  display:grid;
  grid-template-columns:1fr 230px;
  gap:26px;
  align-items:center;
  padding-right:34px;
  margin-bottom:30px;
}
.material-modal-v69-kicker,.material-modal-v69-label{
  display:block;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.material-modal-v69-header h3{margin:7px 0 10px;color:#fff;font-size:42px;line-height:1}
.material-modal-v69-header p{margin:0;color:rgba(255,255,255,.67);font-size:14px;line-height:1.65}
.material-modal-v69-header .material-spool-v69{height:150px;margin:0}
.material-modal-v69-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:14px;
  margin-bottom:24px;
}
.material-modal-v69-grid>div{
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
.material-modal-v69-grid ul{margin:12px 0 0;padding:0;list-style:none}
.material-modal-v69-grid li{
  position:relative;margin:0 0 8px;padding-left:14px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.45
}
.material-modal-v69-grid li::before{content:"";position:absolute;left:0;top:.52em;width:5px;height:5px;border-radius:50%;background:var(--green)}
.material-modal-v69-grid p{margin:12px 0 0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.55}
.material-modal-v69-cta{display:inline-flex}

body.material-modal-open{overflow:hidden}

@media(max-width:980px){
  .materials-grid-v69{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .materials-v69{padding:64px 0 60px}
  .materials-v69-head{grid-template-columns:1fr;gap:16px}
  .materials-grid-v69{grid-template-columns:1fr}
  .material-card-v69{min-height:385px}
  .material-modal-v69{padding:12px}
  .material-modal-v69-panel{padding:25px 18px 22px;border-radius:20px}
  .material-modal-v69-header{grid-template-columns:1fr;padding-right:36px}
  .material-modal-v69-header #material-modal-spool{order:-1}
  .material-modal-v69-header .material-spool-v69{height:135px}
  .material-modal-v69-header h3{font-size:34px}
  .material-modal-v69-grid{grid-template-columns:1fr}
  .material-modal-v69-cta{width:100%;justify-content:center;text-align:center}
}


.material-polymaker-v691{
  position:relative;
  height:170px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:10px 0 8px;
}
.material-polymaker-v691 .pm-pack{
  position:relative;
  width:min(250px,92%);
  aspect-ratio: 1.1 / 1;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.02)),
    linear-gradient(145deg, #161a18, #0d100e 58%);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 24px rgba(0,0,0,.3);
  overflow:hidden;
}
.material-polymaker-v691 .pm-pack::before{
  content:"";
  position:absolute; inset:0 auto 0 0;
  width:16%;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.05));
}
.material-polymaker-v691 .pm-pack::after{
  content:"";
  position:absolute; inset:auto 0 0 0;
  height:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}
.material-polymaker-v691 .pm-brand{
  position:absolute;
  top:12px; left:18px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.02em;
}
.material-polymaker-v691 .pm-brand span{color:var(--pm-color)}
.material-polymaker-v691 .pm-series{
  position:absolute;
  top:32px; left:18px;
  color:rgba(255,255,255,.62);
  font-size:10px;
  font-weight:700;
  letter-spacing:.11em;
}
.material-polymaker-v691 .pm-material{
  position:absolute;
  left:18px; bottom:18px;
  color:#fff;
  font-size:26px;
  font-weight:900;
  line-height:1;
}
.material-polymaker-v691 .pm-type{
  position:absolute;
  right:18px; top:14px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  background:rgba(255,255,255,.06);
}
.material-polymaker-v691 .pm-color-block{
  position:absolute;
  right:0; top:0; bottom:0;
  width:26%;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--pm-color) 80%, #ffffff 20%), var(--pm-color));
}
.material-polymaker-v691 .pm-roll{
  position:absolute;
  right:18px; bottom:18px;
  width:78px; height:78px; border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, #151816 0 14px, transparent 15px),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.2) 0 23px, transparent 24px),
    radial-gradient(circle at 50% 50%, var(--pm-color) 0 29px, transparent 30px),
    radial-gradient(circle at 50% 50%, #2f3531 0 38px, transparent 39px),
    radial-gradient(circle at 34% 32%, rgba(255,255,255,.38), rgba(255,255,255,0) 45%);
  box-shadow:0 10px 14px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.12);
}
.material-polymaker-v691 .pm-roll::after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
}


.material-polymaker-photo-v692{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:188px;
  margin:4px 0 6px;
  overflow:hidden;
}
.material-polymaker-photo-v692::before{
  content:"";
  position:absolute;
  width:70%;
  height:34%;
  left:15%;
  bottom:7%;
  border-radius:50%;
  background:rgba(124,255,0,.055);
  filter:blur(24px);
  pointer-events:none;
}
.material-polymaker-photo-v692 img{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:168px;
  max-width:92%;
  object-fit:contain;
  filter:
    drop-shadow(0 16px 18px rgba(0,0,0,.32))
    drop-shadow(0 0 8px rgba(124,255,0,.025));
  transition:transform .26s ease,filter .26s ease;
}
.material-card-v69:hover .material-polymaker-photo-v692 img{
  transform:translateY(-3px) scale(1.025);
  filter:
    drop-shadow(0 18px 20px rgba(0,0,0,.38))
    drop-shadow(0 0 11px rgba(124,255,0,.05));
}
.material-polymaker-photo-v692>span{
  position:absolute;
  z-index:2;
  right:2px;
  bottom:3px;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(4,7,5,.58);
  color:rgba(255,255,255,.48);
  font-size:8px;
  font-weight:700;
  letter-spacing:.04em;
  backdrop-filter:blur(5px);
}
.material-polymaker-photo-v692.modal{
  height:165px;
  margin:0;
}
.material-polymaker-photo-v692.modal img{
  height:150px;
  max-width:100%;
}
.material-polymaker-photo-v692.modal>span{
  right:4px;
  bottom:4px;
}
@media(max-width:720px){
  .material-polymaker-photo-v692{height:174px}
  .material-polymaker-photo-v692 img{height:154px}
}


.materials-v693{position:relative;padding:88px 0 82px}
.materials-v693-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:48px;align-items:end;margin-bottom:32px}
.materials-v693-head .section-title{margin-bottom:0}
.materials-v693-head>p{margin:0 0 7px;max-width:520px;color:rgba(255,255,255,.62);font-size:14px;line-height:1.62}
.materials-grid-v693{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.material-card-v693{position:relative;display:flex;flex-direction:column;width:100%;padding:20px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:radial-gradient(circle at 50% 34%,rgba(124,255,0,.04),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.012));color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;box-shadow:0 14px 34px rgba(0,0,0,.16);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.material-card-v693::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--green),rgba(124,255,0,.18),transparent)}
.material-card-v693:hover,.material-card-v693:focus-visible{transform:translateY(-4px);border-color:rgba(124,255,0,.38);box-shadow:0 20px 42px rgba(0,0,0,.24),0 0 24px rgba(124,255,0,.04);outline:none}
.material-card-v693-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.material-card-v693-kicker{display:block;margin-bottom:4px;color:rgba(255,255,255,.45);font-size:9px;font-weight:800;letter-spacing:.15em}
.material-card-v693 h3{margin:0;color:#fff;font-size:24px;line-height:1}
.material-card-v693-open{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(124,255,0,.24);border-radius:10px;color:var(--green);font-size:17px}
.material-polymaker-photo-v693{position:relative;display:flex;align-items:center;justify-content:center;height:160px;margin:2px 0 6px}
.material-polymaker-photo-v693::before{content:"";position:absolute;width:68%;height:32%;left:16%;bottom:8%;border-radius:50%;background:rgba(124,255,0,.05);filter:blur(22px)}
.material-polymaker-photo-v693 img{position:relative;z-index:1;display:block;width:auto;height:144px;max-width:90%;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.30))}
.material-polymaker-photo-v693>span{position:absolute;z-index:2;right:0;bottom:2px;padding:4px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(4,7,5,.55);color:rgba(255,255,255,.44);font-size:8px;font-weight:700;letter-spacing:.04em}
.material-card-v693-info{display:flex;flex-direction:column;flex:1}
.material-card-v693-info>p{margin:0 0 12px;min-height:42px;color:rgba(255,255,255,.70);font-size:12.5px;line-height:1.5}
.material-tags-v693{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.material-tags-v693 span{padding:5px 8px;border:1px solid rgba(124,255,0,.22);border-radius:999px;background:rgba(124,255,0,.03);color:rgba(255,255,255,.82);font-size:9.5px;font-weight:750}
.material-card-v693-more{margin-top:auto;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);color:var(--green);font-size:11px;font-weight:850}
.material-card-v693-more span{display:inline-block;margin-left:4px}
.materials-v693-note{margin-top:22px}
@media(max-width:980px){.materials-grid-v693{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .materials-v693{padding:62px 0 58px}
  .materials-v693-head{grid-template-columns:1fr;gap:16px;margin-bottom:26px}
  .materials-grid-v693{grid-template-columns:1fr;gap:14px}
  .material-card-v693{padding:18px}
  .material-card-v693 h3{font-size:22px}
  .material-polymaker-photo-v693{height:138px;margin-bottom:6px}
  .material-polymaker-photo-v693 img{height:124px}
  .material-card-v693-info>p{min-height:0;font-size:13px;margin-bottom:12px}
}


/* ---------- V69.4 Material-Infokarte ---------- */
.material-modal-v69{
  padding:28px !important;
}
.material-modal-v69-backdrop{
  background:rgba(0,0,0,.82) !important;
  backdrop-filter:blur(12px) !important;
}
.material-modal-v69-panel{
  width:min(930px,100%) !important;
  max-height:min(88vh,820px) !important;
  padding:0 !important;
  overflow:auto !important;
  border:1px solid rgba(124,255,0,.24) !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 82% 8%,rgba(124,255,0,.08),transparent 27%),
    linear-gradient(145deg,rgba(19,23,20,.995),rgba(5,8,6,.995)) !important;
  box-shadow:
    0 38px 110px rgba(0,0,0,.64),
    0 0 70px rgba(124,255,0,.045) !important;
}
.material-modal-v69-panel::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,var(--modal-color,var(--green)),rgba(124,255,0,.18),transparent);
  z-index:3;
}
.material-modal-v69-close{
  position:sticky !important;
  float:right;
  right:18px !important;
  top:18px !important;
  z-index:10 !important;
  width:42px !important;
  height:42px !important;
  margin:18px 18px -60px 0;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:13px !important;
  background:rgba(8,11,9,.82) !important;
  backdrop-filter:blur(8px);
  color:#fff !important;
  font-size:25px !important;
  cursor:pointer;
}
.material-modal-v69-close:hover{
  border-color:rgba(124,255,0,.34) !important;
  color:var(--green) !important;
}
.material-modal-v69-accent{display:none !important}

.material-modal-v69-header{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 310px !important;
  gap:36px !important;
  align-items:center !important;
  margin:0 !important;
  padding:38px 42px 30px !important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.material-modal-v69-header>div:first-child{
  min-width:0;
}
.material-modal-v69-kicker{
  color:var(--green) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
}
.material-modal-v69-header h3{
  margin:8px 0 12px !important;
  color:#fff !important;
  font-size:46px !important;
  line-height:.98 !important;
  letter-spacing:-.035em;
}
.material-modal-v69-header p{
  margin:0 !important;
  max-width:560px;
  color:rgba(255,255,255,.68) !important;
  font-size:14px !important;
  line-height:1.67 !important;
}
#material-modal-spool{
  min-width:0;
}
.material-modal-v694-product{
  position:relative;
  display:grid;
  place-items:center;
  min-height:220px;
}
.material-modal-v694-product::before{
  content:"";
  position:absolute;
  width:78%;
  height:34%;
  bottom:10%;
  border-radius:50%;
  background:rgba(124,255,0,.055);
  filter:blur(28px);
}
.material-modal-v694-product img{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:205px;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 20px 22px rgba(0,0,0,.38));
}
.material-modal-v694-product span{
  position:absolute;
  z-index:2;
  right:4px;
  bottom:8px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(4,7,5,.68);
  color:rgba(255,255,255,.54);
  font-size:9px;
  font-weight:750;
}

.material-modal-v694-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.material-modal-v694-fact{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(124,255,0,.18);
  border-radius:999px;
  background:rgba(124,255,0,.025);
  color:rgba(255,255,255,.76);
  font-size:10px;
  font-weight:760;
}
.material-modal-v694-fact::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--modal-color,var(--green));
  box-shadow:0 0 10px rgba(124,255,0,.35);
}

.material-modal-v69-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;
  padding:26px 42px 28px !important;
}
.material-modal-v69-grid>div{
  min-height:190px;
  padding:20px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:17px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)) !important;
}
.material-modal-v69-label{
  color:var(--green) !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.15em !important;
}
.material-modal-v69-grid ul{
  margin:15px 0 0 !important;
  padding:0 !important;
}
.material-modal-v69-grid li{
  margin:0 0 11px !important;
  padding-left:18px !important;
  color:rgba(255,255,255,.75) !important;
  font-size:12px !important;
  line-height:1.48 !important;
}
.material-modal-v69-grid li::before{
  width:6px !important;
  height:6px !important;
  top:.48em !important;
  background:var(--modal-color,var(--green)) !important;
}
.material-modal-v69-grid p{
  margin:15px 0 0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:12px !important;
  line-height:1.6 !important;
}
.material-modal-v69-cta{
  display:flex !important;
  width:calc(100% - 84px);
  margin:0 42px 38px !important;
  justify-content:center;
  text-align:center;
}

/* smooth entrance */
.material-modal-v69-panel{
  transform:translateY(14px) scale(.985);
  opacity:0;
  transition:transform .24s ease,opacity .24s ease;
}
.material-modal-v69.is-open .material-modal-v69-panel{
  transform:translateY(0) scale(1);
  opacity:1;
}

@media(max-width:760px){
  .material-modal-v69{padding:10px !important}
  .material-modal-v69-panel{
    max-height:92vh !important;
    border-radius:20px !important;
  }
  .material-modal-v69-close{
    width:40px !important;
    height:40px !important;
    margin:13px 13px -53px 0;
  }
  .material-modal-v69-header{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:26px 20px 22px !important;
  }
  #material-modal-spool{
    order:-1;
  }
  .material-modal-v694-product{
    min-height:150px;
    margin-top:2px;
  }
  .material-modal-v694-product img{
    height:142px;
  }
  .material-modal-v694-product span{
    right:0;
    bottom:0;
  }
  .material-modal-v69-header h3{
    font-size:36px !important;
  }
  .material-modal-v69-header p{
    font-size:13px !important;
    line-height:1.6 !important;
  }
  .material-modal-v694-facts{
    gap:6px;
    margin-top:14px;
  }
  .material-modal-v694-fact{
    font-size:9px;
    padding:5px 8px;
  }
  .material-modal-v69-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:18px 20px 20px !important;
  }
  .material-modal-v69-grid>div{
    min-height:0;
    padding:17px !important;
  }
  .material-modal-v69-cta{
    width:calc(100% - 40px);
    margin:0 20px 22px !important;
  }
}


.contact-v70{
  position:relative;
  padding:108px 0 100px;
  overflow:hidden;
  border-top:1px solid rgba(124,255,0,.07);
}
.contact-v70::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 15%,rgba(124,255,0,.065),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent 42%);
}
.contact-v70 .wrap{position:relative;z-index:1}
.contact-v70-head{
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);
  gap:58px;
  align-items:end;
  margin-bottom:42px;
}
.contact-v70-head .section-title{margin-bottom:0}
.contact-v70-head>p{
  margin:0 0 7px;
  max-width:560px;
  color:rgba(255,255,255,.64);
  font-size:15px;
  line-height:1.7;
}
.contact-v70-layout{
  display:grid;
  grid-template-columns:minmax(285px,.72fr) minmax(0,1.28fr);
  gap:22px;
  align-items:start;
}
.contact-v70-info{
  display:grid;
  gap:12px;
}
.contact-v70-info-card{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:13px;
  min-height:100px;
  padding:18px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.009));
}
.contact-v70-info-no{
  display:grid;
  place-items:center;
  width:36px;height:36px;
  border:1px solid rgba(124,255,0,.22);
  border-radius:11px;
  color:var(--green);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.contact-v70-info-card b{
  display:block;
  margin:2px 0 6px;
  color:#fff;
  font-size:14px;
}
.contact-v70-info-card div>span{
  color:rgba(255,255,255,.59);
  font-size:11.5px;
  line-height:1.5;
}
.contact-v70-note{
  margin-top:4px;
  padding:18px;
  border-left:2px solid var(--green);
  background:linear-gradient(90deg,rgba(124,255,0,.045),transparent 72%);
}
.contact-v70-note strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:13px;
}
.contact-v70-note span{
  color:rgba(255,255,255,.60);
  font-size:11.5px;
  line-height:1.5;
}

.contact-v70-form{
  display:grid;
  gap:14px;
  padding:25px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 0%,rgba(124,255,0,.045),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.contact-v70-honeypot{display:none !important}
.contact-v70-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.contact-v70-field{
  display:grid;
  gap:7px;
}
.contact-v70-field>span{
  color:rgba(255,255,255,.70);
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.contact-v70-field input,
.contact-v70-field select,
.contact-v70-field textarea{
  width:100%;
  min-height:50px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(2,4,3,.52);
  color:#fff;
  font:inherit;
  font-size:13px;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.contact-v70-field textarea{
  resize:vertical;
  min-height:140px;
  line-height:1.55;
}
.contact-v70-field input::placeholder,
.contact-v70-field textarea::placeholder{color:rgba(255,255,255,.31)}
.contact-v70-field input:focus,
.contact-v70-field select:focus,
.contact-v70-field textarea:focus{
  border-color:rgba(124,255,0,.46);
  background:rgba(5,9,6,.72);
  box-shadow:0 0 0 3px rgba(124,255,0,.055);
}
.contact-v70-field select option{background:#101310;color:#fff}
.contact-v70-upload-wrap{display:grid;gap:7px}
.contact-v70-file{
  position:absolute;
  width:1px;height:1px;
  opacity:0;
  pointer-events:none;
}
.contact-v70-upload{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:13px;
  align-items:center;
  min-height:78px;
  padding:15px;
  border:1px dashed rgba(124,255,0,.28);
  border-radius:14px;
  background:rgba(124,255,0,.018);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease;
}
.contact-v70-upload:hover{
  border-color:rgba(124,255,0,.52);
  background:rgba(124,255,0,.035);
}
.contact-v70-upload-icon{
  display:grid;
  place-items:center;
  width:40px;height:40px;
  border:1px solid rgba(124,255,0,.24);
  border-radius:12px;
  color:var(--green);
  font-size:24px;
}
.contact-v70-upload b{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:13px;
}
.contact-v70-upload div>span{
  color:rgba(255,255,255,.48);
  font-size:10px;
}
.contact-v70-upload>strong{
  color:var(--green);
  font-size:10px;
  letter-spacing:.04em;
}
.contact-v70-file-status{
  color:rgba(255,255,255,.42);
  font-size:10px;
}
.contact-v70-consent{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding-top:2px;
  color:rgba(255,255,255,.53);
  font-size:10.5px;
  line-height:1.45;
}
.contact-v70-consent input{
  width:16px;height:16px;
  margin:1px 0 0;
  accent-color:#7cff00;
}
.contact-v70-submit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:2px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.contact-v70-submit b{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:12px;
}
.contact-v70-submit span{
  color:rgba(255,255,255,.48);
  font-size:10px;
}

@media(max-width:920px){
  .contact-v70{padding:82px 0 76px}
  .contact-v70-head{grid-template-columns:1fr;gap:18px}
  .contact-v70-layout{grid-template-columns:1fr}
  .contact-v70-info{grid-template-columns:repeat(3,1fr)}
  .contact-v70-note{grid-column:1/-1}
}
@media(max-width:720px){
  .contact-v70{padding:64px 0 60px}
  .contact-v70-head{margin-bottom:28px}
  .contact-v70-info{grid-template-columns:1fr}
  .contact-v70-note{grid-column:auto}
  .contact-v70-form{padding:18px;border-radius:18px}
  .contact-v70-row{grid-template-columns:1fr}
  .contact-v70-upload{
    grid-template-columns:38px 1fr;
  }
  .contact-v70-upload>strong{
    grid-column:2;
    margin-top:-5px;
  }
  .contact-v70-submit{
    align-items:flex-start;
    flex-direction:column;
  }
  .contact-v70-submit .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}


.contact-v70-consent a{
  color:var(--green);
  text-decoration:none;
  border-bottom:1px solid rgba(124,255,0,.35);
}
.contact-v70-consent a:hover{border-bottom-color:var(--green)}
.contact-v701-upload-note{
  margin:-4px 0 2px;
  color:rgba(255,255,255,.40);
  font-size:9.5px;
  line-height:1.45;
}
.footer-v701{
  border-top:1px solid rgba(255,255,255,.07);
}
.footer-v701-inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:22px;
  align-items:center;
}
.footer-v701-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.footer-v701-links a{
  color:rgba(255,255,255,.56);
  text-decoration:none;
  font-size:11px;
  transition:color .18s ease;
}
.footer-v701-links a:hover{color:var(--green)}
.footer-v701-claim{
  justify-self:end;
  color:var(--green);
  letter-spacing:.08em;
}
@media(max-width:760px){
  .footer-v701-inner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .footer-v701-claim{justify-self:center}
}


/* V70.2 – Badge unter dem Drucker ohne Überdeckung */
.about-v6721-visual{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  min-height:0 !important;
}
.about-v6721-machine{
  width:min(100%,520px) !important;
  flex:0 0 auto;
}
.about-v6721-badge{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:min(100%,520px) !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  flex:0 0 auto;
}
@media(min-width:981px){
  .about-v6721-visual{padding:8px 0 4px !important;}
  .about-v6721-badge{margin-top:4px !important;}
}
@media(max-width:980px){
  .about-v6721-visual{padding-bottom:0 !important;}
  .about-v6721-badge{width:min(100%,560px) !important;}
}
@media(max-width:620px){
  .about-v6721-visual{gap:12px !important;padding-bottom:0 !important;}
  .about-v6721-badge{width:100% !important;}
}


#ueber .about-v6721-point{
  transform:none!important;
  filter:none!important;
  outline:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
#ueber .about-v6721-point:hover,
#ueber .about-v6721-point:focus-within{
  transform:none!important;
  filter:none!important;
  border-color:#7cff00!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 0 0 1px rgba(124,255,0,.14),0 0 0 1px rgba(124,255,0,.03)!important;
}
#ueber .about-v6721-point::before,
#ueber .about-v6721-point::after,
#ueber .about-v6721-point:hover::before,
#ueber .about-v6721-point:hover::after{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  filter:none!important;
}


/* One single hover implementation. No pseudo layers, no image animation. */
.materials-v693 .material-card-v693{
  transform:none!important;
  filter:none!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  box-shadow:0 30px 70px rgba(0,0,0,.28)!important;
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    border-color .32s ease,
    box-shadow .32s ease,
    background .32s ease!important;
  -webkit-backface-visibility:hidden!important;
  backface-visibility:hidden!important;
}

.materials-v693 .material-card-v693::before,
.materials-v693 .material-card-v693::after,
.materials-v693 .material-polymaker-photo-v693::before,
.materials-v693 .material-polymaker-photo-v693::after{
  display:none!important;
  content:none!important;
}

/* Desktop hover: same visual language as "Unsere Leistungen". */
@media (hover:hover) and (pointer:fine){
  .materials-v693 .material-card-v693:hover,
  .materials-v693 .material-card-v693:focus-visible{
    transform:translateY(-5px)!important;
    border-color:rgba(124,255,0,.60)!important;
    background:linear-gradient(180deg,rgba(124,255,0,.075),rgba(255,255,255,.025))!important;
    box-shadow:
      0 26px 70px rgba(0,0,0,.44),
      0 0 30px rgba(124,255,0,.13)!important;
    outline:none!important;
  }

  .materials-v693 .material-card-v693:hover .material-card-v693-open,
  .materials-v693 .material-card-v693:focus-visible .material-card-v693-open{
    border-color:rgba(124,255,0,.72)!important;
    background:rgba(124,255,0,.08)!important;
    color:#7cff00!important;
  }
}

/* All card contents remain perfectly still, preventing the old flash/flicker. */
.materials-v693 .material-card-v693 > *,
.materials-v693 .material-card-v693 img,
.materials-v693 .material-card-v693 .material-tags-v693 span,
.materials-v693 .material-card-v693 .material-card-v693-more,
.materials-v693 .material-card-v693 .material-card-v693-more span,
.materials-v693 .material-card-v693 .material-card-v693-open{
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
.materials-v693 .material-polymaker-photo-v693 img{
  max-width:82%!important;
  max-height:152px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.16))!important;
}
.materials-v693 .material-polymaker-photo-v693{
  background:transparent!important;
  box-shadow:none!important;
}
.materials-v693 .material-card-v693 > *{pointer-events:none!important;}

/* Touch devices: no simulated hover state. */
@media (hover:none){
  .materials-v693 .material-card-v693:hover{
    transform:none!important;
    border-color:rgba(255,255,255,.14)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
    box-shadow:0 30px 70px rgba(0,0,0,.28)!important;
  }
}


.material-info-v7016{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.material-info-v7016.is-open{opacity:1;visibility:visible;pointer-events:auto}
.material-info-v7016-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(10px)}
.material-info-v7016-panel{position:relative;width:min(1080px,calc(100vw - 44px));max-height:calc(100vh - 36px);overflow:hidden;border:1px solid rgba(124,255,0,.34);border-radius:22px;background:radial-gradient(circle at 83% 12%,rgba(124,255,0,.09),transparent 27%),linear-gradient(145deg,#101611 0%,#0a0f0b 56%,#060906 100%);box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 34px rgba(124,255,0,.07)}
.material-info-v7016-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#7cff00,rgba(124,255,0,.58),transparent 82%)}
.material-info-v7016-close{position:absolute;z-index:4;right:14px;top:14px;width:38px;height:38px;border:1px solid rgba(124,255,0,.26);border-radius:11px;background:rgba(8,12,9,.82);color:#fff;font-size:23px;line-height:1;cursor:pointer}
.material-info-v7016-close:hover{color:#7cff00;border-color:#7cff00}
.material-info-v7016-top{display:grid;grid-template-columns:minmax(0,1.55fr) 270px;gap:34px;align-items:center;padding:30px 60px 24px 32px;border-bottom:1px solid rgba(255,255,255,.08)}
.material-info-v7016-copy{position:relative;padding-left:18px;min-width:0}
.material-info-v7016-copy::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:4px;border-radius:9px;background:#7cff00;box-shadow:0 0 14px rgba(124,255,0,.28)}
.material-info-v7016-kicker{margin-bottom:6px;color:#7cff00;font-size:10px;font-weight:900;letter-spacing:.16em}
.material-info-v7016-title{margin:0 0 10px;color:#fff;font-size:48px;font-weight:900;line-height:.95;letter-spacing:-.035em;background:transparent!important}
.material-info-v7016-summary{max-width:650px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;background:transparent!important}
.material-info-v7016-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.material-info-v7016-facts>span{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:5px 11px;border:1px solid rgba(124,255,0,.30);border-radius:999px;background:rgba(124,255,0,.035);color:#f3f6f1;font-size:10px;font-weight:800}
.material-info-v7016-facts>span::before{content:"";width:6px;height:6px;border-radius:50%;background:#7cff00;box-shadow:0 0 8px rgba(124,255,0,.42)}
.material-info-v7016-spool{display:grid;place-items:center;min-height:160px}
.material-info-v7016-product{position:relative;display:grid;place-items:center;width:100%;height:165px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.018)}
.material-info-v7016-product img{display:block;width:auto;height:156px;max-width:94%;object-fit:contain;filter:drop-shadow(0 13px 18px rgba(0,0,0,.28))}
.material-info-v7016-product>span{position:absolute;right:8px;bottom:8px;padding:4px 8px;border:1px solid rgba(124,255,0,.21);border-radius:999px;background:rgba(7,11,8,.78);color:rgba(255,255,255,.72);font-size:8px;font-weight:800}
.material-info-v7016-lower{display:grid;grid-template-columns:1fr 1fr .88fr;gap:13px;padding:18px 24px 22px}
.material-info-v7016-column{min-width:0;min-height:172px;padding:17px 18px 15px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.043),rgba(255,255,255,.014))}
.material-info-v7016-note{border-color:rgba(124,255,0,.22);background:linear-gradient(145deg,rgba(124,255,0,.04),rgba(255,255,255,.012));display:flex;flex-direction:column}
.material-info-v7016-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.material-info-v7016-heading>span{display:grid;place-items:center;width:33px;height:29px;border:1px solid rgba(124,255,0,.32);border-radius:8px;color:#7cff00;background:rgba(124,255,0,.03);font-size:9px;font-weight:900}
.material-info-v7016-heading small{display:block;margin-bottom:3px;color:rgba(124,255,0,.88);font-size:8px;font-weight:900;letter-spacing:.13em}
.material-info-v7016-heading strong{display:block;color:#fff;font-size:14px;line-height:1.1}
.material-info-v7016-list{display:grid;gap:0}
.material-info-v7016-row{position:relative;display:flex;align-items:center;gap:10px;min-height:31px;padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.075);background:transparent!important}
.material-info-v7016-row:last-child{border-bottom:0}
.material-info-v7016-row i{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#7cff00;box-shadow:0 0 7px rgba(124,255,0,.36)}
.material-info-v7016-row span{color:rgba(255,255,255,.84);font-size:11.2px;line-height:1.3;background:transparent!important}
.material-info-v7016-note-text{color:rgba(255,255,255,.82);font-size:11.4px;line-height:1.55;background:transparent!important}
.material-info-v7016-cta{width:100%;margin-top:auto;min-height:43px;padding:11px 13px;border-radius:10px;font-size:9.5px;box-shadow:0 0 20px rgba(124,255,0,.16)}
@media (min-width:761px) and (max-height:720px){
  .material-info-v7016{padding:9px}.material-info-v7016-panel{max-height:calc(100vh - 18px)}
  .material-info-v7016-top{padding:20px 56px 16px 26px;grid-template-columns:minmax(0,1.55fr) 225px;gap:24px}
  .material-info-v7016-title{font-size:39px}.material-info-v7016-summary{font-size:12px;line-height:1.42}.material-info-v7016-facts{margin-top:9px}.material-info-v7016-facts>span{min-height:25px;padding:4px 8px;font-size:9px}
  .material-info-v7016-spool{min-height:126px}.material-info-v7016-product{height:130px}.material-info-v7016-product img{height:123px}
  .material-info-v7016-lower{padding:12px 18px 15px;gap:9px}.material-info-v7016-column{min-height:140px;padding:12px 14px}.material-info-v7016-heading{margin-bottom:7px}.material-info-v7016-heading strong{font-size:12px}
  .material-info-v7016-row{min-height:25px;padding:5px 4px}.material-info-v7016-row span{font-size:9.5px}.material-info-v7016-note-text{font-size:9.6px;line-height:1.38}.material-info-v7016-cta{min-height:35px;padding:8px 10px;font-size:8.3px}
}
@media(max-width:760px){
  .material-info-v7016{padding:8px}.material-info-v7016-panel{width:100%;max-height:94vh;overflow:auto;border-radius:18px}
  .material-info-v7016-top{grid-template-columns:1fr;gap:9px;padding:22px 18px 16px}.material-info-v7016-spool{order:-1;min-height:128px}.material-info-v7016-product{height:130px}.material-info-v7016-product img{height:122px}
  .material-info-v7016-title{font-size:36px}.material-info-v7016-summary{font-size:13px}.material-info-v7016-lower{grid-template-columns:1fr;padding:13px 18px 18px}.material-info-v7016-column{min-height:0}
}


/* Hard reset: remove every dark text/list strip inside the material info. */
#material-modal-v69 .material-info-v7016-copy,
#material-modal-v69 .material-info-v7016-kicker,
#material-modal-v69 .material-info-v7016-title,
#material-modal-v69 .material-info-v7016-summary,
#material-modal-v69 .material-info-v7016-facts,
#material-modal-v69 .material-info-v7016-list,
#material-modal-v69 .material-info-v7016-row,
#material-modal-v69 .material-info-v7016-row span,
#material-modal-v69 .material-info-v7016-heading,
#material-modal-v69 .material-info-v7016-heading div,
#material-modal-v69 .material-info-v7016-heading small,
#material-modal-v69 .material-info-v7016-heading strong,
#material-modal-v69 .material-info-v7016-note-text {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}

/* Remove any old pseudo layers that could sit behind text. */
#material-modal-v69 .material-info-v7016-title::before,
#material-modal-v69 .material-info-v7016-title::after,
#material-modal-v69 .material-info-v7016-summary::before,
#material-modal-v69 .material-info-v7016-summary::after,
#material-modal-v69 .material-info-v7016-facts::before,
#material-modal-v69 .material-info-v7016-facts::after,
#material-modal-v69 .material-info-v7016-list::before,
#material-modal-v69 .material-info-v7016-list::after,
#material-modal-v69 .material-info-v7016-row::before,
#material-modal-v69 .material-info-v7016-row::after,
#material-modal-v69 .material-info-v7016-note-text::before,
#material-modal-v69 .material-info-v7016-note-text::after {
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Keep the RSH visual hierarchy, but make the content more readable. */
#material-modal-v69 .material-info-v7016-title{
  font-size:50px!important;
  line-height:.96!important;
  margin:0 0 9px!important;
  color:#fff!important;
}
#material-modal-v69 .material-info-v7016-summary{
  max-width:690px!important;
  font-size:15px!important;
  line-height:1.52!important;
  color:rgba(255,255,255,.88)!important;
}
#material-modal-v69 .material-info-v7016-facts>span{
  background:rgba(124,255,0,.028)!important;
  border:1px solid rgba(124,255,0,.32)!important;
  color:#f6f8f5!important;
  box-shadow:none!important;
}
#material-modal-v69 .material-info-v7016-column{
  background:linear-gradient(145deg,rgba(255,255,255,.040),rgba(255,255,255,.012))!important;
}
#material-modal-v69 .material-info-v7016-row{
  min-height:32px!important;
  padding:6px 1px!important;
  border-bottom:1px solid rgba(255,255,255,.085)!important;
}
#material-modal-v69 .material-info-v7016-row span{
  font-size:12px!important;
  line-height:1.3!important;
  color:rgba(255,255,255,.90)!important;
}
#material-modal-v69 .material-info-v7016-note-text{
  font-size:12px!important;
  line-height:1.5!important;
  color:rgba(255,255,255,.90)!important;
}
#material-modal-v69 .material-info-v7016-heading strong{
  font-size:14px!important;
  color:#fff!important;
}
#material-modal-v69 .material-info-v7016-heading small{
  color:#7cff00!important;
}

/* Compact enough to remain fully visible on a normal notebook display. */
@media (min-width:761px){
  #material-modal-v69 .material-info-v7016-panel{
    width:min(1040px,calc(100vw - 48px))!important;
    max-height:calc(100vh - 48px)!important;
    overflow:hidden!important;
  }
  #material-modal-v69 .material-info-v7016-top{
    padding:26px 58px 20px 30px!important;
  }
  #material-modal-v69 .material-info-v7016-lower{
    padding:16px 22px 19px!important;
  }
}
@media (min-width:761px) and (max-height:720px){
  #material-modal-v69 .material-info-v7016-title{font-size:40px!important}
  #material-modal-v69 .material-info-v7016-summary{font-size:12.5px!important}
  #material-modal-v69 .material-info-v7016-row span{font-size:10px!important}
  #material-modal-v69 .material-info-v7016-note-text{font-size:10px!important}
}


/* V70.18 – Spule als integriertes RSH-Produktvisual statt separatem Bildkasten */
#material-modal-v69 .material-info-v7016-top{
  grid-template-columns:minmax(0,1.62fr) 250px!important;
  gap:28px!important;
  align-items:center!important;
}
#material-modal-v69 .material-info-v7016-spool{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-height:160px!important;
  overflow:visible!important;
  isolation:isolate!important;
}
#material-modal-v69 .material-info-v7016-spool::before{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  width:190px!important;
  height:190px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(124,255,0,.11) 0%,rgba(124,255,0,.045) 38%,transparent 70%)!important;
  filter:blur(4px)!important;
  pointer-events:none!important;
}
#material-modal-v69 .material-info-v7016-spool::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:168px!important;
  height:146px!important;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)!important;
  background:linear-gradient(145deg,rgba(124,255,0,.055),rgba(124,255,0,.012))!important;
  box-shadow:inset 0 0 0 1px rgba(124,255,0,.16)!important;
  opacity:.9!important;
  pointer-events:none!important;
}
#material-modal-v69 .material-info-v7016-product{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:164px!important;
  min-height:164px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#material-modal-v69 .material-info-v7016-product::before,
#material-modal-v69 .material-info-v7016-product::after{
  display:none!important;
  content:none!important;
}
#material-modal-v69 .material-info-v7016-product img{
  display:block!important;
  width:auto!important;
  height:164px!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.34)) drop-shadow(0 0 9px rgba(124,255,0,.055))!important;
}
/* Das Material steht bereits auf der Spule – keine doppelte Mini-Beschriftung */
#material-modal-v69 .material-info-v7016-product>span{
  display:none!important;
}
/* obere Fläche etwas ruhiger und stärker als eine Einheit lesen */
#material-modal-v69 .material-info-v7016-top{
  background:linear-gradient(90deg,rgba(255,255,255,.012),rgba(124,255,0,.018) 74%,rgba(124,255,0,.035))!important;
}
@media(max-height:760px) and (min-width:761px){
  #material-modal-v69 .material-info-v7016-top{grid-template-columns:minmax(0,1.65fr) 220px!important;gap:20px!important}
  #material-modal-v69 .material-info-v7016-spool{min-height:132px!important}
  #material-modal-v69 .material-info-v7016-spool::before{width:158px!important;height:158px!important}
  #material-modal-v69 .material-info-v7016-spool::after{width:142px!important;height:124px!important}
  #material-modal-v69 .material-info-v7016-product{height:132px!important;min-height:132px!important}
  #material-modal-v69 .material-info-v7016-product img{height:132px!important}
}
@media(max-width:760px){
  #material-modal-v69 .material-info-v7016-top{grid-template-columns:1fr!important;gap:8px!important}
  #material-modal-v69 .material-info-v7016-spool{min-height:140px!important}
  #material-modal-v69 .material-info-v7016-spool::before{width:160px!important;height:160px!important}
  #material-modal-v69 .material-info-v7016-spool::after{width:148px!important;height:128px!important}
  #material-modal-v69 .material-info-v7016-product{height:140px!important;min-height:140px!important}
  #material-modal-v69 .material-info-v7016-product img{height:140px!important}
}


#material-modal-v69 .material-info-v7016-product,
#material-modal-v69 .material-info-v7016-product img{background:transparent!important;}
#material-modal-v69 .material-info-v7016-product img{
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.30)) drop-shadow(0 0 12px rgba(124,255,0,.08))!important;
}
#material-modal-v69 .material-info-v7016-spool::after{
  opacity:.58!important;
  background:linear-gradient(145deg,rgba(124,255,0,.04),rgba(124,255,0,.006))!important;
  box-shadow:inset 0 0 0 1px rgba(124,255,0,.11)!important;
}


#material-modal-v69 .material-info-v7016-panel{background:radial-gradient(circle at 78% 14%,rgba(124,255,0,.10),transparent 24%),linear-gradient(145deg,#0d140f 0%,#09100b 55%,#050805 100%)!important;}
#material-modal-v69 .material-info-v7016-top{grid-template-columns:minmax(0,1.72fr) 230px!important;gap:22px!important;padding:24px 54px 18px 28px!important;background:linear-gradient(90deg,rgba(255,255,255,.01),rgba(124,255,0,.02) 72%,rgba(124,255,0,.03))!important;}
#material-modal-v69 .material-info-v7016-copy{padding-left:16px!important;}
#material-modal-v69 .material-info-v7016-spool{min-height:132px!important;align-self:center!important;}
#material-modal-v69 .material-info-v7016-spool::before{width:150px!important;height:150px!important;filter:blur(2px)!important;background:radial-gradient(circle,rgba(124,255,0,.13) 0%,rgba(124,255,0,.05) 40%,transparent 72%)!important;}
#material-modal-v69 .material-info-v7016-spool::after{display:none!important;}
#material-modal-v69 .material-info-v7016-product{height:126px!important;min-height:126px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 52%,rgba(124,255,0,.045),rgba(124,255,0,.015) 42%,transparent 72%)!important;border:1px solid rgba(124,255,0,.12)!important;border-radius:18px!important;overflow:hidden!important;}
#material-modal-v69 .material-info-v7016-product img{height:122px!important;max-width:92%!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.24)) drop-shadow(0 0 8px rgba(124,255,0,.06))!important;}
#material-modal-v69 .material-info-v7016-title{font-size:54px!important;margin-bottom:8px!important;}
#material-modal-v69 .material-info-v7016-summary{font-size:16px!important;line-height:1.5!important;max-width:700px!important;}
#material-modal-v69 .material-info-v7016-facts{margin-top:14px!important;}
#material-modal-v69 .material-info-v7016-facts>span{padding:6px 13px!important;font-size:11px!important;}
#material-modal-v7016-lower{}
#material-modal-v69 .material-info-v7016-lower{gap:12px!important;padding:16px 20px 20px!important;}
#material-modal-v69 .material-info-v7016-column{min-height:164px!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;border-color:rgba(255,255,255,.14)!important;}
#material-modal-v69 .material-info-v7016-heading strong{font-size:15px!important;}
#material-modal-v69 .material-info-v7016-row{min-height:30px!important;padding:6px 0!important;}
#material-modal-v69 .material-info-v7016-row span{font-size:12px!important;}
#material-modal-v69 .material-info-v7016-note-text{font-size:12px!important;line-height:1.45!important;}
#material-modal-v69 .material-info-v7016-cta{min-height:42px!important;border-radius:12px!important;}
@media (max-width:760px){
  #material-modal-v69 .material-info-v7016-panel{max-height:94vh!important;}
  #material-modal-v69 .material-info-v7016-top{grid-template-columns:1fr!important;padding:16px 16px 14px!important;gap:10px!important;}
  #material-modal-v69 .material-info-v7016-spool{order:-1!important;min-height:116px!important;}
  #material-modal-v69 .material-info-v7016-product{height:112px!important;min-height:112px!important;}
  #material-modal-v69 .material-info-v7016-product img{height:108px!important;}
  #material-modal-v69 .material-info-v7016-title{font-size:42px!important;}
  #material-modal-v69 .material-info-v7016-summary{font-size:13px!important;}
  #material-modal-v69 .material-info-v7016-facts>span{font-size:10px!important;padding:5px 10px!important;}
  #material-modal-v69 .material-info-v7016-lower{grid-template-columns:1fr!important;padding:12px 16px 16px!important;gap:10px!important;}
}


/* Keep all spool assets, only remove the dark image-box styling in the material popup. */
#material-modal-v69 .material-info-v7016-spool{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#material-modal-v69 .material-info-v7016-spool::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:170px!important;
  height:170px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(124,255,0,.10) 0%,rgba(124,255,0,.035) 42%,transparent 72%)!important;
  filter:blur(3px)!important;
  opacity:1!important;
}
#material-modal-v69 .material-info-v7016-spool::after{
  display:none!important;
  content:none!important;
}
#material-modal-v69 .material-info-v7016-product{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
#material-modal-v69 .material-info-v7016-product::before,
#material-modal-v69 .material-info-v7016-product::after{
  display:none!important;
  content:none!important;
}
#material-modal-v69 .material-info-v7016-product img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.28)) drop-shadow(0 0 8px rgba(124,255,0,.06))!important;
}
#material-modal-v69 .material-info-v7016-product>span{display:none!important;}

@media(max-width:760px){
  #material-modal-v69 .material-info-v7016-spool{min-height:118px!important;}
  #material-modal-v69 .material-info-v7016-spool::before{width:132px!important;height:132px!important;}
  #material-modal-v69 .material-info-v7016-product{height:112px!important;min-height:112px!important;}
  #material-modal-v69 .material-info-v7016-product img{height:108px!important;max-width:92%!important;}
}


/* V70.23 MOBILE — mobile-only refinement. Desktop intentionally untouched. */
@media (max-width:760px){
  html{scroll-padding-top:82px}
  .wrap{width:calc(100% - 28px)!important}
  section{padding:38px 0!important}
  .section-kicker{font-size:11px!important;letter-spacing:.18em!important;margin-bottom:10px!important}
  .section-title{font-size:34px!important;line-height:1.08!important;margin-bottom:24px!important;letter-spacing:-.025em!important}
  .lead{font-size:16px!important;line-height:1.58!important}

  /* Header + hero */
  .nav-inner{height:92px!important}
  .brand{gap:10px!important}
  .brand img{width:92px!important;height:92px!important}
  .brand strong{font-size:14px!important}
  .brand span{font-size:13px!important;letter-spacing:.28em!important;margin-top:5px!important}
  .hamb{font-size:34px!important}
  .hero{padding:24px 0 16px!important}
  .hero-grid{gap:12px!important}
  .eyebrow{font-size:11px!important;line-height:1.45!important;margin-bottom:16px!important}
  .headline{font-size:44px!important;line-height:.98!important;margin-bottom:20px!important}
  .hero .lead{font-size:16px!important;line-height:1.55!important;margin-bottom:24px!important}
  .actions{gap:10px!important}
  .btn{padding:16px 18px!important;font-size:12px!important}
  .stage{margin-top:4px!important}
  .printer-card{width:min(305px,86vw)!important;padding:6px!important}

  /* Four benefits: 2x2 instead of four tall rows */
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:16px!important;border-radius:16px!important}
  .trust div{min-height:122px!important;padding:15px 14px!important;border-right:1px solid rgba(124,255,0,.15)!important;border-bottom:1px solid rgba(124,255,0,.15)!important}
  .trust div:nth-child(2n){border-right:0!important}
  .trust div:nth-last-child(-n+2){border-bottom:0!important}
  .trust i{font-size:27px!important;margin-bottom:8px!important}
  .trust b{font-size:12px!important;line-height:1.25!important}
  .trust span{font-size:11px!important;line-height:1.35!important;margin-top:4px!important;display:block}

  .stripe{padding:26px 0!important}
  .stripe small{font-size:10px!important}
  .stripe h2{font-size:25px!important;line-height:1.1!important;margin:8px 0!important}
  .stripe p{font-size:13px!important;line-height:1.45!important}

  /* Services: preserve visual identity, reduce scroll length */
  #leistungen{padding-top:40px!important}
  #leistungen .services{gap:12px!important}
  #leistungen .card{border-radius:18px!important}
  #leistungen .card-img{height:178px!important}
  #leistungen .card-body{padding:16px 17px 15px!important}
  #leistungen .card-body h3{font-size:16px!important;margin-bottom:9px!important}
  #leistungen .card-body p{font-size:13px!important;line-height:1.48!important;margin-bottom:15px!important}
  #leistungen .more{font-size:12px!important}

  /* Materials: slightly tighter, keep current composition */
  .materials-v693{padding:48px 0 46px!important}
  .materials-v693-head{gap:12px!important;margin-bottom:20px!important}
  .materials-v693-head>p{font-size:13px!important;line-height:1.5!important}
  .materials-grid-v693{gap:11px!important}
  .material-card-v693{padding:15px!important;border-radius:18px!important}
  .material-card-v693 h3{font-size:21px!important}
  .material-card-v693-open{width:32px!important;height:32px!important;flex-basis:32px!important}
  .material-polymaker-photo-v693{height:116px!important;margin:0 0 5px!important}
  .material-polymaker-photo-v693 img{height:108px!important;max-height:108px!important}
  .material-card-v693-info>p{font-size:12.5px!important;line-height:1.45!important;margin-bottom:9px!important}
  .material-tags-v693{gap:5px!important;margin-bottom:9px!important}
  .material-tags-v693 span{padding:4px 7px!important;font-size:9px!important}
  .material-card-v693-more{padding-top:9px!important;font-size:10.5px!important}
  .materials-v693-note{margin-top:16px!important;font-size:12px!important;line-height:1.5!important}

  /* Real projects: compact mobile galleries */
  .cases-v685{padding:50px 0 46px!important}
  .cases-v685-head{gap:12px!important;margin-bottom:22px!important}
  .cases-v685-head>p{font-size:13px!important;line-height:1.55!important}
  .case-v685{margin-bottom:16px!important;border-radius:20px!important}
  .case-v685-gallery{padding:6px!important;gap:6px!important}
  .case-v685-gallery-prototype{grid-template-columns:1fr 1fr!important}
  .case-v685-gallery-prototype .case-v685-img{height:190px!important}
  .case-v685-gallery-caravan .case-v685-main{height:220px!important}
  .case-v685-gallery-caravan .case-v685-img:not(.case-v685-main){height:132px!important}
  .case-v685-img{border-radius:13px!important}
  .case-v685-label{left:14px!important;top:14px!important;padding:6px 9px!important;font-size:9px!important}
  .case-v685-copy{grid-template-columns:28px 1fr!important;gap:10px!important;padding:16px 15px 18px!important}
  .case-v685 h3{font-size:19px!important;line-height:1.16!important;margin-bottom:8px!important}
  .case-v685 p{font-size:12.5px!important;line-height:1.55!important}
  .case-v685-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:14px!important}
  .case-v685-steps span{min-height:46px!important;padding:7px!important;font-size:8.5px!important;line-height:1.25!important}
  .cases-v685-footer{margin-top:20px!important;padding-top:17px!important;gap:14px!important}

  /* 5-step process: shorter cards, keep timeline */
  .steps-v6725{padding:48px 0 44px!important}
  .steps-v6725-head{gap:12px!important;margin-bottom:20px!important}
  .steps-v6725-head>p{font-size:13px!important;line-height:1.5!important}
  .steps-v6725-flow{gap:9px!important;padding-left:18px!important}
  .steps-v6725-flow::after{left:5px!important;top:18px!important;bottom:18px!important}
  .step-v6725{padding:13px 13px 14px!important;border-radius:16px!important}
  .step-v6725::before{left:-17px!important;top:22px!important;width:8px!important;height:8px!important}
  .step-v6725-top{margin-bottom:9px!important}
  .step-v6725-icon{width:48px!important;height:48px!important;border-radius:12px!important}
  .step-v6725-icon svg{width:26px!important;height:26px!important}
  .step-v6725-no{font-size:11px!important}
  .step-v6725 h3{font-size:16px!important;margin-bottom:6px!important}
  .step-v6725 p{font-size:12px!important;line-height:1.45!important}
  .steps-v6725-note{margin-top:16px!important;padding-top:14px!important;gap:8px!important;font-size:12px!important}

  /* Promise: 2-column quality checks on mobile */
  .promise-v6726{padding:48px 0 44px!important}
  .promise-v6726-copy .lead{margin-bottom:20px!important}
  .promise-v6726-checks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .promise-v6726-check{padding:12px 10px!important;gap:9px!important;border-radius:14px!important;min-height:92px!important;align-items:flex-start!important}
  .promise-v6726-check>span{width:34px!important;height:34px!important;flex:0 0 34px!important;font-size:10px!important}
  .promise-v6726-check b{font-size:12px!important;line-height:1.25!important;margin-bottom:3px!important}
  .promise-v6726-check small{font-size:10px!important;line-height:1.35!important}

  /* About */
  #ueber{padding:48px 0 44px!important}
  #ueber .about-v6721-copy .lead{font-size:16px!important;line-height:1.58!important;margin-bottom:20px!important}
  #ueber .about-v6721-points{gap:9px!important}
  #ueber .about-v6721-point{padding:15px!important;border-radius:15px!important}
  #ueber .about-v6721-point b{font-size:14px!important;margin-bottom:5px!important}
  #ueber .about-v6721-point span{font-size:12px!important;line-height:1.45!important}
  #ueber .about-v6721-cta{margin-top:14px!important}
  #ueber .about-v6721-visual{margin-top:24px!important}
  #ueber .about-v6721-machine img{max-height:330px!important;object-fit:contain!important}
  #ueber .about-v6721-badge{padding:14px!important}

  /* Contact */
  .contact-v70{padding:48px 0 42px!important}
  .contact-v70-head{gap:10px!important;margin-bottom:20px!important}
  .contact-v70-head>p{font-size:13px!important;line-height:1.5!important}
  .contact-v70-info{gap:9px!important}
  .contact-v70-info-card{padding:14px!important;min-height:0!important;border-radius:15px!important}
  .contact-v70-info-card b{font-size:14px!important}
  .contact-v70-info-card div>span{font-size:11.5px!important;line-height:1.4!important}
  .contact-v70-note{padding:14px!important}
  .contact-v70-form{padding:15px!important;gap:10px!important;border-radius:17px!important}
  .contact-v70-field{gap:6px!important}
  .contact-v70-field>span{font-size:10px!important}
  .contact-v70-field input,.contact-v70-field select{min-height:52px!important;padding:12px 13px!important}
  .contact-v70-field textarea{min-height:116px!important;padding:12px 13px!important}
  .contact-v70-upload{min-height:68px!important;padding:12px!important;gap:10px!important}
  .contact-v70-upload-icon{width:36px!important;height:36px!important;font-size:21px!important}
  .contact-v70-consent{font-size:10px!important}
  .contact-v701-upload-note{font-size:9px!important}
  .contact-v70-submit{padding-top:14px!important;gap:12px!important}

  /* Material popup: compact, no long mobile scroll */
  #material-modal-v69.material-info-v7016{padding:7px!important}
  #material-modal-v69 .material-info-v7016-panel{width:100%!important;max-height:calc(100dvh - 14px)!important;overflow:auto!important;border-radius:18px!important}
  #material-modal-v69 .material-info-v7016-top{grid-template-columns:minmax(0,1fr) 104px!important;gap:10px!important;padding:18px 16px 14px!important;align-items:center!important}
  #material-modal-v69 .material-info-v7016-copy{padding-left:13px!important}
  #material-modal-v69 .material-info-v7016-kicker{font-size:9px!important;margin-bottom:4px!important}
  #material-modal-v69 .material-info-v7016-title{font-size:34px!important;margin-bottom:6px!important}
  #material-modal-v69 .material-info-v7016-summary{font-size:11.5px!important;line-height:1.42!important}
  #material-modal-v69 .material-info-v7016-facts{gap:5px!important;margin-top:9px!important}
  #material-modal-v69 .material-info-v7016-facts>span{min-height:24px!important;padding:4px 7px!important;font-size:8.5px!important}
  #material-modal-v69 .material-info-v7016-spool{order:0!important;min-height:100px!important}
  #material-modal-v69 .material-info-v7016-product{height:100px!important;min-height:100px!important;border:0!important;background:transparent!important}
  #material-modal-v69 .material-info-v7016-product img{height:96px!important;max-width:100%!important}
  #material-modal-v69 .material-info-v7016-close{right:10px!important;top:10px!important;width:34px!important;height:34px!important;font-size:20px!important}
  #material-modal-v69 .material-info-v7016-lower{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 12px 12px!important}
  #material-modal-v69 .material-info-v7016-column{min-height:0!important;padding:11px!important;border-radius:14px!important}
  #material-modal-v69 .material-info-v7016-note{grid-column:1/-1!important}
  #material-modal-v69 .material-info-v7016-heading{gap:7px!important;margin-bottom:8px!important}
  #material-modal-v69 .material-info-v7016-heading>span{width:28px!important;height:26px!important;font-size:8px!important}
  #material-modal-v69 .material-info-v7016-heading small{font-size:7px!important}
  #material-modal-v69 .material-info-v7016-heading strong{font-size:12px!important}
  #material-modal-v69 .material-info-v7016-row{min-height:25px!important;padding:4px 0!important;gap:7px!important}
  #material-modal-v69 .material-info-v7016-row span{font-size:9.5px!important;line-height:1.25!important}
  #material-modal-v69 .material-info-v7016-row i{width:5px!important;height:5px!important;flex-basis:5px!important}
  #material-modal-v69 .material-info-v7016-note-text{font-size:10px!important;line-height:1.4!important;margin-bottom:8px!important}
  #material-modal-v69 .material-info-v7016-cta{min-height:38px!important;padding:9px 10px!important;font-size:8.5px!important}

  .footer-v701{padding:28px 0 32px!important}
  .footer-v701-inner{gap:14px!important}
}


/* V70.24 – kleine RSH-UI-Felder als Hexagone statt abgerundete Rechtecke */
:root{--rsh-hex:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}

/* Prozess-Icons */
.step-v6725-icon{
  border:0!important;
  border-radius:0!important;
  clip-path:var(--rsh-hex)!important;
  background:rgba(124,255,0,.045)!important;
  filter:drop-shadow(0 0 .7px rgba(124,255,0,.95)) drop-shadow(0 0 10px rgba(124,255,0,.08))!important;
}

/* Qualitätsversprechen: 01–06 */
.promise-v6726-check>span{
  border:0!important;
  border-radius:0!important;
  clip-path:var(--rsh-hex)!important;
  background:rgba(124,255,0,.045)!important;
  filter:drop-shadow(0 0 .7px rgba(124,255,0,.95)) drop-shadow(0 0 8px rgba(124,255,0,.07))!important;
}

/* Kontakt-Infokarten: 01–03 */
.contact-v70-info-no{
  border:0!important;
  border-radius:0!important;
  clip-path:var(--rsh-hex)!important;
  background:rgba(124,255,0,.045)!important;
  filter:drop-shadow(0 0 .7px rgba(124,255,0,.95)) drop-shadow(0 0 8px rgba(124,255,0,.07))!important;
}

/* Datei-Upload Plus */
.contact-v70-upload-icon{
  border:0!important;
  border-radius:0!important;
  clip-path:var(--rsh-hex)!important;
  background:rgba(124,255,0,.045)!important;
  filter:drop-shadow(0 0 .7px rgba(124,255,0,.95)) drop-shadow(0 0 8px rgba(124,255,0,.07))!important;
}

/* Materialinfo: 01 / 02 / ! */
#material-modal-v69 .material-info-v7016-heading>span{
  border:0!important;
  border-radius:0!important;
  clip-path:var(--rsh-hex)!important;
  background:rgba(124,255,0,.045)!important;
  filter:drop-shadow(0 0 .7px rgba(124,255,0,.95)) drop-shadow(0 0 8px rgba(124,255,0,.07))!important;
}

/* Materialkarten: Pfeil-Button ebenfalls im gleichen Formenvokabular */
.material-card-v693-open{
  border:0!important;
  border-radius:0!important;
  clip-path:var(--rsh-hex)!important;
  background:rgba(124,255,0,.045)!important;
  filter:drop-shadow(0 0 .7px rgba(124,255,0,.95)) drop-shadow(0 0 8px rgba(124,255,0,.07))!important;
}

/* Material-Popup schließen: Hexagon, aber gut tappbar */
#material-modal-v69 .material-info-v7016-close{
  border:0!important;
  border-radius:0!important;
  clip-path:var(--rsh-hex)!important;
  background:rgba(8,12,9,.92)!important;
  filter:drop-shadow(0 0 .7px rgba(124,255,0,.95)) drop-shadow(0 0 9px rgba(124,255,0,.08))!important;
}

/* Desktop: minimal größer, damit die Form klar lesbar bleibt */
@media(min-width:761px){
  .step-v6725-icon{width:46px!important;height:46px!important}
  .promise-v6726-check>span{width:36px!important;height:36px!important}
  .contact-v70-info-no{width:38px!important;height:38px!important}
  .contact-v70-upload-icon{width:42px!important;height:42px!important}
  #material-modal-v69 .material-info-v7016-heading>span{width:34px!important;height:32px!important}
}

/* Mobile: konsistente Hexagone und ausreichende Touch-Flächen */
@media(max-width:760px){
  .step-v6725-icon{width:50px!important;height:50px!important}
  .promise-v6726-check>span{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .contact-v70-info-no{width:38px!important;height:38px!important}
  .contact-v70-upload-icon{width:40px!important;height:40px!important}
  #material-modal-v69 .material-info-v7016-heading>span{width:40px!important;height:36px!important;flex:0 0 40px!important}
  .material-card-v693-open{width:48px!important;height:48px!important}
  #material-modal-v69 .material-info-v7016-close{width:50px!important;height:50px!important}
}


.contact-v7026-link-field{position:relative}
.contact-v7026-link-field>span em{font-style:normal;color:rgba(255,255,255,.38);font-weight:700;text-transform:none;letter-spacing:0;margin-left:5px}
.contact-v7026-link-field small{margin-top:-1px;color:rgba(255,255,255,.40);font-size:9.5px;line-height:1.45}
.contact-v70-field input:hover,.contact-v70-field select:hover,.contact-v70-field textarea:hover{border-color:rgba(124,255,0,.22)}
.contact-v70-field input:focus-visible,.contact-v70-field select:focus-visible,.contact-v70-field textarea:focus-visible{border-color:rgba(124,255,0,.62)!important;box-shadow:0 0 0 3px rgba(124,255,0,.07),0 0 24px rgba(124,255,0,.04)!important}
.contact-v70-form.was-validated .contact-v70-field input:invalid,.contact-v70-form.was-validated .contact-v70-field select:invalid,.contact-v70-form.was-validated .contact-v70-field textarea:invalid{border-color:rgba(255,110,90,.55)!important;box-shadow:0 0 0 3px rgba(255,110,90,.05)!important}
.contact-v7026-file-error{display:none;color:#ff9c8e;font-size:10px;font-weight:750;line-height:1.45}
.contact-v7026-file-error.is-visible{display:block}
.contact-v70-upload.is-file-selected{border-style:solid;border-color:rgba(124,255,0,.44);background:rgba(124,255,0,.035)}
.contact-v70-upload.is-file-error{border-color:rgba(255,110,90,.48);background:rgba(255,110,90,.025)}
.contact-v70-file-status.is-selected{color:rgba(255,255,255,.72)}
.contact-v70-submit .btn[disabled]{opacity:.64;cursor:wait;filter:saturate(.65)}
.contact-v7026-prefill{display:none;align-items:center;gap:8px;margin:-2px 0 2px;padding:9px 11px;border:1px solid rgba(124,255,0,.20);border-radius:10px;background:rgba(124,255,0,.025);color:rgba(255,255,255,.66);font-size:10px}
.contact-v7026-prefill.is-visible{display:flex}
.contact-v7026-prefill b{color:var(--green);font-size:10px}
@media(max-width:720px){
  .contact-v7026-link-field small{font-size:9px}
  .contact-v7026-prefill{font-size:9.5px;padding:8px 10px}
}


.contact-v7027-link-after-upload{margin-top:2px;padding:13px 14px 12px;border:1px solid rgba(124,255,0,.16);border-radius:14px;background:linear-gradient(145deg,rgba(124,255,0,.028),rgba(255,255,255,.012))}
.contact-v7027-link-after-upload>span{color:rgba(255,255,255,.88)!important}
.contact-v7027-link-after-upload input{margin-top:2px}
.contact-v7027-link-after-upload small{display:block;margin-top:6px!important}
@media(max-width:720px){.contact-v7027-link-after-upload{padding:12px;border-radius:13px}.contact-v7027-link-after-upload small{font-size:9.2px!important}}


/* V70.30: mobile navigation stacking and visibility repair */
@media (max-width:900px) {
 html body header { position:relative !important; z-index:99990 !important; overflow:visible !important; isolation:auto !important; }
 html body header .wrap { overflow:visible !important; }
 html body header .hamb { position:relative !important; z-index:99993 !important; }
 html body header .links.open {
   display:flex !important; visibility:visible !important; opacity:1 !important;
   position:absolute !important; top:calc(100% - 1px) !important;
   left:16px !important; right:16px !important; width:auto !important;
   height:auto !important; max-height:calc(100dvh - 120px) !important; overflow-y:auto !important;
   flex-direction:column !important; align-items:stretch !important;
   z-index:99992 !important; transform:none !important; clip-path:none !important;
   background:#060b06 !important; border:1px solid rgba(124,255,0,.42) !important;
   border-radius:14px !important; padding:12px !important;
   box-shadow:0 22px 60px rgba(0,0,0,.92) !important;
 }
 html body header .links.open a {display:block !important; visibility:visible !important; opacity:1 !important; color:#fff !important; padding:15px 18px !important; font-size:14px !important; line-height:1.4 !important;}
 html body header .links.open a.cta {color:#061005 !important; text-align:center !important;}
}


/* V70.32 – Referenzen: erweiterbare Projektinformationen */
#referenzen .rsh-project-status{display:inline-flex;align-items:center;border:1px solid rgba(133,255,35,.35);border-radius:999px;padding:7px 12px;color:#a5ff69;background:rgba(70,130,20,.12);font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:0 0 15px}
#referenzen .rsh-project-details{margin-top:22px;border:1px solid rgba(143,255,74,.30);border-radius:13px;background:rgba(8,17,10,.72);overflow:hidden}
#referenzen .rsh-project-details summary{cursor:pointer;padding:17px 20px;color:#a5ff69;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}
#referenzen .rsh-project-details summary::-webkit-details-marker{display:none}
#referenzen .rsh-project-details summary::after{content:'+';font-size:1.4rem;line-height:1}
#referenzen .rsh-project-details[open] summary::after{content:'−'}
#referenzen .rsh-project-details summary:focus-visible{outline:2px solid #8dff32;outline-offset:-3px}
#referenzen .rsh-project-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 20px 20px}
#referenzen .rsh-project-detail-grid>div{border-top:1px solid rgba(143,255,74,.22);padding-top:14px;min-width:0}
#referenzen .rsh-project-detail-grid strong{display:block;color:#fff;font-size:.86rem;margin-bottom:8px}
#referenzen .rsh-project-detail-grid p{margin:0;color:#c7d1c6;font-size:.87rem;line-height:1.6}
@media(max-width:700px){#referenzen .rsh-project-detail-grid{grid-template-columns:1fr;gap:12px}#referenzen .rsh-project-details summary{padding:16px}}


/* V70.33 – Projektstatus und zugängliche Fotogalerie */
#referenzen .rsh-project-status{display:inline-flex!important;max-width:100%;width:fit-content;align-items:center;white-space:normal;font-size:clamp(.7rem,2.7vw,.84rem);line-height:1.3;padding:8px 13px;letter-spacing:.045em}
#referenzen .case-v685-img[data-project-photo]{cursor:zoom-in;position:relative}
#referenzen .case-v685-img[data-project-photo]:focus-visible{outline:3px solid #8dff32;outline-offset:3px}
#referenzen .case-v685-img[data-project-photo]::after{content:'⌕';position:absolute;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(141,255,50,.65);border-radius:50%;background:rgba(0,0,0,.72);color:#a5ff69;font-size:24px;pointer-events:none}
.rsh-lightbox{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;flex-direction:column;padding:64px 20px 72px;box-sizing:border-box}
.rsh-lightbox.is-open{display:flex}
.rsh-lightbox img{max-width:100%;max-height:calc(100dvh - 155px);object-fit:contain;border-radius:8px}
.rsh-lightbox-caption{color:#e4e4e4;text-align:center;margin-top:12px;font-size:14px}
.rsh-lightbox button{cursor:pointer;border:1px solid rgba(141,255,50,.5);background:#101710;color:white;border-radius:12px;min-width:44px;min-height:44px;font-size:24px}
.rsh-lightbox-close{position:absolute;right:18px;top:16px}
.rsh-lightbox-controls{display:flex;gap:18px;position:absolute;bottom:15px;align-items:center;color:white}
.rsh-lightbox button:focus-visible{outline:3px solid #8dff32}


/* Ensure legible dark text and arrow on neon-green submit button */
#contact-submit-v7026, #contact-submit-v7026 span { color:#000 !important; -webkit-text-fill-color:#000 !important; text-shadow:none !important; }