/* company.css — /unternehmen. Nutzt hero-v8.css, s2-v8.css (.ill), s8-v8.css, ft-v8.css, ref.css, case.css (.cd-vis). Praefix co-. */
.co [hidden]{display:none!important}
.co-hero{background:var(--v6-hero);padding:clamp(56px,6vw,88px) 0 clamp(64px,6.4vw,96px)}
.co-hero .v6-in{display:grid;grid-template-columns:55% minmax(0,1fr);gap:clamp(32px,4.4vw,64px);align-items:center}
.co-hero .v6-in>*{min-width:0}
.co-hero h1{max-width:680px;font-size:clamp(42px,3.9vw,58px);line-height:1.04;font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--v6-ink);text-wrap:balance}
.co-hero h1 em{font-style:normal;color:var(--v6-blue)}
.co-hero p{max-width:600px;margin-top:18px;font-size:18px;line-height:29px;color:var(--v6-ink)}
.co-hero .co-strong{margin-top:12px;font-weight:600;color:var(--v6-ink)}
.co-hero .cd-vis{aspect-ratio:4/3;max-height:520px}
.co-sec{padding:clamp(88px,8.4vw,112px) 0}
.co-sec.lb{background:var(--v6-hero)}
.co-h2{max-width:900px;font-size:40px;font-weight:700;line-height:48px;color:var(--v6-ink);text-wrap:balance}
.co-lead{max-width:760px;margin-top:16px;font-size:18px;line-height:30px;color:var(--v6-ink-2);text-wrap:pretty}
.co-c{text-align:center}.co-c .co-h2,.co-c .co-lead{margin-left:auto;margin-right:auto}
/* Prinzipien: links ausgerichtet, Illustration klein */
.co-prn{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px clamp(28px,4vw,56px);margin-top:clamp(48px,5vw,64px)}
.co-prn li{display:flex;flex-direction:column}
.co-prn .ill{width:72px;height:72px;margin:0;flex:0 0 auto}
.co-prn .ill svg{width:72px;height:72px}
.co-prn h3{margin-top:18px;font-size:21px;font-weight:700;line-height:28px;color:var(--v6-ink)}
.co-prn p{margin-top:6px;font-size:16px;line-height:26px;color:var(--v6-ink-2)}
/* 4 Schritte */
.co-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(48px,5vw,64px);counter-reset:s}
/* Ein zusammenhaengender Ablauf: eine Linie, vier gleichwertige Punkte. */
.co-steps{position:relative;gap:32px}
.co-steps::before{content:"";position:absolute;left:0;right:0;top:15px;height:1.5px;background:#A9C2F2}
.co-steps li{position:relative}
.co-steps .n{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1.5px solid var(--v6-blue);border-radius:50%;background:var(--v6-hero);font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--v6-blue)}
.co-steps h3{margin-top:18px;font-size:21px;font-weight:700;line-height:28px;color:var(--v6-ink)}
.co-steps p{margin-top:8px;font-size:16px;line-height:26px;color:var(--v6-ink-2)}
/* Team: 1 / 2 / 3–4 Personen */
.co-team{list-style:none;display:grid;gap:32px;margin-top:clamp(48px,5vw,64px)}
.co-team.n1{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:end}
.co-team.n2{grid-template-columns:repeat(2,minmax(0,370px))}
.co-team.n3,.co-team.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.co-team.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.co-p .cd-vis{aspect-ratio:1/1.05}
.co-team.n1{display:block}
.co-solo{display:flex;align-items:center;gap:24px;max-width:640px}
.co-av{width:112px;height:112px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 12px 28px -18px rgba(20,40,80,.6);flex:0 0 auto}
.co-av img{width:100%;height:100%;object-fit:cover}
.co-solo h3{margin-top:0}
.co-hero .cd-vis img{object-position:50% 22%}
.co-p h3{margin-top:18px;font-size:20px;font-weight:700;line-height:28px;color:var(--v6-ink)}
.co-p .r{margin-top:2px;font-size:15px;font-weight:600;color:var(--v6-blue-h)}
.co-p p{margin-top:8px;font-size:16px;line-height:25px;color:var(--v6-ink-2)}
.co-p a.li{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:10px;border:1px solid #C9D6EE;border-radius:50%;color:var(--v6-ink)}
.co-p a.li:hover{border-color:var(--v6-blue);color:var(--v6-blue)}
.co-p a.li svg{width:16px;height:16px}
/* Ist / ist nicht */
.co-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:clamp(40px,4.6vw,56px)}
.co-cmp h3{font-size:20px;font-weight:700;line-height:28px;color:var(--v6-ink)}
.co-cmp .not h3{color:var(--v6-ink-2)}
.co-cmp ul{list-style:none;display:grid;gap:14px;margin-top:18px}
.co-cmp li{display:flex;align-items:center;gap:12px;font-size:18px;line-height:26px;color:var(--v6-ink)}
.co-cmp .is svg{width:16px;height:16px;flex:0 0 auto;color:var(--v6-blue)}
.co-cmp .not li{color:var(--v6-ink-2)}
.co-cmp .not li::before{content:"";width:12px;height:1.5px;margin:0 2px;background:#9AA5B8;flex:0 0 auto}
/* Proof-Bruecke */
.co-refs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1060px;margin-left:auto;margin-right:auto;margin-top:clamp(40px,4.6vw,56px);text-align:left}
.co-refs a,.co-refs .ref{display:block;color:var(--v6-ink)}
.co-refs .cd-vis{aspect-ratio:16/10}
.co-refs .m{margin-top:14px;font-size:13.5px;font-weight:600;color:#6B6B6B}
.co-refs h3{margin-top:4px;font-size:17px;font-weight:700;line-height:24px}
.co-refs .rf-go{margin-top:6px}
@media(max-width:1000px){
  .co-hero .v6-in{grid-template-columns:minmax(0,1fr)}
  .co-hero .cd-vis{aspect-ratio:16/11;max-height:none}
  .co-prn,.co-refs{grid-template-columns:minmax(0,1fr);max-width:560px}
  .co-c .co-prn,.co-c .co-refs{margin-left:auto;margin-right:auto}
  .co-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .co-steps::before{display:none}
  .co-team.n1{grid-template-columns:minmax(0,1fr);max-width:420px}
  .co-team.n3,.co-team.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .co-hero h1{font-size:clamp(30px,8.4vw,38px)}
  .co-h2{font-size:30px;line-height:38px}
  .co-steps,.co-cmp,.co-team.n2,.co-team.n3,.co-team.n4{grid-template-columns:minmax(0,1fr)}
  .co-steps::before{display:block;left:15px;right:auto;top:0;bottom:0;width:1.5px;height:auto}
  .co-steps li{padding-left:52px}
  .co-steps .n{position:absolute;left:0;top:0}
  .co-steps h3{margin-top:4px}
}