:root{--bg:#061321;--bg2:#081827;--panel:#0b1d2f;--text:#f4f8fc;--muted:#94a9bb;--blue:#35a6ff;--line:rgba(137,185,222,.18);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(53,166,255,.08),transparent 28%);z-index:-1}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 72px));margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;border-bottom:1px solid #e6ebef;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);transition:.3s}.site-header.scrolled{box-shadow:0 4px 20px rgba(0,20,40,.06)}
.nav{height:94px;display:flex;align-items:center;justify-content:flex-start}.brand{display:flex;align-items:center;width:190px;height:70px}.brand img{display:block;width:190px;height:auto;object-fit:contain}.brand-divider{height:30px;width:1px;background:#9ba6af;margin:0 26px}.office-name{font-size:14px;font-weight:600;letter-spacing:.08em;color:#18212a}.nav-links{display:flex;align-items:center;gap:27px;font-size:12px;color:#18212a;margin-left:auto}.nav-links a{transition:.2s}.nav-links a:hover{color:#2854b8}.nav-cta{padding:14px 18px;background:#2854b8;color:#fff!important;border:1px solid #2854b8}.nav-cta:hover{background:#173f9b}.menu-toggle{display:none}
.hero{height:850px;min-height:760px;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:78px}.hero-grid{position:absolute;inset:-15% -10% 0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:82px 82px;transform:perspective(900px) rotateX(57deg) scale(1.35) translateY(22%);transform-origin:center bottom;opacity:.42}.hero-glow{position:absolute;width:650px;height:650px;right:5%;top:8%;background:radial-gradient(circle,rgba(53,166,255,.17),transparent 66%);filter:blur(10px)}.hero-network{position:absolute;right:1%;top:17%;width:min(62vw,760px);height:68%;opacity:.82}.network-lines{stroke:var(--blue);stroke-width:1.2;stroke-opacity:.42}.network-nodes{fill:var(--blue);filter:drop-shadow(0 0 8px rgba(53,166,255,.8))}
.hero-inner{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.22em;color:#a9bac9;margin-bottom:27px}.eyebrow b{color:var(--blue);font-size:14px}.eyebrow i{font-style:normal;color:#52728c;margin:0 7px}.hero h1{max-width:820px;font-size:clamp(50px,6.7vw,88px);line-height:.96;letter-spacing:-.055em;margin:0 0 28px;font-weight:760}.hero h1 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:20px;max-width:590px;color:#c0cdd8;margin:0 0 35px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 19px;font-size:11px;letter-spacing:.09em;font-weight:750;transition:.25s}.button b{font-size:16px}.primary{background:var(--blue);color:#03111c}.primary:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(53,166,255,.2)}.ghost{border:1px solid var(--line);color:#d9e6ef}.ghost:hover{border-color:rgba(53,166,255,.6);color:var(--blue)}.hero-process{position:absolute;z-index:3;bottom:32px;left:0;right:0;display:flex;gap:16px;color:#6f879a;font-size:10px;letter-spacing:.22em}.hero-process i{font-style:normal;color:#2f6286}
.section{padding:125px 0;border-top:1px solid var(--line)}.kicker{color:var(--blue);font-size:10px;letter-spacing:.22em;font-weight:700;margin-bottom:19px}.section h2,.final h2{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 32px;font-weight:730}.muted{color:var(--muted);max-width:590px;font-size:17px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:start}
.problem-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--line);gap:1px}.problem-list article{background:var(--bg);min-height:175px;padding:30px}.problem-list strong{display:block;font-size:20px;margin-bottom:10px}.problem-list span{display:block;color:var(--muted);font-size:13px}
.qme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.qme-grid article{background:var(--bg);padding:40px;min-height:330px;transition:.3s}.qme-grid article:hover,.qme-grid .featured{background:linear-gradient(145deg,#0a1f31,#071522)}.letter{font-size:86px;line-height:.9;color:var(--blue);font-weight:850}.qme-grid h3{font-size:13px;letter-spacing:.18em;margin:24px 0 9px}.qme-grid p{color:var(--muted);max-width:260px}
.service-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--line);gap:1px}.service{position:relative;background:var(--bg);padding:40px;min-height:265px;transition:.3s}.service:hover{background:var(--panel);transform:translateY(-2px)}.service-index{font-size:10px;color:var(--blue);letter-spacing:.15em}.service h3{font-size:28px;letter-spacing:-.02em;margin:24px 0 9px}.service p{margin:0 0 8px;font-size:17px}.service small{color:var(--muted);font-size:12px}.service>b{position:absolute;right:30px;bottom:25px;color:var(--blue);font-size:22px}
.approach{background:linear-gradient(180deg,var(--bg),#071a2b)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:42px 35px 48px;border-right:1px solid var(--line)}.steps article:last-child{border-right:0}.steps span{color:var(--blue);font-size:11px;letter-spacing:.16em}.steps h3{font-size:38px;letter-spacing:-.03em;margin:22px 0 10px}.steps p{color:var(--muted);margin:0}
.case{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:36px 0;border-top:1px solid var(--line)}.case:last-child{border-bottom:1px solid var(--line)}.case-type{font-size:10px;color:var(--blue);letter-spacing:.18em}.case h3{font-size:26px;line-height:1.15;margin:13px 0 0}.case p{color:var(--muted);margin:0 0 9px}.case p b{color:var(--text)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:stretch}.portrait{min-height:430px;border:1px solid var(--line);background:linear-gradient(145deg,#0d263a,#07131f);display:flex;align-items:flex-end;padding:28px;color:#6d899f;letter-spacing:.12em;font-size:10px}.portrait small{letter-spacing:0;font-size:11px}
.knowledge{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.knowledge article{background:var(--bg);padding:35px;min-height:220px}.knowledge span{font-size:10px;color:var(--blue);letter-spacing:.18em}.knowledge h3{font-size:24px;line-height:1.2;max-width:500px;margin:22px 0 35px}.knowledge a{font-size:10px;letter-spacing:.12em;color:#b7c7d4}
.final{text-align:center;padding:160px 0 175px;border-top:1px solid var(--line)}.final h2{font-size:clamp(55px,7vw,96px);margin-bottom:16px}.final p{color:var(--muted);font-size:18px;margin:0 0 32px}.footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;color:#72889a;font-size:11px;letter-spacing:.03em}.footer b{color:#dce8f1}
@media(max-width:950px){.office-name,.brand-divider{display:none}.brand{width:170px}.brand img{width:170px}.nav-links{display:none}.menu-toggle{display:flex;background:none;border:0;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{width:23px;height:1px;background:#d9e6ef}.nav-links.open{position:absolute;top:78px;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;padding:25px 36px 30px;background:rgba(6,19,33,.98);border-bottom:1px solid var(--line)}.hero-network{width:85vw;right:-22%;opacity:.36}.split,.about{grid-template-columns:1fr;gap:50px}.container{width:min(var(--max),calc(100% - 44px))}}
@media(max-width:650px){.brand{width:155px;height:64px}.brand img{width:155px}.hero{height:auto;min-height:780px;padding:140px 0 120px}.hero h1{font-size:clamp(45px,13vw,65px)}.hero-lead{font-size:17px}.hero-network{top:30%;right:-45%;width:120vw}.hero-process{bottom:25px;font-size:8px;gap:8px}.section{padding:90px 0}.problem-list,.service-grid,.qme-grid,.steps,.knowledge{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.case{grid-template-columns:1fr;gap:15px}.footer{flex-direction:column;gap:12px}.button{width:100%;justify-content:space-between}}

/* HERO MASTERDESIGN */
.hero{background:linear-gradient(180deg,#061321 0%,#061522 70%,#071726 100%)}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#061321 0%,rgba(6,19,33,.94) 31%,rgba(6,19,33,.28) 67%,rgba(6,19,33,.5) 100%);z-index:1}
.hero-network{position:absolute;right:0%;top:13%;width:min(63vw,790px);height:73%;z-index:2;opacity:.82}
.network-lines{fill:none;stroke:url(#lineFade);stroke-width:1.25;stroke-dasharray:500;stroke-dashoffset:500;animation:draw 3.2s cubic-bezier(.2,.7,.2,1) .25s forwards}
.network-nodes{fill:var(--blue);filter:drop-shadow(0 0 8px rgba(53,166,255,.8))}
.hero h1{max-width:720px;font-size:clamp(48px,5.5vw,74px);line-height:.97;letter-spacing:-.052em}
.hero h1 em{color:var(--blue);text-shadow:0 0 35px rgba(53,166,255,.1)}
.scroll-cue{position:absolute;right:32px;bottom:29px;z-index:4;display:flex;align-items:center;gap:10px;color:#648198;font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl}
.scroll-cue b{color:var(--blue);font-size:15px;font-weight:400;animation:scroll 1.8s ease-in-out infinite}
@keyframes draw{to{stroke-dashoffset:0}} @keyframes scroll{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:950px){.hero-network{width:82vw;right:-18%;opacity:.42}.scroll-cue{display:none}}
@media(max-width:650px){.hero{min-height:790px;padding:145px 0 125px}.hero h1{font-size:clamp(42px,11.5vw,58px);line-height:.97}.desktop-break{display:none}.hero-network{top:33%;right:-47%;width:120vw;opacity:.28}.hero-vignette{background:linear-gradient(180deg,#061321 0%,rgba(6,19,33,.95) 44%,rgba(6,19,33,.55) 100%)}}

/* Living network: the points subtly move instead of remaining static. */
.network-nodes circle{
  transform-box:fill-box;
  transform-origin:center;
  animation:nodeFloat 4.8s ease-in-out infinite;
}
.network-nodes circle:nth-child(2){animation-delay:-1.1s}
.network-nodes circle:nth-child(3){animation-delay:-2.2s}
.network-nodes circle:nth-child(4){animation-delay:-3.4s}
.network-nodes circle:nth-child(5){animation-delay:-.7s}
.network-nodes circle:nth-child(6){animation-delay:-2.9s}
.network-lines{
  animation:draw 3.2s cubic-bezier(.2,.7,.2,1) .25s forwards, networkDrift 9s ease-in-out 3.5s infinite;
  transform-box:fill-box;
  transform-origin:center;
}
@keyframes nodeFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  25%{transform:translate(2px,-3px) scale(1.06)}
  50%{transform:translate(-2px,2px) scale(.94)}
  75%{transform:translate(3px,1px) scale(1.03)}
}
@keyframes networkDrift{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-2px,3px)}
}

/* HERAUSFORDERUNG — Masterbaustein */
.challenge{position:relative;background:#f5f8fa;color:#101a23;border-top:0;padding:118px 0 128px;overflow:hidden}
.challenge:before{content:"";position:absolute;top:0;right:0;width:42%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(53,166,255,.035) 100%);pointer-events:none}
.challenge-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);column-gap:90px;align-items:end;margin-bottom:72px}
.challenge .kicker{margin-bottom:20px}
.challenge-head h2{grid-column:1;font-size:clamp(43px,5.2vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:730}
.challenge-head h2 em{font-style:normal;color:#2854b8}
.challenge-head .muted{grid-column:2;margin:0 0 4px;color:#667888;font-size:16px;line-height:1.65;max-width:430px}
.challenge-list{position:relative;z-index:1;border-top:1px solid #cfd9e1}
.challenge-list article{min-height:126px;display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:25px;padding:24px 8px 24px 0;border-bottom:1px solid #cfd9e1;transition:background .3s ease,padding .3s ease}
.challenge-list article:hover{background:rgba(255,255,255,.8);padding-left:18px}
.challenge-no{align-self:start;padding-top:7px;color:#2854b8;font-size:10px;font-weight:750;letter-spacing:.18em}
.challenge-list h3{margin:0 0 5px;font-size:23px;line-height:1.15;letter-spacing:-.02em;font-weight:680}
.challenge-list p{margin:0;color:#708291;font-size:13px}
.challenge-list article>b{justify-self:end;color:#2854b8;font-size:21px;font-weight:400;opacity:.45;transform:translate(0,0);transition:.3s ease}
.challenge-list article:hover>b{opacity:1;transform:translate(3px,-3px)}
@media(max-width:950px){.challenge-head{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.challenge-head .muted{grid-column:1;max-width:600px}}
@media(max-width:650px){.challenge{padding:88px 0 96px}.challenge-head{margin-bottom:45px}.challenge-head h2{font-size:clamp(40px,11.5vw,57px)}.challenge-list article{grid-template-columns:45px 1fr 25px;gap:12px;min-height:112px;padding:20px 0}.challenge-list article:hover{padding-left:8px}.challenge-list h3{font-size:18px}.challenge-list p{font-size:12px}}

/* Herausforderung: größere Bereichsüberschrift + grafische Leitsymbole */
.challenge .kicker{
  font-size:16px;
  line-height:1;
  letter-spacing:.18em;
  font-weight:750;
  margin-bottom:25px;
}
.challenge-list article{
  grid-template-columns:68px 1fr 40px;
}
.challenge-icon{
  width:48px;
  height:48px;
  display:block;
  fill:none;
  stroke:#2854b8;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
  transition:transform .35s ease,opacity .35s ease;
}
.challenge-list article:hover .challenge-icon{
  transform:translateY(-2px) scale(1.05);
  opacity:1;
}
@media(max-width:650px){
  .challenge .kicker{
    font-size:14px;
    margin-bottom:21px;
  }
  .challenge-list article{
    grid-template-columns:54px 1fr 25px;
  }
  .challenge-icon{
    width:40px;
    height:40px;
  }
}

/* MASTER TYPOGRAPHY: one consistent eyebrow/kicker scale */
.eyebrow,
.section .kicker,
.final .kicker{
  font-size:16px;
  line-height:1;
  letter-spacing:.18em;
  font-weight:750;
}
.eyebrow{margin-bottom:29px}
.section .kicker{margin-bottom:25px}
.challenge .kicker{font-size:16px}
.challenge-icon{
  width:46px;
  height:46px;
  fill:none;
  stroke:#2854b8;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.92;
  transition:transform .3s ease,opacity .3s ease;
}
.challenge-list article:hover .challenge-icon{
  transform:translateY(-2px) scale(1.035);
  opacity:1;
}
@media(max-width:650px){
  .eyebrow,
  .section .kicker,
  .final .kicker{font-size:13px}
  .challenge-icon{width:40px;height:40px}
}

/* QME-ANSATZ — integrierte Markenidee */
.qme-approach{
  position:relative;
  background:#061522;
  color:#f4f8fb;
  padding:125px 0 105px;
  overflow:hidden;
}
.qme-approach:before{
  content:"QME";
  position:absolute;
  right:-30px;
  bottom:-105px;
  font-size:clamp(180px,30vw,420px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.018);
  pointer-events:none;
}
.qme-approach-head{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);
  gap:90px;
  align-items:end;
  margin-bottom:78px;
  position:relative;
  z-index:1;
}
.qme-approach .kicker{color:#6d8294;margin-bottom:25px}
.qme-approach h2{
  margin:0;
  font-size:clamp(43px,5.2vw,70px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:730;
}
.qme-approach h2 em{font-style:normal;color:#35a6ff}
.qme-approach .muted{
  margin:0 0 4px;
  color:#8ea1b1;
  font-size:16px;
  line-height:1.65;
  max-width:440px;
}
.qme-pillars{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.qme-pillar{
  position:relative;
  min-height:350px;
  padding:43px 42px 40px 0;
  border-right:1px solid rgba(255,255,255,.12);
  transition:background .35s ease,padding .35s ease;
}
.qme-pillar:nth-child(2){padding-left:42px}
.qme-pillar:nth-child(3){padding-left:42px;border-right:0}
.qme-pillar:hover{background:rgba(255,255,255,.025)}
.qme-letter{
  font-size:76px;
  line-height:.8;
  letter-spacing:-.07em;
  font-weight:760;
  color:#35a6ff;
  margin-bottom:27px;
}
.qme-word{
  color:#8296a7;
  font-size:11px;
  font-weight:750;
  letter-spacing:.18em;
  margin-bottom:42px;
}
.qme-pillar h3{
  margin:0 0 11px;
  font-size:25px;
  line-height:1.15;
  letter-spacing:-.025em;
  font-weight:680;
}
.qme-pillar p{
  margin:0;
  color:#8ea1b1;
  font-size:13px;
  line-height:1.65;
  max-width:285px;
}
.qme-line{
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:#35a6ff;
  transition:width .45s ease;
}
.qme-pillar:nth-child(2) .qme-line{left:42px}
.qme-pillar:hover .qme-line{width:72px}
.qme-statement{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:37px;
  color:#6f8597;
  font-size:11px;
  letter-spacing:.16em;
}
.qme-statement span{color:#35a6ff;font-weight:750;font-size:13px}
.qme-statement i{font-style:normal;color:#405466}
.qme-statement strong{
  margin-left:16px;
  color:#dbe5ec;
  font-weight:500;
  letter-spacing:.08em;
}
@media(max-width:950px){
  .qme-approach-head{grid-template-columns:1fr;gap:28px}
  .qme-pillars{grid-template-columns:1fr}
  .qme-pillar,.qme-pillar:nth-child(2),.qme-pillar:nth-child(3){
    min-height:250px;
    padding:35px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .qme-pillar:nth-child(3){border-bottom:0}
  .qme-pillar:nth-child(2) .qme-line{left:0}
}
@media(max-width:650px){
  .qme-approach{padding:88px 0 82px}
  .qme-approach-head{margin-bottom:55px}
  .qme-approach h2{font-size:clamp(40px,11.5vw,57px)}
  .qme-letter{font-size:62px;margin-bottom:22px}
  .qme-word{margin-bottom:28px}
  .qme-pillar h3{font-size:21px}
  .qme-statement{flex-wrap:wrap}
  .qme-statement strong{width:100%;margin-left:0;margin-top:7px}
}

/* KOMPETENZEN — Masterbaustein */
  background:#fff;
  color:#101a23;
  padding:125px 0 110px;
  position:relative;
}
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);
  gap:90px;
  align-items:end;
  margin-bottom:72px;
}
  margin:0;
  font-size:clamp(43px,5.2vw,70px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:730;
}
  margin:0 0 4px;
  color:#687b8b;
  font-size:16px;
  line-height:1.65;
  max-width:440px;
}
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #d3dce3;
  border-bottom:1px solid #d3dce3;
}
  position:relative;
  min-height:360px;
  padding:35px 30px 40px 0;
  border-right:1px solid #d3dce3;
  transition:background .35s ease,padding .35s ease;
}
  background:#f7fafc;
}
  display:block;
  color:#2854b8;
  font-size:10px;
  font-weight:750;
  letter-spacing:.18em;
  margin-bottom:38px;
}
  width:48px;
  height:48px;
  margin-bottom:30px;
}
  width:100%;
  height:100%;
  fill:none;
  stroke:#2854b8;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .35s ease;
}
  transform:translateY(-3px);
}
  margin:0 0 13px;
  font-size:23px;
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:680;
}
  margin:0;
  color:#718291;
  font-size:13px;
  line-height:1.65;
  max-width:225px;
}
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:34px;
  color:#7a8c9a;
  font-size:10px;
  letter-spacing:.16em;
}
  color:#2854b8;
  font-size:18px;
  font-weight:400;
}
  color:#263541;
  font-weight:650;
  letter-spacing:.12em;
}
@media(max-width:1050px){
}
@media(max-width:950px){
}
@media(max-width:650px){
    min-height:275px;
    padding:30px 0;
    border-right:0;
    border-bottom:1px solid #d3dce3;
  }
}

/* ÜBER QME — lean trust section */
.about-lead{margin:0 0 18px;color:#17232d;font-size:20px;line-height:1.45;letter-spacing:-.015em}
.about-profile{display:flex;align-items:center;gap:18px;margin-top:42px;padding-top:24px;border-top:1px solid #cfd9e1}
.about-photo-placeholder{width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:#dce5eb;color:#2854b8;font-size:10px;font-weight:750;letter-spacing:.12em}
.about-profile strong,.about-profile span{display:block}
.about-profile strong{color:#17232d;font-size:14px;font-weight:680}
.about-profile span{margin-top:4px;color:#7a8c9a;font-size:11px}
@media(max-width:950px){.about-qme-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:650px){.about-qme{padding:82px 0 88px}.about-qme h2{font-size:clamp(40px,11.5vw,57px)}.about-lead{font-size:18px}}



/* QME — CANONICAL BLUE SYSTEM v3
   Reference: HERAUSFORDERUNG headline accent ("nicht mehr funktionieren")
*/
:root{
  --qme-blue:#2854b8;
}

/* All section headline accents use the same QME blue */
.challenge h2 em,
.challenge em,
.qme h2 em,
.qme em,
section h2 em{
  color:var(--qme-blue);
}

/* Equivalent accent words / phrases in the respective sections */
.qme .accent,
.qme .highlight,
  color:var(--qme-blue);
}

/* QME — IN DER PRAXIS */
.qme-practice{
  position:relative;
  overflow:hidden;
  background:#101c28;
  color:#eef3f6;
  padding:112px 0 118px;
}
.qme-practice::before{
  content:"";
  position:absolute;
  width:620px;height:620px;
  right:-310px;top:-300px;
  border:1px solid rgba(139,174,201,.12);
  border-radius:50%;
}
.qme-practice::after{
  content:"";
  position:absolute;
  width:820px;height:820px;
  left:-570px;bottom:-610px;
  border:1px solid rgba(139,174,201,.08);
  border-radius:50%;
}
.qme-practice .container{
  position:relative;
  z-index:1;
}
.practice-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:70px;
  margin-bottom:58px;
}
.practice-intro .kicker{
  color:#8fa9bb;
  margin-bottom:24px;
}
.practice-intro h2{
  margin:0;
  color:#f3f6f8;
  font-size:clamp(43px,5.2vw,70px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:730;
}
.practice-intro h2 em{
  color:#2854b8;
  font-style:normal;
}
.practice-intro>p{
  max-width:430px;
  margin:0 0 3px;
  color:#a9bac6;
  font-size:15px;
  line-height:1.7;
}
.practice-intro>p strong{
  color:#dfe7eb;
  font-weight:650;
}
.practice-cases{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:14px;
}
.practice-card{
  position:relative;
  overflow:hidden;
  min-height:455px;
  padding:25px 25px 22px;
  display:flex;
  flex-direction:column;
  background:#172735;
  border:1px solid rgba(184,205,219,.13);
}
.practice-card::after{
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:-145px;bottom:-145px;
  border:1px solid rgba(40,84,184,.16);
  border-radius:50%;
  pointer-events:none;
}
.practice-card-main{
  background:#1b2d3d;
  border-color:rgba(40,84,184,.34);
}
.practice-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}
.practice-top>span{
  color:#2854b8;
  font-size:11px;
  font-weight:750;
  letter-spacing:.12em;
}
.practice-top small{
  color:#8fa4b3;
  font-size:10px;
  font-weight:750;
  letter-spacing:.13em;
  text-align:right;
}
.practice-content{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding-top:75px;
}
.practice-content h3{
  max-width:440px;
  margin:0;
  color:#f0f4f6;
  font-size:clamp(27px,2.45vw,36px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:660;
}
.practice-result{
  margin-top:55px;
}
.practice-result strong{
  display:block;
  color:#2854b8;
  font-size:clamp(78px,7vw,104px);
  line-height:.84;
  letter-spacing:-.065em;
  font-weight:720;
  font-variant-numeric:tabular-nums;
}
.practice-result span{
  display:block;
  margin-top:14px;
  color:#d7e1e7;
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}
.practice-dual{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:55px;
}
.practice-dual strong{
  display:block;
  color:#2854b8;
  font-size:clamp(50px,4vw,62px);
  line-height:.88;
  letter-spacing:-.055em;
  font-weight:720;
  font-variant-numeric:tabular-nums;
}
.practice-dual span{
  display:block;
  margin-top:10px;
  color:#d7e1e7;
  font-size:12px;
  line-height:1.4;
  font-weight:650;
}
.practice-foot{
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:20px;
  border-top:1px solid rgba(184,205,219,.13);
  color:#8499a7;
  font-size:10px;
  line-height:1.3;
}
.practice-foot i{
  flex:1;
  height:1px;
  background:linear-gradient(90deg,rgba(40,84,184,.75),rgba(40,84,184,0));
}
.qme-practice .count-up{
  font-variant-numeric:tabular-nums;
}
@media(max-width:1000px){
  .practice-cases{grid-template-columns:1fr 1fr}
  .practice-card-main{grid-column:1/-1;min-height:420px}
}
@media(max-width:700px){
  .qme-practice{padding:82px 0 88px}
  .practice-intro{display:block;margin-bottom:40px}
  .practice-intro>p{margin-top:24px;font-size:14px}
  .practice-cases{grid-template-columns:1fr}
  .practice-card-main{grid-column:auto}
  .practice-card{min-height:400px}
  .practice-content{padding-top:55px}
  .practice-top small{font-size:9px}
}

/* QME — PRACTICE METRIC TYPOGRAPHY v5 */
.practice-result span{
  font-size:16px;
  line-height:1.35;
  font-weight:650;
}
.practice-result strong{
  font-size:clamp(82px,7.2vw,108px);
}
.practice-dual span{
  font-size:13px;
}
@media(max-width:700px){
  .practice-result span{font-size:14px}
  .practice-result strong{font-size:80px}
  .practice-dual span{font-size:12px}
}


/* QME — FINAL ABOUT SECTION */
.about-qme{
  background:#f5f6f4;
  color:#18232c;
  padding:112px 0 118px;
}
.about-qme .container{
  position:relative;
}
.about-qme-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:70px;
  margin-bottom:68px;
}
.about-qme .kicker{
  color:#6f7e89;
  margin-bottom:24px;
}
.about-qme h2{
  margin:0;
  color:#18232c;
  font-size:clamp(43px,5.2vw,70px);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:730;
}
.about-qme h2 em{
  color:#2854b8;
  font-style:normal;
}
.about-qme-head>p{
  max-width:430px;
  margin:0 0 3px;
  color:#687781;
  font-size:15px;
  line-height:1.7;
}
.about-qme-head>p strong{
  color:#25333d;
  font-weight:650;
}
.about-qme-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #d8dde0;
}
.about-qme-item{
  min-height:260px;
  padding:28px 28px 25px 0;
  margin-right:28px;
  border-right:1px solid #d8dde0;
}
.about-qme-item:last-child{
  margin-right:0;
  border-right:0;
}
.about-qme-number{
  display:block;
  margin-bottom:50px;
  color:#2854b8;
  font-size:11px;
  font-weight:750;
  letter-spacing:.12em;
}
.about-qme-item h3{
  margin:0 0 16px;
  color:#18232c;
  font-size:clamp(28px,2.8vw,40px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:700;
}
.about-qme-item p{
  max-width:300px;
  margin:0;
  color:#697984;
  font-size:14px;
  line-height:1.65;
}
@media(max-width:800px){
  .about-qme-head{
    display:block;
    margin-bottom:48px;
  }
  .about-qme-head>p{
    margin-top:26px;
  }
  .about-qme-grid{
    grid-template-columns:1fr;
  }
  .about-qme-item,
  .about-qme-item:last-child{
    min-height:auto;
    padding:28px 0;
    margin:0;
    border-right:0;
    border-bottom:1px solid #d8dde0;
  }
  .about-qme-item:last-child{
    border-bottom:0;
  }
  .about-qme-number{
    margin-bottom:28px;
  }
}

/* QME — HEADER NAVIGATION / MASTER v9 */
.site-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(22px,3vw,44px);
}
.site-nav a{
  color:inherit;
  text-decoration:none;
  font-size:12px;
  line-height:1;
  font-weight:600;
  letter-spacing:.01em;
  transition:opacity .2s ease;
}
.site-nav a:hover,
.site-nav a:focus-visible{
  opacity:.62;
}
@media(max-width:760px){
  .site-nav{
    gap:16px;
  }
  .site-nav a{
    font-size:10px;
  }
}

/* QME — HEADER COLOR FIX v11 */
.site-nav a,
header .site-nav a{
  color:#18232c !important;
  opacity:1;
}
.site-nav a:hover,
.site-nav a:focus-visible,
header .site-nav a:hover,
header .site-nav a:focus-visible{
  color:#2854b8 !important;
  opacity:1;
}
.header-cta{
  color:#fff !important;
  background:#2854b8;
}

/* QME — HERO CTA ONLY v11 */
.hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#fff !important;
  background:#2854b8;
  border:1px solid #2854b8;
  transition:transform .2s ease,background .2s ease;
}
.hero-cta:hover,
.hero-cta:focus-visible{
  color:#fff !important;
  background:#23499f;
  transform:translateY(-1px);
}

/* QME — HERO KICKER v12 */
.hero .eyebrow{
  color:#aebdca !important;
}
.hero .eyebrow b{
  color:inherit !important;
}
.hero .eyebrow i{
  color:inherit !important;
}

#problem .challenge-list article p{max-width:42ch;font-size:15px;line-height:1.68;}
#qme-praxis .count-up{display:block;font-size:clamp(58px,6vw,72px)!important;line-height:.92!important;font-weight:720!important;letter-spacing:-.045em!important;font-variant-numeric:tabular-nums lining-nums;}
#qme-praxis .metric,#qme-praxis .practice-metric,#qme-praxis .result-metric{min-height:190px;}
#qme-praxis .metric::after,#qme-praxis .practice-metric::after,#qme-praxis .result-metric::after{content:"";display:block;width:100%;height:1px;margin-top:26px;background:rgba(174,189,202,.30);transform-origin:left;animation:qmeLineIn .9s cubic-bezier(.22,.61,.36,1) both;}
@keyframes qmeLineIn{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
#qme-praxis .count-up{animation:qmeMetricIn .7s ease-out both;}
@keyframes qmeMetricIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#ueber-qme .qme-portrait{width:min(34vw,390px);aspect-ratio:4/5;margin-bottom:42px;border:1px solid #d8dde0;background:#e9eceb;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#ueber-qme .qme-portrait-inner{width:82%;height:86%;border:1px dashed #aeb8be;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7a8891;}
#ueber-qme .qme-portrait-inner span{font-size:12px;font-weight:750;letter-spacing:.16em;}
#ueber-qme .qme-portrait-inner small{margin-top:9px;font-size:11px;}
@media(min-width:900px){#ueber-qme .container{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:72px;align-items:start;}#ueber-qme .qme-portrait{grid-column:1;grid-row:1 / span 2;}}
@media(max-width:899px){#ueber-qme .qme-portrait{width:100%;max-width:360px;}}

/* MASTER v16 */
.network-nodes{fill:#E47B32 !important;filter:drop-shadow(0 0 9px rgba(228,123,50,.38)) !important}
.network-nodes circle{animation-duration:7.2s}
@keyframes nodeFloat{
0%,100%{transform:translate(0,0) scale(1)}
25%{transform:translate(7px,-10px) scale(1.06)}
50%{transform:translate(-8px,7px) scale(.96)}
75%{transform:translate(9px,4px) scale(1.035)}
}
@keyframes networkDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-6px,5px)}}
#problem .challenge-list article{grid-template-columns:92px minmax(0,1fr) 40px;gap:28px;min-height:150px;padding-top:27px;padding-bottom:27px}
#problem .challenge-list p{max-width:none !important;width:100%;font-size:15px;line-height:1.68;color:#667888}
#problem .challenge-icon{width:58px;height:58px;stroke-width:1.45}
#problem .challenge-list article:hover .challenge-icon{transform:translateY(-2px) scale(1.045)}
#qme-praxis .practice-foot span{font-size:12px;letter-spacing:.02em}
@media(max-width:650px){
#problem .challenge-list article{grid-template-columns:58px minmax(0,1fr) 25px;gap:16px;min-height:132px}
#problem .challenge-icon{width:48px;height:48px}
#problem .challenge-list p{font-size:13px;line-height:1.6}
}

/* QME — MASTER v17: HEADER COMPANY + RIGHT NAV */
.site-header .header-inner,
header .header-inner{
  display:flex;
  align-items:center;
}
.site-header .header-company,
header .header-company{
  margin-left:auto;
  margin-right:30px;
  white-space:nowrap;
  color:#18232c;
  font-size:11px;
  line-height:1;
  font-weight:650;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.site-header nav,
header nav{
  margin-left:0;
}
.site-header .site-nav,
header .site-nav{
  margin-left:0;
}
@media(max-width:850px){
  .site-header .header-company,
  header .header-company{
    margin-right:16px;
    font-size:9px;
    letter-spacing:.08em;
  }
}
@media(max-width:680px){
  .site-header .header-company,
  header .header-company{
    display:none;
  }
}

/* QME — MASTER v17: FLOATING SCROLL TOP */
.scroll-top{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:1000;
  width:48px;
  height:48px;
  border:1px solid rgba(174,189,202,.55);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#2854b8;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(24,35,44,.12);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease, visibility .25s ease, transform .25s ease, background .2s ease;
  backdrop-filter:blur(8px);
}
.scroll-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.scroll-top:hover,
.scroll-top:focus-visible{
  background:#2854b8;
  color:#fff;
  outline:none;
  transform:translateY(-2px);
}
@media(max-width:650px){
  .scroll-top{
    right:16px;
    bottom:16px;
    width:44px;
    height:44px;
    font-size:20px;
  }
}

/* QME — MASTER v18: HEADER */
.site-header .header-inner,
header .header-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.site-header .header-company,
header .header-company{
  margin-left:24px;
  margin-right:0;
  white-space:nowrap;
  flex:0 0 auto;
}
.site-header nav,
header nav{
  margin-left:auto !important;
}
.site-header .site-nav,
header .site-nav{
  margin-left:auto !important;
  justify-content:flex-end;
}

/* QME — MASTER v18: HERO NODES */
.network-nodes{
  fill:#2854b8 !important;
  filter:drop-shadow(0 0 8px rgba(40,84,184,.26)) !important;
}
.network-nodes circle{
  animation-name:qmeNodeFloat !important;
  animation-duration:8.5s !important;
  animation-timing-function:ease-in-out !important;
  animation-iteration-count:infinite !important;
  transform-box:fill-box;
  transform-origin:center;
}
.network-nodes circle:nth-child(1){animation-delay:-1.1s}
.network-nodes circle:nth-child(2){animation-delay:-4.7s}
.network-nodes circle:nth-child(3){animation-delay:-2.3s}
.network-nodes circle:nth-child(4){animation-delay:-6.1s}
.network-nodes circle:nth-child(5){animation-delay:-3.5s}
.network-nodes circle:nth-child(6){animation-delay:-7.0s}
@keyframes qmeNodeFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  17%{transform:translate(6px,-8px) scale(1.04)}
  34%{transform:translate(-9px,4px) scale(.97)}
  51%{transform:translate(5px,10px) scale(1.025)}
  68%{transform:translate(-7px,-6px) scale(.985)}
  84%{transform:translate(10px,3px) scale(1.035)}
}

/* QME — MASTER v18: HERAUSFORDERUNG */
#problem .challenge-list article{
  grid-template-columns:92px minmax(0,1fr);
  gap:26px;
  min-height:210px;
}
#problem .challenge-list article > :last-child{
  grid-column:2;
}
#problem .challenge-list h3{
  font-size:20px;
  line-height:1.2;
  margin-bottom:14px;
}
#problem .challenge-list p{
  max-width:78ch !important;
  width:100%;
  margin:0 0 11px;
  font-size:15px;
  line-height:1.62;
}
#problem .challenge-list p strong{
  font-weight:720;
  color:#18232c;
}
#problem .challenge-problem strong{
  color:#18232c;
}
#problem .challenge-solution strong{
  color:#2854b8;
}
@media(max-width:650px){
  #problem .challenge-list article{
    grid-template-columns:58px minmax(0,1fr);
    gap:16px;
    min-height:0;
  }
  #problem .challenge-list article > :last-child{
    grid-column:2;
  }
  #problem .challenge-list h3{
    font-size:18px;
  }
  #problem .challenge-list p{
    font-size:13.5px;
    line-height:1.58;
  }
}

/* QME — MASTER v19: HERAUSFORDERUNG, BREITERE KACHELN */
#problem .challenge-list{
  width:100%;
  max-width:none;
}
#problem .challenge-list article{
  width:100%;
  box-sizing:border-box;
  grid-template-columns:82px minmax(0,1fr);
  gap:30px;
  padding-left:30px;
  padding-right:30px;
}
#problem .challenge-list article > :not(.challenge-icon){
  min-width:0;
}
#problem .challenge-list p{
  max-width:100% !important;
  width:100%;
  padding-right:0;
}
#problem .challenge-list h3{
  max-width:none;
}
@media(min-width:1100px){
  #problem .challenge-list article{
    grid-template-columns:92px minmax(0,1fr);
    padding-left:38px;
    padding-right:38px;
  }
  #problem .challenge-list p{
    max-width:1100px !important;
  }
}
@media(max-width:650px){
  #problem .challenge-list article{
    grid-template-columns:58px minmax(0,1fr);
    gap:16px;
    padding-left:20px;
    padding-right:20px;
  }
}

/* QME — MASTER v20: HERAUSFORDERUNG ALIGNMENT */
#problem .challenge-list article{
  padding-left:0;
  padding-right:30px;
}
@media(min-width:1100px){
  #problem .challenge-list article{
    padding-left:0;
    padding-right:38px;
  }
}
@media(max-width:650px){
  #problem .challenge-list article{
    padding-left:0;
    padding-right:20px;
  }
}

/* QME — MASTER v21: HERAUSFORDERUNG GRID ALIGNMENT */
#problem .challenge-list article{
  box-sizing:border-box;
  padding-left:28px !important;
  padding-right:28px !important;
  grid-template-columns:72px minmax(0,1fr) 28px !important;
  gap:26px !important;
}
#problem .challenge-list article > div{
  min-width:0;
  width:100%;
}
#problem .challenge-list article > b{
  grid-column:3;
  justify-self:end;
  align-self:start;
}
#problem .challenge-list p{
  width:100% !important;
  max-width:none !important;
}
@media(min-width:1100px){
  #problem .challenge-list article{
    padding-left:30px !important;
    padding-right:30px !important;
    grid-template-columns:76px minmax(0,1fr) 28px !important;
    gap:28px !important;
  }
}
@media(max-width:650px){
  #problem .challenge-list article{
    padding-left:20px !important;
    padding-right:20px !important;
    grid-template-columns:52px minmax(0,1fr) 20px !important;
    gap:16px !important;
  }
}

/* QME — MASTER v22: HERAUSFORDERUNG AUF EINEM GEMEINSAMEN CONTENT-RASTER */
#problem .challenge-head,
#problem .challenge-list{
  width:min(var(--max), calc(100% - 72px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#problem .challenge-list article{
  width:100%;
  box-sizing:border-box;
  padding-left:0 !important;
  padding-right:0 !important;
}

@media(max-width:900px){
  #problem .challenge-head,
  #problem .challenge-list{
    width:calc(100% - 44px) !important;
  }
}

@media(max-width:650px){
  #problem .challenge-head,
  #problem .challenge-list{
    width:calc(100% - 32px) !important;
  }
}

/* QME — MASTER v24: ÜBER QME — CLEAN MASTER */
#ueber-qme .about-qme-clean{
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:64px;
  align-items:start;
}
#ueber-qme .about-qme-photo{
  width:100%;
}
#ueber-qme .about-qme-photo-placeholder{
  width:100%;
  aspect-ratio:4 / 5;
  border:1px solid #d9dee1;
  background:#eef0ef;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#77848d;
}
#ueber-qme .about-qme-photo-placeholder span{
  font-size:11px;
  font-weight:720;
  letter-spacing:.16em;
}
#ueber-qme .about-qme-copy{
  max-width:820px;
}

#ueber-qme .about-qme-copy p{
  max-width:760px;
  font-size:15px;
  line-height:1.68;
  color:#5f707d;
}
#ueber-qme .about-qme-copy .about-qme-intro{
  font-size:17px;
  line-height:1.62;
  color:#33434f;
}
#ueber-qme .about-qme-person{
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid #d9dee1;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:7px 16px;
}
#ueber-qme .about-qme-person strong{
  font-size:18px;
}
#ueber-qme .about-qme-person span{
  font-size:13px;
  color:#667783;
}
#ueber-qme .about-qme-person a{
  flex-basis:100%;
  margin-top:3px;
  color:#2854b8;
  font-size:13px;
  font-weight:680;
  text-decoration:none;
}
#ueber-qme .about-qme-network{
  margin-top:42px;
  padding-top:28px;
  border-top:1px solid #d9dee1;
}
#ueber-qme .about-qme-network h3{
  margin:0 0 12px;
  font-size:23px;
  line-height:1.25;
}
#ueber-qme .about-qme-network p{
  margin:0;
}
@media(max-width:800px){
  #ueber-qme .about-qme-clean{
    grid-template-columns:240px minmax(0,1fr);
    gap:40px;
  }
}
@media(max-width:650px){
  #ueber-qme .about-qme-clean{
    grid-template-columns:1fr;
    gap:30px;
  }
  #ueber-qme .about-qme-photo-placeholder{
    max-width:300px;
  }
  #ueber-qme .about-qme-copy .about-qme-intro{
    font-size:16px;
  }
}

/* QME — MASTER v25: ÜBER QME — FARBLCH IN MASTER INTEGRIERT */
#ueber-qme{
  background:#f5f7f8;
  color:#18232c;
}
#ueber-qme .section-kicker,
#ueber-qme .about-qme-network .section-kicker{
  color:#2854b8 !important;
}

#ueber-qme .about-qme-copy p{
  color:#5f707d;
}
#ueber-qme .about-qme-copy .about-qme-intro{
  color:#33434f;
}
#ueber-qme .about-qme-photo-placeholder{
  background:#e9edef;
  border:1px solid #d2d9dd;
  color:#7b8790;
}
#ueber-qme .about-qme-person,
#ueber-qme .about-qme-network{
  border-top-color:#cfd7dc;
}
#ueber-qme .about-qme-person a{
  color:#2854b8;
}
#ueber-qme .about-qme-network h3{
  color:#18232c;
}
#ueber-qme strong{
  color:#18232c;
}
#ueber-qme .about-qme-network strong{
  color:#33434f;
}
@media(max-width:650px){
  #ueber-qme{
    background:#f5f7f8;
  }
}

/* QME — MASTER v26: ÜBER QME TYPOGRAFIE = HERAUSFORDERUNG */
#ueber-qme .section-kicker{
  font-size:11px !important;
  font-weight:720 !important;
  letter-spacing:.14em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
  margin-bottom:18px !important;
}

#ueber-qme .about-qme-copy p{
  font-size:15px !important;
  line-height:1.62 !important;
  letter-spacing:0 !important;
}
#ueber-qme .about-qme-copy .about-qme-intro{
  font-size:17px !important;
  line-height:1.58 !important;
}
#ueber-qme .about-qme-person strong{
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
}
#ueber-qme .about-qme-person span{
  font-size:13px !important;
  line-height:1.4 !important;
}
#ueber-qme .about-qme-person a{
  font-size:13px !important;
  line-height:1.4 !important;
}
#ueber-qme .about-qme-network .section-kicker{
  margin-bottom:16px !important;
}
#ueber-qme .about-qme-network h3{
  font-size:24px !important;
  line-height:1.18 !important;
  letter-spacing:-.015em !important;
  font-weight:650 !important;
  margin:0 0 14px !important;
}
#ueber-qme .about-qme-network p{
  font-size:15px !important;
  line-height:1.62 !important;
}
@media(max-width:650px){
  
  #ueber-qme .about-qme-copy .about-qme-intro{
    font-size:16px !important;
  }
}

/* QME — MASTER v27: ÜBER QME HEADLINE = HERAUSFORDERUNG LOGIK */
#ueber-qme .about-qme-copy h2{
  color:#18232c !important;
}
#ueber-qme .about-qme-copy h2 .headline-accent{
  color:#2854b8 !important;
}

/* QME — MASTER v28: ÜBER QME — TYPOGRAFIE KONSEQUENT AN HERAUSFORDERUNG */
#ueber-qme .about-qme-copy .section-kicker,
#ueber-qme .about-qme-network .section-kicker{
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:720 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#2998f5 !important;
  margin-bottom:18px !important;
}

#ueber-qme .about-qme-copy p,
#ueber-qme .about-qme-network p{
  font-size:15px !important;
  line-height:1.62 !important;
  font-weight:400 !important;
  color:#657784 !important;
  letter-spacing:0 !important;
}

#ueber-qme .about-qme-copy .about-qme-intro{
  font-size:15px !important;
  line-height:1.62 !important;
  color:#657784 !important;
}

#ueber-qme .about-qme-copy p strong,
#ueber-qme .about-qme-network p strong{
  color:#18232c !important;
  font-weight:700 !important;
}

#ueber-qme .about-qme-person{
  margin-top:34px !important;
  padding-top:22px !important;
}

#ueber-qme .about-qme-person strong{
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:#18232c !important;
}

#ueber-qme .about-qme-person span{
  font-size:13px !important;
  line-height:1.35 !important;
  color:#657784 !important;
}

#ueber-qme .about-qme-person a{
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  color:#2854b8 !important;
}

#ueber-qme .about-qme-network{
  margin-top:42px !important;
  padding-top:28px !important;
}

#ueber-qme .about-qme-network h3{
  font-size:24px !important;
  line-height:1.18 !important;
  letter-spacing:-.015em !important;
  font-weight:650 !important;
  color:#18232c !important;
  margin:0 0 14px !important;
}

#ueber-qme .about-qme-photo-placeholder{
  background:#eef1f3 !important;
  border-color:#d3dade !important;
  color:#7b8992 !important;
}





/* QME — MASTER v31: ÜBER QME HIERARCHIE UND INHALT BEREINIGT */
#ueber-qme .about-qme-copy > .section-kicker{
  font-size:18px !important;
  line-height:1 !important;
  font-weight:750 !important;
  letter-spacing:.18em !important;
  margin-bottom:22px !important;
  color:#2998f5 !important;
}

#ueber-qme .about-qme-person .person-kicker,
#ueber-qme .about-qme-network .section-kicker{
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:750 !important;
  letter-spacing:.16em !important;
  margin-bottom:12px !important;
  color:#2998f5 !important;
}

#ueber-qme .about-qme-person{
  display:block !important;
}

#ueber-qme .about-qme-person strong{
  display:block !important;
  margin:0 0 10px !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  color:#18232c !important;
}

#ueber-qme .about-qme-person p{
  margin:0 !important;
  max-width:760px !important;
}

#ueber-qme .about-qme-person a{
  display:block !important;
  margin-top:14px !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  color:#2854b8 !important;
}

#ueber-qme .about-qme-network h3{
  margin-bottom:14px !important;
}

#ueber-qme .about-qme-network p{
  margin:0 !important;
  max-width:800px !important;
}

/* QME — MASTER v32: MATTHIAS TEXT FINAL */
#ueber-qme .about-qme-person p strong{
  color:#18232c !important;
  font-weight:700 !important;
}

/* QME — MASTER v33: KICKER EINHEITLICH + PERSONENBLOCK GEORDNET */
#ueber-qme .about-qme-copy > .section-kicker,
#ueber-qme .about-qme-person .person-kicker,
#ueber-qme .about-qme-network .section-kicker{
  font-size:16px !important;
  line-height:1 !important;
  font-weight:750 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#2998f5 !important;
  margin:0 0 20px !important;
}

#ueber-qme .about-qme-person{
  display:block !important;
  margin-top:38px !important;
  padding-top:26px !important;
  border-top:1px solid #cfd7dc !important;
}

#ueber-qme .about-qme-person .person-kicker{
  margin-bottom:12px !important;
}

#ueber-qme .about-qme-person strong{
  display:block !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  color:#18232c !important;
  margin:0 !important;
}

#ueber-qme .about-qme-person .person-role{
  margin-top:5px !important;
  font-size:13px !important;
  line-height:1.4 !important;
  color:#657784 !important;
}

#ueber-qme .about-qme-person p{
  max-width:760px !important;
  margin:16px 0 0 !important;
  font-size:15px !important;
  line-height:1.62 !important;
  color:#657784 !important;
}

#ueber-qme .about-qme-person .person-claim{
  margin-top:18px !important;
}

#ueber-qme .about-qme-person .person-claim strong{
  font-size:15px !important;
  line-height:1.55 !important;
  color:#18232c !important;
}

#ueber-qme .about-qme-person a{
  display:block !important;
  margin-top:16px !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  color:#2854b8 !important;
}

#ueber-qme .about-qme-network{
  margin-top:44px !important;
  padding-top:30px !important;
}

#ueber-qme .about-qme-network .section-kicker{
  margin-bottom:20px !important;
}

@media(max-width:650px){
  #ueber-qme .about-qme-copy > .section-kicker,
  #ueber-qme .about-qme-person .person-kicker,
  #ueber-qme .about-qme-network .section-kicker{
    font-size:16px !important;
  }
}

/* QME — MASTER v34: ÜBER QME INHALTLICH ENTSCHLACKT */
#ueber-qme .about-qme-person p{
  max-width:760px !important;
  margin:16px 0 0 !important;
}
#ueber-qme .about-qme-person a{
  margin-top:15px !important;
}
#ueber-qme .about-qme-network h3{
  margin-bottom:14px !important;
}
#ueber-qme .about-qme-network p{
  max-width:760px !important;
  margin:0 !important;
}

/* QME — MASTER v35: QUALIFIKATIONEN MATTHIAS SPERL */
#ueber-qme .about-qme-person .person-role{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  margin-top:7px !important;
  font-size:13px !important;
  line-height:1.4 !important;
  color:#657784 !important;
}
#ueber-qme .about-qme-person .person-role span{
  display:block !important;
}

/* QME — MASTER v36: FOOTER BEREINIGT */
footer{
  width:100% !important;
  padding:28px 0 30px !important;
  background:#18232c !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}
footer .footer-inner{
  width:min(1180px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}
footer .footer-left,
footer .footer-right,
footer .footer-right a{
  font-size:12px !important;
  line-height:1.4 !important;
  color:#aab7bf !important;
}
footer .footer-right{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
}
footer .footer-right a{
  text-decoration:none !important;
  transition:color .2s ease !important;
}
footer .footer-right a:hover{
  color:#ffffff !important;
}
@media(max-width:650px){
  footer{
    padding:24px 0 26px !important;
  }
  footer .footer-inner{
    width:min(100% - 36px, 1180px) !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:12px !important;
  }
  footer .footer-right{
    gap:18px !important;
  }
}

/* QME — MASTER v37: DATENSCHUTZERKLÄRUNG */
.legal-page{
  background:#f5f7f8 !important;
  padding:96px 0 !important;
}
.legal-inner{
  width:min(920px, calc(100% - 48px)) !important;
  margin:0 auto !important;
}
.legal-inner .section-kicker{
  font-size:16px !important;
  line-height:1 !important;
  font-weight:750 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#2998f5 !important;
  margin:0 0 20px !important;
}
.legal-inner h1{
  margin:0 0 52px !important;
  font-size:clamp(38px,5vw,62px) !important;
  line-height:1.05 !important;
  color:#18232c !important;
}
.legal-inner h2{
  margin:42px 0 14px !important;
  font-size:22px !important;
  line-height:1.2 !important;
  color:#18232c !important;
}
.legal-inner h3{
  margin:22px 0 9px !important;
  font-size:16px !important;
  color:#18232c !important;
}
.legal-inner p{
  max-width:820px !important;
  margin:0 0 14px !important;
  font-size:15px !important;
  line-height:1.7 !important;
  color:#5f707b !important;
}
.legal-inner a{
  color:#2854b8 !important;
}
@media(max-width:650px){
  .legal-page{padding:68px 0 !important;}
  .legal-inner{width:min(100% - 36px, 920px) !important;}
  .legal-inner h1{margin-bottom:38px !important;}
}

/* QME — MASTER v39: RECHTLICHE SEITEN EIGENSTÄNDIG */
.standalone-legal{
  min-height:calc(100vh - 150px) !important;
}
.standalone-legal .legal-inner{
  padding-top:0 !important;
}
@media(max-width:850px){
  .standalone-legal{
    padding-top:76px !important;
  }
}

/* QME — MASTER v40: ECHTES PORTRAIT */
#ueber-qme .about-qme-photo{
  overflow:hidden;
}
#ueber-qme .about-qme-portrait-image{
  display:block;
  width:100%;
  aspect-ratio:4 / 5;
  object-fit:cover;
  object-position:center top;
  border:1px solid #d3dade;
  background:#eef1f3;
}

/* QME — MASTER v46: EXPERTENNETZWERK UM MARTIN SOBCZYK + GUNTER VON LEOPRECHTING ERWEITERT */
#ueber-qme .about-qme-clean{
  display:block !important;
}
#ueber-qme .about-qme-copy{
  max-width:1180px !important;
}
#ueber-qme .about-qme-network{
  margin-top:42px !important;
  padding-top:30px !important;
}
#ueber-qme .network-profiles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
  margin-top:34px;
}
#ueber-qme .network-profile{
  min-width:0;
}
#ueber-qme .network-profile img{
  display:block;
  width:100%;
  aspect-ratio:4 / 5;
  object-fit:cover;
  object-position:center top;
  background:#eef1f3;
  border:1px solid #d3dade;
  margin:0 0 24px;
}
#ueber-qme .network-profile .person-kicker{
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:750 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#2998f5 !important;
  margin:0 0 10px !important;
}
#ueber-qme .network-profile h4{
  margin:0 !important;
  color:#18232c !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
#ueber-qme .network-profile .person-role{
  margin-top:7px !important;
  color:#657784 !important;
  font-size:13px !important;
  line-height:1.4 !important;
}
#ueber-qme .network-profile p{
  margin:15px 0 0 !important;
  max-width:none !important;
  font-size:14px !important;
  line-height:1.62 !important;
  color:#657784 !important;
}
#ueber-qme .network-profile a{
  display:block;
  margin-top:15px;
  color:#2854b8;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  text-decoration:none;
}
#ueber-qme .network-closing{
  margin-top:28px !important;
  max-width:900px !important;
}
#ueber-qme .network-closing strong{
  color:#18232c !important;
  font-weight:700 !important;
}
@media(max-width:900px){
  #ueber-qme .network-profiles{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px){
  #ueber-qme .network-profiles{
    grid-template-columns:1fr;
    gap:42px;
  }
  #ueber-qme .network-profile img{
    max-width:360px;
  }
}