:root{--navy:#07121d;--navy2:#0d1b29;--blue:#1097ff;--ink:#102238;--muted:#5e7184;--line:#dce5ed;--light:#f4f7fa;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),92vw);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,18,29,.97);border-bottom:1px solid #ffffff14}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand img{width:280px;height:60px;object-fit:cover}.navlinks{margin-left:auto;display:flex;align-items:center;gap:26px;color:#fff}.navlinks a:hover{color:var(--blue)}.mobile-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:700;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#1097ff,#087bd4);color:#fff}.btn-ghost{border-color:#6d8295;color:#fff}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#07121d,#0d1b29);color:#fff}.hero:after{content:'';position:absolute;inset:0 0 0 48%;background:url('hero-cnc-v4.jpg') center/cover no-repeat;opacity:.72;mask-image:linear-gradient(90deg,transparent,#000 28%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;min-height:590px;align-items:center}.hero-copy{padding:70px 0}.kicker,.eyebrow{letter-spacing:.23em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--blue)}.hero h1{font-size:clamp(52px,6vw,86px);line-height:.98;margin:14px 0 18px}.hero h1 span{color:var(--blue)}.hero h2{font-size:clamp(25px,3vw,34px);margin:0 0 18px}.hero p{font-size:19px;color:#c9d4de;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-note{justify-self:end;align-self:end;margin-bottom:55px;padding-left:16px;border-left:3px solid var(--blue);font-size:18px}.section,.content{padding:82px 0}.section h2,.dark h2,.contactbar h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:10px 0 18px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 10px 30px #162d4410}.card h3{margin:8px 0}.card p,.content p{color:var(--muted)}.num{color:var(--blue);font-weight:800;letter-spacing:.12em}.dark{padding:82px 0;background:linear-gradient(135deg,#07121d,#0e1e2d);color:#fff}.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}.portrait{border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0006}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 28%}.portrait .cap{padding:12px 15px;background:#0b1926;color:#fff;font-weight:700}.dark p{color:#c4d0db}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.check{padding:13px 14px;border:1px solid #29435b;border-radius:12px}.contactbar{padding:50px 0;background:#edf5fb}.contactrow{display:flex;justify-content:space-between;align-items:center;gap:28px}.pagehero{background:linear-gradient(135deg,#07121d,#102334);color:#fff;padding:68px 0}.pagehero h1{font-size:clamp(42px,5vw,64px);margin:10px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px}.contact-card{border:1px solid var(--line);border-radius:18px;padding:27px}.about-inline{display:grid;grid-template-columns:340px 1fr;gap:34px}.about-inline img{border-radius:18px;aspect-ratio:4/5;object-fit:cover;object-position:center 28%}label{display:block;font-weight:700;margin:13px 0 7px}input,textarea{width:100%;padding:13px;border:1px solid #cdd8e2;border-radius:10px}textarea{min-height:150px}.footer{background:#06101a;color:#9fb0bf;padding:32px 0}.footergrid{display:grid;grid-template-columns:1.35fr .65fr;gap:30px}.footer a{color:#d8e8f5}
@media(max-width:1050px){.brand img{width:235px;height:52px}.navlinks{gap:18px}.services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nav{min-height:74px}.brand img{width:220px;height:48px}.mobile-toggle{display:block}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#07121d;padding:20px 4vw 24px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.navlinks .btn{width:100%}.hero:after{inset:46% 0 0 0;mask-image:linear-gradient(#0000,#000 18%)}.hero-grid{grid-template-columns:1fr;min-height:760px}.hero-copy{padding:58px 0 20px}.hero-note{justify-self:start;margin-bottom:32px}.about-grid,.grid2,.footergrid,.about-inline{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.contactrow{flex-direction:column;align-items:flex-start}.about-inline img{max-width:420px}}
@media(max-width:600px){.container{width:94vw}.brand img{width:190px;height:44px}.hero-grid{min-height:700px}.hero h1{font-size:48px}.hero h2{font-size:24px}.hero p{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.section,.dark,.content{padding:58px 0}.services{grid-template-columns:1fr}.contactrow .btn{width:100%}}
@media(max-width:390px){.brand img{width:168px;height:40px}.hero h1{font-size:42px}.hero h2{font-size:22px}}


/* ===== CLICI Update September 2026 ===== */

/* Stronger contrast for competence cards */
.check{
  background:#f7fbff !important;
  color:#102238 !important;
  border:1px solid #b8cde0 !important;
  font-weight:700;
  box-shadow:0 8px 22px rgba(0,0,0,.08);
}

/* Slightly smaller portrait so experience text gets more room */
.about-grid{
  grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr) !important;
  gap:48px !important;
}
.portrait{
  max-width:390px;
  width:100%;
  justify-self:start;
}
.about-copy p{
  max-width:780px;
}
.experience-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:20px 0 4px;
}
.experience-tag{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(16,151,255,.12);
  border:1px solid rgba(16,151,255,.36);
  color:#dff1ff;
  font-size:14px;
  font-weight:700;
}
.about-detail{
  margin-top:18px;
  color:#c4d0db;
}

/* File upload */
.file-upload{
  margin-top:16px;
  padding:18px;
  border:1px dashed #8aa9c2;
  border-radius:14px;
  background:#f7fbff;
}
.file-upload input[type=file]{
  margin-top:9px;
  padding:10px;
  background:#fff;
}
.upload-help{
  display:block;
  margin-top:8px;
  font-size:13px;
  color:#657b8e;
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.notice{
  padding:14px 16px;
  border-radius:12px;
  background:#eef7ff;
  border:1px solid #c9e4f8;
  color:#23425b;
  margin-bottom:18px;
}
.hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* Better mobile footer wrapping */
.footergrid,.footergrid div{min-width:0}
.footer a{overflow-wrap:anywhere}
.footer{overflow:hidden}

@media(max-width:820px){
  .about-grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .portrait{
    max-width:300px;
    justify-self:center;
  }
  .about-copy{text-align:left}
}

@media(max-width:600px){
  .checks{gap:10px}
  .check{
    padding:15px 16px !important;
    font-size:16px;
    line-height:1.35;
  }
  .form-row{grid-template-columns:1fr}
  .portrait{max-width:245px}
  .dark p{font-size:16px}
  .experience-tag{font-size:13px}
  .footergrid{gap:20px}
}


/* FINAL MOBILE / ACCESSIBILITY OVERRIDES */
.check, .dark .check, .dark-section .check {
  color:#102238 !important;
  background:#f7fbff !important;
  border:1px solid #9fb8cc !important;
  font-weight:700 !important;
  opacity:1 !important;
}
.experience-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:20px 0 8px !important;
}
.experience-tag{
  display:inline-flex !important;
  width:auto !important;
  color:#ffffff !important;
  background:#12324d !important;
  border:1px solid #278fdc !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}
.footer-grid > div, .footergrid > div{overflow-wrap:anywhere;word-break:normal}
@media(max-width:600px){
  .check,.dark .check,.dark-section .check{
    color:#102238 !important;
    font-size:16px !important;
    min-height:auto !important;
  }
  .experience-tags{gap:8px !important}
  .experience-tag{font-size:13px !important;padding:7px 10px !important}
  .footer-grid,.footergrid{grid-template-columns:1fr !important}
  .footer-grid > div,.footergrid > div{line-height:1.75}
}

/* ===== v5: Service icon cards ===== */
.service-card .num{
  display:none !important;
}
.service-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  background:#eaf5ff;
  border:1px solid #c9e6fb;
}
.service-icon svg{
  width:28px;
  height:28px;
  stroke:#108ff0;
  stroke-width:1.9;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-card{
  position:relative;
}
@media(max-width:600px){
  .service-icon{
    width:44px;
    height:44px;
    border-radius:12px;
    margin-bottom:12px;
  }
  .service-icon svg{
    width:25px;
    height:25px;
  }
}

/* v6 definitive service icons */
.service-card .num{display:none!important}
.service-icon{
  width:50px!important;height:50px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0 0 14px 0!important;border-radius:14px!important;
  background:#eaf5ff!important;border:1px solid #c8e5fb!important;
}
.service-icon svg{
  display:block!important;width:28px!important;height:28px!important;
  stroke:#1097ff!important;stroke-width:1.9!important;fill:none!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}

/* v10: saubere Dienstleistungs-Ausrichtung */
.content .grid2 > div{
  min-width:0;
  align-self:start;
}
.content .grid2 h2{
  margin-top:0;
}
@media(max-width:820px){
  .content .grid2{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
  .content .grid2 > div{
    width:100%;
  }
}


/* v11 – CLICI Wortmarke im Hero */
.hero-wordmark{
  margin:18px 0 22px;
  max-width:590px;
}
.hero-wordmark img{
  display:block;
  width:100%;
  height:auto;
  border-radius:4px;
}
.service-link{
  color:var(--blue);
  font-weight:700;
  font-size:14px;
}

/* Mehr Platz für zusätzlichen Navigationspunkt */
.navlinks{
  gap:18px;
}
.navlinks > a:not(.btn){
  white-space:nowrap;
}

/* 3D-Messtechnik */
.measure-hero{
  position:relative;
  overflow:hidden;
  padding:90px 0;
  color:#fff;
  background:
    radial-gradient(circle at 80% 30%,rgba(16,151,255,.16),transparent 32%),
    linear-gradient(135deg,#07121d,#0d1b29);
}
.measure-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:56px;
  align-items:center;
}
.measure-hero h1{
  font-size:clamp(42px,5vw,72px);
  line-height:1.03;
  margin:14px 0 22px;
}
.lead{
  max-width:760px;
  font-size:20px;
  line-height:1.65;
  color:#c9d4de;
}
.measure-panel{
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  padding:36px;
  background:rgba(255,255,255,.055);
  box-shadow:0 24px 60px rgba(0,0,0,.24);
}
.measure-panel h2{
  margin:12px 0;
  font-size:30px;
}
.measure-panel p{
  color:#c9d4de;
}
.measure-mark{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#1097ff,#087bd4);
  font-size:24px;
  font-weight:900;
  letter-spacing:.08em;
}
.measure-services .service-card{
  height:100%;
}
.measure-copy{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:56px;
  align-items:start;
}
.measure-bullets p{
  margin:0 0 14px;
  color:#d9e2ea;
  font-size:18px;
}
.measure-note{
  max-width:980px;
}
.measure-note p{
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}

@media(max-width:1050px){
  .navlinks{gap:13px;font-size:14px}
}
@media(max-width:820px){
  .hero-wordmark{
    max-width:100%;
    margin:18px 0 20px;
  }
  .measure-hero{
    padding:64px 0;
  }
  .measure-hero-grid,
  .measure-copy{
    grid-template-columns:1fr;
    gap:30px;
  }
  .measure-panel{
    padding:26px;
  }
}

/* v12 Prototypen & Kleinserien */
.proto-home{padding:76px 0;background:linear-gradient(135deg,#f5f9fc,#eaf4fb)}
.proto-home-grid,.proto-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.proto-home h2{font-size:clamp(32px,4vw,52px);color:#102139;margin:10px 0 18px}
.proto-home p{color:#64758a;font-size:18px;line-height:1.7}
.proto-facts{display:grid;gap:12px}.proto-facts div{display:flex;align-items:center;gap:20px;padding:20px 22px;border:1px solid #dce8f1;border-radius:16px;background:#fff}
.proto-facts strong{min-width:90px;color:#0c8ff5;font-size:25px}.proto-facts span{color:#102139;font-weight:700}
.proto-hero{padding:90px 0;color:#fff;background:radial-gradient(circle at 82% 25%,rgba(16,151,255,.18),transparent 34%),linear-gradient(135deg,#07121d,#0c1d2c)}
.proto-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.03;margin:14px 0 22px}
.proto-panel{padding:36px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.055)}
.proto-number{display:inline-block;padding:12px 18px;border-radius:14px;background:#0c8ff5;font-size:28px;font-weight:900}
.proto-panel h2{margin:18px 0 12px;font-size:30px}.proto-panel p{color:#c9d4de;line-height:1.65}
.proto-steps p{display:flex;gap:18px;margin:0;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#d9e2ea}.proto-steps strong{color:#0c8ff5}
@media(max-width:1180px){.navlinks{gap:9px;font-size:12px}}
@media(max-width:820px){.proto-home-grid,.proto-grid{grid-template-columns:1fr;gap:30px}.proto-home,.proto-hero{padding:58px 0}}

/* v13 */
.hero-wordmark-text{display:inline-block;margin:18px 0 20px;background:transparent!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
.clici-word{color:#f7f9fb;font-family:Arial,Helvetica,sans-serif;font-size:clamp(66px,7.2vw,112px);line-height:.82;font-weight:900;letter-spacing:.045em;transform:scaleX(1.08);transform-origin:left center;text-shadow:none!important}
.clici-word .i-letter{position:relative;display:inline-block}.clici-word .i-letter:before{content:"";position:absolute;left:50%;top:-.16em;width:.22em;height:.12em;transform:translateX(-50%);background:#1198ff}
.solution-line{margin-top:18px;display:flex;align-items:center;gap:16px;color:#1198ff;letter-spacing:.34em;font-size:clamp(16px,1.8vw,27px)}.solution-line span{width:90px;height:3px;background:#1198ff}.solution-line b{font-weight:700}
.hero-copy,.hero-copy *{text-shadow:none!important}
.hero-actions .btn-ghost{background:rgba(4,17,30,.82)!important;border:2px solid rgba(255,255,255,.78)!important;color:#fff!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 7px 22px rgba(0,0,0,.18)}
.hero-actions .btn-ghost:hover{background:rgba(10,143,245,.9)!important;border-color:#1097ff!important}
.proto-icon svg{width:30px;height:30px;fill:none;stroke:#0c8ff5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){.clici-word{font-size:clamp(58px,16vw,88px);transform:none}.solution-line{gap:10px}.solution-line span{width:54px}.hero-actions .btn-ghost{background:rgba(5,20,34,.92)!important}}
.gear-hero{padding:88px 0;color:#fff;background:linear-gradient(135deg,#07121d,#0d1b29)}.gear-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.gear-facts{display:grid;gap:12px}.gear-facts div{display:flex;gap:18px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.06)}.gear-facts strong,.reference-card span,.reference-card b{color:#1097ff}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.reference-card{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.055);color:#fff;text-decoration:none}.gear-home{padding:58px 0;background:#071725;color:#fff}.gear-home-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.gear-home p,.gear-intro{color:#cbd7e0}@media(max-width:820px){.gear-grid,.reference-grid{grid-template-columns:1fr}.gear-home-grid{display:grid}}
/* v15 – final logo + clean hero + LinkedIn */
.hero-final-logo{
  width:min(680px,78%);
  margin:18px 0 24px;
  background:#07121d;
  overflow:hidden;
}
.hero-final-logo img{
  display:block;
  width:100%;
  height:auto;
  mix-blend-mode:normal;
}
.hero-copy::before,.hero-copy::after,
.hero-content::before,.hero-content::after,
.hero-text::before,.hero-text::after{
  content:none!important;
  display:none!important;
}
.hero-note,.hero-side,.hero-shadow-text,.hero-decoration{
  display:none!important;
}
.linkedin-profile{
  margin-top:22px;
}
.linkedin-profile a,.footer-linkedin{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-weight:700;
}
.linkedin-profile a{color:#0c8ff5}
.linkedin-icon,.footer-linkedin span{
  display:inline-grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:6px;
  background:#0a66c2;
  color:#fff;
  font-weight:800;
  font-family:Arial,sans-serif;
}
.footer-linkedin{
  margin:18px 0 0 28px;
  color:#dce7ef;
}
@media(max-width:820px){
  .hero-final-logo{
    width:100%;
    max-width:620px;
  }
  .footer-linkedin{margin-left:24px}
}

/* v16 – transparent brand + clean CNC hero */
.brand img{
  object-fit:contain!important;
  background:transparent!important;
}
.hero:after{
  background-image:url('hero-cnc-clean-v16.jpg')!important;
  background-position:center center!important;
}
.hero-final-logo{
  width:min(650px,76%)!important;
  background:transparent!important;
  overflow:visible!important;
}
.hero-final-logo img{
  background:transparent!important;
  object-fit:contain!important;
}
.footer-brand-logo{
  width:min(260px,70vw);
  margin:0 auto 24px;
}
.footer-brand-logo img{
  width:100%;
  height:auto;
  object-fit:contain;
}
.hero-note,.hero-side,.hero-shadow-text,.hero-decoration{
  display:none!important;
}
@media(max-width:820px){
  .hero-final-logo{width:100%!important;max-width:560px}
  .footer-brand-logo{margin-left:4vw;margin-right:4vw}
}

/* v17 – 3D-Messtechnik Dokumentation & Video */
.measure-media{
  padding:78px 0;
  background:#eef5fa;
}
.measure-media h2{
  margin:8px 0 12px;
  color:#102139;
  font-size:clamp(32px,4vw,50px);
}
.measure-media-intro{
  max-width:820px;
  color:#607287;
  font-size:18px;
  line-height:1.65;
  margin-bottom:30px;
}
.measure-media-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.media-card{
  overflow:hidden;
  border:1px solid #d7e4ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,42,66,.08);
}
.media-video-wrap{
  aspect-ratio:16/9;
  background:#07121d;
}
.media-video-wrap video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.pdf-preview{
  min-height:260px;
  padding:36px;
  display:flex;
  align-items:center;
  gap:24px;
  color:#fff;
  background:linear-gradient(135deg,#071725,#0c2235);
}
.pdf-preview-mark{
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  border:2px solid #1097ff;
  border-radius:18px;
  color:#1097ff;
  font-size:24px;
  font-weight:900;
}
.pdf-preview strong{
  display:block;
  font-size:30px;
  line-height:1.05;
}
.pdf-preview span{
  display:block;
  margin-top:12px;
  color:#b9c9d6;
}
.media-card-body{
  padding:26px 28px 30px;
}
.media-label{
  color:#1097ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
}
.media-card h3{
  margin:9px 0 10px;
  color:#102139;
  font-size:25px;
}
.media-card p{
  color:#607287;
  line-height:1.6;
}
.media-link{
  display:inline-block;
  margin-top:8px;
  color:#0c8ff5;
  font-weight:800;
  text-decoration:none;
}
@media(max-width:820px){
  .measure-media{padding:56px 0}
  .measure-media-grid{grid-template-columns:1fr}
  .pdf-preview{min-height:220px;padding:28px}
  .pdf-preview strong{font-size:25px}
}

/* v19 – komplette PDF-Vorschau klickbar */
.pdf-preview-link{
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease, filter .18s ease;
}
.pdf-preview-link:hover{
  filter:brightness(1.08);
}
.pdf-preview-link:focus-visible{
  outline:3px solid #1097ff;
  outline-offset:-3px;
}
.lang-switch{display:flex;align-items:center;gap:6px;margin-left:7px;font-size:12px}.lang-switch a,.lang-switch b{color:#d7e4ed;text-decoration:none;padding:4px 5px;border-radius:5px}.lang-switch b{background:#1097ff;color:#fff}.process-chain{display:flex;align-items:stretch;gap:8px;margin-top:24px}.process-chain>div{flex:1;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(5,20,34,.72)}.process-chain b{display:block;color:#1097ff;font-size:12px}.process-chain span{color:#fff;font-size:13px;font-weight:700}.process-chain i{align-self:center;color:#1097ff;font-style:normal}.hero-slogan{font-weight:800!important;color:#fff!important}@media(max-width:1180px){.navlinks{gap:7px!important;font-size:12px!important}}@media(max-width:820px){.lang-switch{margin-left:0}.process-chain{display:grid;grid-template-columns:1fr 1fr}.process-chain i{display:none}}@media(max-width:520px){.process-chain{grid-template-columns:1fr}}
/* v21 – German asset fix + icon process chain */
.process-step{
  flex:1;
  min-width:0;
  padding:13px 10px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:10px;
  background:rgba(5,20,34,.72);
}
.process-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(16,151,255,.12);
  border:1px solid rgba(16,151,255,.35);
}
.process-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:#1097ff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.process-step span{
  color:#fff;
  font-size:13px;
  line-height:1.3;
  font-weight:700;
}
@media(max-width:820px){
  .process-step{align-items:flex-start;text-align:left;flex-direction:row}
}

/* v22 – German-only, active navigation, visual services */
.lang-switch{display:none!important}
.navlinks a.nav-active:not(.btn){color:#fff!important;font-weight:800;position:relative}
.navlinks a.nav-active:not(.btn)::after{content:"";position:absolute;left:8%;right:8%;bottom:-10px;height:3px;border-radius:3px;background:#1097ff}
.services-hero{padding:78px 0;background:linear-gradient(135deg,#07121d,#0d1b29);color:#fff}
.services-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.05;max-width:1000px;margin:12px 0 18px}
.services-hero p{max-width:850px;color:#c9d4de;font-size:19px;line-height:1.65}
.service-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.service-visual-card{overflow:hidden;border:1px solid #dbe6ee;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,42,66,.07)}
.service-visual{height:180px;display:grid;place-items:center;background:linear-gradient(135deg,#071725,#0e2b42)}
.service-visual svg{width:64%;height:70%;fill:none;stroke:#1097ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.service-visual-body{padding:24px 26px 28px}.service-visual-body h2{margin:0 0 10px;color:#102139;font-size:27px}.service-visual-body p{color:#66788b;line-height:1.6}
.service-visual-lead{color:#263b50!important;font-weight:700}.service-detail-link{color:#0c8ff5;font-weight:800;text-decoration:none}
.measure-services{grid-template-columns:repeat(2,1fr)!important}
@media(max-width:820px){
 .navlinks a.nav-active:not(.btn)::after{bottom:-4px}
 .service-visual-grid{grid-template-columns:1fr}
 .service-visual{height:150px}
 .measure-services{grid-template-columns:1fr!important}
}