/* Leotron page-specific styles — consolidated production basis V0.1 */
/* =========================================================
   Program & Project Management subpage V0.1
   Derived from frozen homepage design V0.3
   ========================================================= */

.nav-link.active { color: var(--burgundy); font-weight: 650; }

.dropdown a.current, .mobile-subnav a.current { color: var(--burgundy); font-weight: 650; background: var(--neutral); }

.subhero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(105deg, #fff 0%, #fff 61%, #f7f7f8 61%, #f0f0f2 100%);
  border-bottom: 1px solid var(--line);
}

.subhero .hero-grid { inset: 0 0 0 66%; }

.subhero-lion {
  position: absolute;
  right: 1vw;
  bottom: -4rem;
  width: min(38vw, 540px);
  opacity: .05;
}

.subhero-inner { position: relative; padding-block: 58px 64px; }

.subhero-copy { max-width: 900px; }

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
  margin-bottom: 34px;
  color: var(--muted);
  font-size: .82rem;
}

.breadcrumbs a:hover { color: var(--burgundy); }

.breadcrumbs strong { color: var(--ink); font-weight: 600; }

.subhero h1 {
  margin: 0;
  color: var(--charcoal);
  font-size: clamp(3rem, 5.2vw, 5.4rem);
  line-height: .98;
  letter-spacing: -.05em;
  font-weight: 650;
}

.subhero-claim {
  max-width: 900px;
  margin: 20px 0 0;
  color: var(--burgundy);
  font-size: clamp(1.4rem, 2.2vw, 2rem);
  line-height: 1.25;
  font-weight: 600;
}

.subhero-lead {
  max-width: 850px;
  margin: 22px 0 0;
  color: #4f5159;
  font-size: 1.05rem;
  line-height: 1.7;
}

.subhero-meta { margin: 18px 0 0; color: var(--muted); font-size: .92rem; font-weight: 500; }

.intro-section { padding-top: 84px; padding-bottom: 84px; }

.intro-split { margin-bottom: 0; align-items: start; }

.intro-copy p { margin: 0 0 14px; color: var(--muted); font-size: 1.02rem; }

.capability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.capability-card {
  position: relative;
  padding: 26px;
  background: #fff;
  border: 1px solid var(--line);
  min-height: 350px;
}

.capability-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--burgundy);
}

.capability-card h3 { margin: 0 0 14px; font-size: 1.25rem; line-height: 1.18; color: var(--charcoal); }

.capability-card p { margin: 0 0 12px; color: #555860; }

.capability-card .keywords { margin-bottom: 18px; }

.program-lifecycle { grid-template-columns: repeat(7, 1fr); }

.program-lifecycle::before { left: 2.7%; right: 3.5%; }

.program-statement .statement-inner { grid-template-columns: 1.2fr .8fr; align-items: center; }

.statement-list { display: grid; gap: 10px; }

.statement-list p { margin: 0 !important; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.28); color: rgba(255,255,255,.84) !important; font-size: .94rem !important; }

.environment-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

.environment-card {
  position: relative;
  min-height: 220px;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--line);
  transition: .2s ease;
}

.environment-card:hover, .environment-card:focus-visible { transform: translateY(-3px); border-color: #c9c9cf; box-shadow: var(--shadow-soft); outline: none; }

.environment-card > span { color: var(--burgundy); font-size: .76rem; font-weight: 700; letter-spacing: .12em; }

.environment-card h3 { margin: 34px 0 10px; color: var(--charcoal); font-size: 1.14rem; line-height: 1.18; }

.environment-card p { margin: 0; color: var(--muted); font-size: .9rem; }

.environment-card b { position: absolute; right: 20px; bottom: 18px; color: var(--burgundy); font-size: 1.2rem; }

.mandates-section { padding-top: 82px; padding-bottom: 82px; }

.mandates-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: end; }

.mandates-grid h2 { margin: 0; font-size: clamp(2rem, 3vw, 3rem); line-height: 1.08; letter-spacing: -.03em; }

.mandate-list { margin: 0; color: var(--muted); font-size: 1.06rem; line-height: 1.8; }

@media (max-width: 1100px) {
  .capability-grid { grid-template-columns: 1fr 1fr; }
  .environment-grid { grid-template-columns: 1fr 1fr; }
  .program-lifecycle { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 860px) {
  .subhero { background: linear-gradient(180deg, #fff 0%, #fff 78%, #f4f4f5 100%); }
  .subhero .hero-grid { inset: 58% 0 0 0; mask-image: linear-gradient(180deg, transparent, #000); }
  .subhero-lion { width: 64vw; right: -16vw; bottom: -2rem; opacity: .04; }
  .subhero-inner { padding-block: 42px 48px; }
  .breadcrumbs { margin-bottom: 24px; }
  .subhero h1 { font-size: clamp(2.7rem, 10vw, 4.6rem); }
  .subhero-claim { font-size: 1.4rem; }
  .intro-section { padding-top: 62px; padding-bottom: 62px; }
  .program-statement .statement-inner { grid-template-columns: 1fr; }
  .mandates-grid { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 560px) {
  .subhero-inner { padding-top: 34px; padding-bottom: 40px; }
  .breadcrumbs { font-size: .76rem; gap: .35rem; }
  .subhero h1 { font-size: 2.55rem; line-height: 1.02; }
  .subhero-claim { font-size: 1.22rem; }
  .subhero-lead { font-size: .96rem; line-height: 1.58; }
  .subhero-meta { font-size: .8rem; }
  .capability-grid, .environment-grid { grid-template-columns: 1fr; }
  .capability-card { min-height: 0; padding: 20px; }
  .environment-card { min-height: 0; padding: 20px 20px 48px; }
  .environment-card h3 { margin-top: 18px; }
  .program-lifecycle { display: block; }
  .mandates-section { padding-top: 56px; padding-bottom: 56px; }
}

/* =========================================================
   Program & Project Management subpage V0.2
   Design-Freigabestand · 16.10.2026
   Fine-tuning only: hero, cards, lifecycle, environments,
   mandates and mobile density. No structural redesign.
   ========================================================= */

/* Hero: slightly more compact while retaining the V0.1 hierarchy */

.subhero-inner {
  padding-block: 48px 52px;
}

.breadcrumbs {
  margin-bottom: 28px;
}

.subhero h1 {
  font-size: clamp(2.9rem, 5vw, 5.15rem);
}

.subhero-claim {
  margin-top: 18px;
}

.subhero-lead {
  margin-top: 20px;
}

.subhero-meta {
  margin-top: 16px;
}

/* Capability grid: keep 3×2 desktop, reduce artificial vertical mass */

.capability-grid {
  align-items: stretch;
}

.capability-card {
  min-height: 320px;
  padding: 23px;
}

.capability-card .card-index {
  margin-bottom: 16px;
}

.capability-card h3 {
  margin-bottom: 12px;
}

.capability-card .keywords {
  margin-bottom: 14px;
}

.capability-card > p:last-child {
  line-height: 1.52;
}

/* Lifecycle: preserve all seven phases, improve line and labels */

.program-lifecycle::before {
  height: 2px;
  background: linear-gradient(90deg, var(--burgundy), #a5a6ac);
}

.program-lifecycle .lifecycle-item strong {
  font-size: .98rem;
  font-weight: 650;
}

.program-lifecycle .lifecycle-item small {
  color: #50535a;
}

/* Project environments: same link-card system, slightly tighter */

.environment-card {
  min-height: 205px;
  padding: 20px;
}

.environment-card h3 {
  margin-top: 28px;
}

.environment-card b {
  right: 18px;
  bottom: 16px;
}

/* Mandates: convert dense role sentence into understated chips */

.mandates-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

.mandates-grid {
  grid-template-columns: .8fr 1.2fr;
  gap: 52px;
  align-items: center;
}

.mandate-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-content: center;
}

.mandate-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .55rem .75rem;
  border: 1px solid #d2d2d7;
  background: #fff;
  color: #565960;
  font-size: .88rem;
  font-weight: 550;
  line-height: 1.25;
}

@media (max-width: 1100px) {
  .capability-card {
    min-height: 285px;
  }
}

@media (max-width: 860px) {
  .subhero-inner {
    padding-block: 36px 40px;
  }
  .breadcrumbs {
    margin-bottom: 20px;
  }
  .intro-section {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .capability-card {
    min-height: 0;
    padding: 21px;
  }
  .mandates-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .mandates-grid {
    gap: 18px;
  }
}

@media (max-width: 560px) {
  .subhero-inner {
    padding-top: 28px;
    padding-bottom: 32px;
  }
  .breadcrumbs {
    margin-bottom: 16px;
  }
  .subhero h1 {
    font-size: 2.38rem;
  }
  .subhero-claim {
    margin-top: 15px;
    font-size: 1.16rem;
  }
  .subhero-lead {
    margin-top: 16px;
  }
  .subhero-meta {
    margin-top: 13px;
  }
  .intro-section {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .capability-grid {
    gap: 12px;
  }
  .capability-card {
    padding: 18px;
  }
  .capability-card .card-index {
    margin-bottom: 12px;
  }
  .capability-card .keywords {
    margin-bottom: 11px;
  }
  .program-lifecycle {
    margin-top: 28px;
  }
  .program-lifecycle .lifecycle-item {
    padding-bottom: 20px;
  }
  .environment-grid {
    gap: 12px;
  }
  .environment-card {
    min-height: 0;
    padding: 17px 17px 43px;
  }
  .environment-card h3 {
    margin-top: 15px;
  }
  .mandates-section {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .mandate-tags {
    gap: 8px;
  }
  .mandate-tags span {
    min-height: 34px;
    padding: .48rem .65rem;
    font-size: .82rem;
  }
}

/* Manufacturing & Operations page V0.1 */

.manufacturing-lifecycle { grid-template-columns: repeat(6, 1fr); }

.manufacturing-lifecycle::before { left: 3.2%; right: 4.1%; }

.manufacturing-statement-inner { grid-template-columns: .9fr 1.1fr; align-items: center; }

.statement-copy-only p { margin: 0; color: rgba(255,255,255,.82); font-size: 1.05rem; line-height: 1.7; }

.manufacturing-situation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

.situation-card { background: #fff; border: 1px solid var(--line); padding: 24px; min-height: 150px; }

.situation-card span { display: block; color: var(--burgundy); font-size: .74rem; font-weight: 700; letter-spacing: .16em; margin-bottom: 18px; }

.situation-card p { margin: 0; color: #454850; line-height: 1.55; font-weight: 500; }

.manufacturing-related-grid { grid-template-columns: repeat(3, 1fr); }

.related-section { padding-top: 86px; padding-bottom: 86px; }

@media (max-width: 1100px) {
  .manufacturing-lifecycle { grid-template-columns: repeat(3, 1fr); row-gap: 36px; }
  .manufacturing-lifecycle::before { display: none; }
  .manufacturing-situation-grid { grid-template-columns: 1fr 1fr; }
  .manufacturing-related-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {
  .manufacturing-statement-inner { grid-template-columns: 1fr; }
  .manufacturing-situation-grid, .manufacturing-related-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .manufacturing-lifecycle { display: block; }
  .manufacturing-lifecycle .lifecycle-item { padding-bottom: 22px; }
  .situation-card { min-height: 0; padding: 20px; }
  .related-section { padding-top: 56px; padding-bottom: 56px; }
}

/* Manufacturing & Operations page V0.2 – design fine tuning */

@media (min-width: 1101px) {
  .manufacturing-situation-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
  }
  .manufacturing-situation-grid .situation-card { grid-column: span 2; }
  .manufacturing-situation-grid .situation-card:nth-child(4) { grid-column: 2 / span 2; }
  .manufacturing-situation-grid .situation-card:nth-child(5) { grid-column: 4 / span 2; }
}

.manufacturing-page .related-section {
  padding-top: 72px;
  padding-bottom: 72px;
}

.manufacturing-page .manufacturing-related-grid .environment-card {
  min-height: 0;
  padding: 18px 18px 42px;
}

.manufacturing-page .manufacturing-related-grid .environment-card h3 {
  margin-top: 14px;
  margin-bottom: 8px;
}

.manufacturing-page .manufacturing-related-grid .environment-card p {
  font-size: .93rem;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .manufacturing-situation-grid .situation-card:nth-child(4),
  .manufacturing-situation-grid .situation-card:nth-child(5) { grid-column: auto; }
}

@media (max-width: 560px) {
  .manufacturing-page .section { padding-top: 48px; padding-bottom: 48px; }
  .manufacturing-page .intro-section { padding-top: 48px; padding-bottom: 48px; }
  .manufacturing-page .statement-section { padding-top: 50px; padding-bottom: 50px; }
  .manufacturing-page .related-section { padding-top: 46px; padding-bottom: 46px; }
  .manufacturing-page .situation-card { padding: 17px 18px; }
  .manufacturing-page .situation-card span { margin-bottom: 12px; }
  .manufacturing-page .manufacturing-related-grid .environment-card { padding: 16px 16px 38px; }
  .manufacturing-page .manufacturing-lifecycle .lifecycle-item { padding-bottom: 18px; }
}

/* =========================================================
   ERP, MES & Manufacturing Systems page V0.2
   Derived from frozen subpage design system · 16.10.2026
   ========================================================= */

.erp-page .subhero-copy { max-width: 980px; }

.erp-page .subhero h1 { max-width: 940px; font-size: clamp(2.8rem, 4.8vw, 4.95rem); }

.erp-page .subhero-lead { max-width: 910px; }

.erp-page .erp-capability-grid .capability-card { min-height: 335px; }

.erp-page .erp-ai-card {
  background: linear-gradient(180deg, rgba(69,0,26,.035), #fff 28%);
  border-color: #cfbec5;
}

.erp-page .erp-ai-card::before { width: 4px; }

.erp-lifecycle { grid-template-columns: repeat(6, 1fr); }

.erp-lifecycle::before { left: 3.2%; right: 4.1%; height: 2px; background: linear-gradient(90deg, var(--burgundy), #a5a6ac); }

.erp-lifecycle .lifecycle-item strong { font-size: .96rem; font-weight: 650; }

.erp-lifecycle .lifecycle-item small { color: #50535a; }

.erp-statement-inner { grid-template-columns: .9fr 1.1fr; align-items: center; }

.erp-situation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

.erp-systems-section { padding-top: 72px; padding-bottom: 72px; border-top: 1px solid var(--line); }

.erp-system-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

.erp-system-card { position: relative; min-height: 190px; padding: 22px; border: 1px solid var(--line); background: var(--neutral); }

.erp-system-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:var(--burgundy); }

.erp-system-card span { display:block; color:var(--burgundy); font-size:.73rem; font-weight:700; letter-spacing:.12em; line-height:1.35; }

.erp-system-card h3 { margin: 34px 0 0; color:var(--charcoal); font-size:1.05rem; line-height:1.45; font-weight:600; }

.erp-related-grid { grid-template-columns: repeat(3, 1fr); }

.erp-page .related-section { padding-top: 72px; padding-bottom: 72px; }

.erp-page .erp-related-grid .environment-card { min-height: 0; padding: 18px 18px 42px; }

.erp-page .erp-related-grid .environment-card h3 { margin-top: 14px; margin-bottom: 8px; }

.erp-page .erp-related-grid .environment-card p { font-size: .93rem; line-height: 1.5; }

@media (max-width: 1100px) {
  .erp-page .erp-capability-grid .capability-card { min-height: 300px; }
  .erp-lifecycle { grid-template-columns: repeat(3, 1fr); row-gap: 36px; }
  .erp-lifecycle::before { display:none; }
  .erp-situation-grid { grid-template-columns: 1fr 1fr; }
  .erp-system-grid { grid-template-columns: 1fr 1fr; }
  .erp-related-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {
  .erp-statement-inner { grid-template-columns:1fr; }
  .erp-situation-grid, .erp-system-grid, .erp-related-grid { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  .erp-page .subhero h1 { font-size: 2.25rem; }
  .erp-page .section { padding-top: 48px; padding-bottom: 48px; }
  .erp-page .intro-section { padding-top: 48px; padding-bottom: 48px; }
  .erp-page .statement-section { padding-top: 50px; padding-bottom: 50px; }
  .erp-page .erp-capability-grid .capability-card { min-height:0; padding:17px 18px; }
  .erp-page .erp-capability-grid .capability-card .keywords { margin-bottom: 11px; }
  .erp-lifecycle { display:block; }
  .erp-lifecycle .lifecycle-item { padding-bottom:18px; }
  .erp-page .situation-card { padding:17px 18px; }
  .erp-page .situation-card span { margin-bottom:12px; }
  .erp-systems-section { padding-top:46px; padding-bottom:46px; }
  .erp-system-card { min-height:0; padding:18px; }
  .erp-system-card h3 { margin-top:16px; font-size:.98rem; }
  .erp-page .related-section { padding-top:46px; padding-bottom:46px; }
  .erp-page .erp-related-grid .environment-card { padding:16px 16px 38px; }
}

/* =========================================================
   ERP/MES V0.2 design fine-tuning
   - AI-enabled field subtly featured
   - mobile system environments condensed
   - mobile vertical density reduced without content cuts
   ========================================================= */

.erp-page .erp-ai-card {
  background: linear-gradient(180deg, rgba(69,0,26,.052), #fff 30%);
  border-color: #c8b2bb;
  box-shadow: inset 0 3px 0 rgba(69,0,26,.16);
}

.erp-page .erp-ai-card::before {
  transform: scaleY(1);
  opacity: .5;
}

.erp-page .erp-ai-card .keywords { margin-bottom: 11px; }

.erp-page .erp-ai-card p { margin-bottom: 10px; }

.erp-page .erp-ai-card p:last-child { margin-bottom: 0; }

@media (max-width: 560px) {
  .erp-page .subhero-inner { padding-top: 30px; padding-bottom: 34px; }
  .erp-page .section { padding-top: 42px; padding-bottom: 42px; }
  .erp-page .intro-section { padding-top: 42px; padding-bottom: 42px; }
  .erp-page .statement-section { padding-top: 46px; padding-bottom: 46px; }
  .erp-page .section-heading,
  .erp-page .compact-heading { margin-bottom: 30px; }

  .erp-page .erp-capability-grid .capability-card { padding: 15px 16px; }
  .erp-page .erp-capability-grid .capability-card .card-index { margin-bottom: 14px; }
  .erp-page .erp-capability-grid .capability-card h3 { margin-bottom: 11px; }
  .erp-page .erp-capability-grid .capability-card p { line-height: 1.5; }
  .erp-page .erp-ai-card { box-shadow: inset 0 2px 0 rgba(69,0,26,.16); }

  .erp-lifecycle .lifecycle-item { padding-bottom: 14px; }
  .erp-page .situation-card { padding: 15px 16px; }
  .erp-page .situation-card span { margin-bottom: 10px; }

  .erp-systems-section { padding-top: 40px; padding-bottom: 40px; }
  .erp-system-grid { gap: 10px; }
  .erp-system-card {
    min-height: 0;
    padding: 13px 15px 13px 18px;
    display: grid;
    grid-template-columns: minmax(92px, .72fr) minmax(0, 1.65fr);
    align-items: start;
    gap: 12px;
    background: #fafafa;
  }
  .erp-system-card::before {
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
  }
  .erp-system-card span {
    font-size: .67rem;
    letter-spacing: .09em;
    line-height: 1.32;
  }
  .erp-system-card h3 {
    margin: 0;
    font-size: .93rem;
    line-height: 1.38;
  }

  .erp-page .related-section { padding-top: 40px; padding-bottom: 40px; }
  .erp-page .erp-related-grid { gap: 10px; }
  .erp-page .erp-related-grid .environment-card { padding: 14px 15px 34px; }
  .erp-page .erp-related-grid .environment-card h3 { margin-top: 11px; margin-bottom: 6px; }
  .erp-page .erp-related-grid .environment-card p { line-height: 1.45; }
}

/* V0.2 final density & containment pass */

@media (max-width: 560px) {
  .erp-page .section { padding-top: 40px; padding-bottom: 40px; }
  .erp-page .intro-section { padding-top: 38px; padding-bottom: 38px; }
  .erp-page .statement-section { padding-top: 44px; padding-bottom: 44px; }
  .erp-page .section-heading,
  .erp-page .compact-heading { margin-bottom: 26px; }
  .erp-page .intro-copy p { margin-bottom: 10px; font-size: .98rem; line-height: 1.5; }

  .erp-page .erp-capability-grid .capability-card { padding: 14px 15px; }
  .erp-page .erp-capability-grid .capability-card .card-index { margin-bottom: 12px; }
  .erp-page .erp-capability-grid .capability-card h3 { margin-bottom: 9px; }
  .erp-page .erp-capability-grid .capability-card p { margin-bottom: 9px; }
  .erp-page .erp-capability-grid .capability-card .keywords { margin-bottom: 9px; }
  .erp-page .erp-ai-card p { margin-bottom: 8px; }

  .erp-lifecycle .lifecycle-item { padding-bottom: 12px; }
  .erp-page .situation-card { padding: 14px 15px; }
  .erp-page .situation-card span { margin-bottom: 8px; }
  .erp-page #transformationen .section-heading h2 { font-size: 1.78rem; hyphens: manual; }

  .erp-system-card span { overflow-wrap: anywhere; }
  .erp-page .related-section { padding-top: 38px; padding-bottom: 38px; }
  .erp-page .erp-related-grid .environment-card { padding: 13px 15px 32px; }
  .erp-page .erp-related-grid .environment-card h3 { margin-top: 9px; margin-bottom: 5px; }

  .erp-page .cta-section { padding-top: 46px; padding-bottom: 46px; }
}

/* V0.2 final mobile compression target (~8% vs. V0.1) */

@media (max-width: 560px) {
  .erp-page .section { padding-top: 39px; padding-bottom: 39px; }
  .erp-page .intro-section { padding-top: 36px; padding-bottom: 36px; }
  .erp-page .statement-section { padding-top: 42px; padding-bottom: 42px; }
  .erp-page .erp-capability-grid .capability-card { padding-top: 13px; padding-bottom: 13px; }
  .erp-page .situation-card { padding-top: 13px; padding-bottom: 13px; }
  .erp-systems-section { padding-top: 38px; padding-bottom: 38px; }
  .erp-page .related-section { padding-top: 36px; padding-bottom: 36px; }
  .erp-page .cta-section { padding-top: 42px; padding-bottom: 42px; }
}

/* IT/OT & Automation V0.1 */

.itot-page .subhero-copy { max-width: 980px; }

.itot-page .subhero h1 { max-width: 940px; font-size: clamp(2.8rem, 4.8vw, 4.95rem); }

.itot-page .subhero-lead { max-width: 910px; }

.itot-page .itot-capability-grid .capability-card { min-height: 315px; }

.itot-page .itot-security-card { background: linear-gradient(180deg, rgba(69,0,26,.025), #fff 42%); }

.itot-page .itot-security-card::before { width: 4px; }

.itot-lifecycle { grid-template-columns: repeat(6, 1fr); }

.itot-lifecycle::before { left: 3.2%; right: 4.1%; height: 2px; background: linear-gradient(90deg, var(--burgundy), #a5a6ac); }

.itot-lifecycle .lifecycle-item strong { font-size: .96rem; font-weight: 650; }

.itot-lifecycle .lifecycle-item small { color: #50535a; }

.itot-statement-inner { grid-template-columns: .9fr 1.1fr; align-items: center; }

.itot-situation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

.itot-tech-section { padding-top: 72px; padding-bottom: 72px; border-top: 1px solid var(--line); }

.itot-tech-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

.itot-tech-card { position: relative; min-height: 190px; padding: 22px; border: 1px solid var(--line); background: var(--neutral); }

.itot-tech-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:var(--burgundy); }

.itot-tech-card span { display:block; color:var(--burgundy); font-size:.73rem; font-weight:700; letter-spacing:.12em; line-height:1.35; }

.itot-tech-card h3 { margin: 34px 0 0; color:var(--charcoal); font-size:1.05rem; line-height:1.45; font-weight:600; }

.itot-related-grid { grid-template-columns: repeat(3, 1fr); }

.itot-page .related-section { padding-top: 72px; padding-bottom: 72px; }

.itot-page .itot-related-grid .environment-card { min-height: 0; padding: 18px 18px 42px; }

.itot-page .itot-related-grid .environment-card h3 { margin-top: 14px; margin-bottom: 8px; }

.itot-page .itot-related-grid .environment-card p { font-size: .93rem; line-height: 1.5; }

@media (max-width: 1020px) {
  .itot-page .itot-capability-grid .capability-card { min-height: 285px; }
  .itot-lifecycle { grid-template-columns: repeat(3, 1fr); row-gap: 36px; }
  .itot-lifecycle::before { display:none; }
  .itot-situation-grid { grid-template-columns: 1fr 1fr; }
  .itot-tech-grid { grid-template-columns: 1fr 1fr; }
  .itot-related-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .itot-statement-inner { grid-template-columns:1fr; }
  .itot-situation-grid, .itot-tech-grid, .itot-related-grid { grid-template-columns:1fr; }
  .itot-page .subhero h1 { font-size: 2.25rem; }
  .itot-page .section { padding-top: 42px; padding-bottom: 42px; }
  .itot-page .intro-section { padding-top: 42px; padding-bottom: 42px; }
  .itot-page .statement-section { padding-top: 46px; padding-bottom: 46px; }
  .itot-page .section-heading, .itot-page .compact-heading { margin-bottom: 30px; }
  .itot-page .itot-capability-grid .capability-card { min-height:0; padding:15px 16px; }
  .itot-page .itot-capability-grid .capability-card .keywords { margin-bottom: 10px; }
  .itot-lifecycle { display:block; }
  .itot-lifecycle .lifecycle-item { padding-bottom:14px; }
  .itot-page .situation-card { padding:15px 16px; }
  .itot-page .situation-card span { margin-bottom:10px; }
  .itot-tech-section { padding-top:40px; padding-bottom:40px; }
  .itot-tech-grid { gap:10px; }
  .itot-tech-card { min-height:0; padding:15px 16px; }
  .itot-tech-card h3 { margin-top:12px; font-size:.98rem; }
  .itot-page .related-section { padding-top:38px; padding-bottom:38px; }
  .itot-page .itot-related-grid { gap:10px; }
  .itot-page .itot-related-grid .environment-card { padding:13px 15px 32px; }
  .itot-page .itot-related-grid .environment-card h3 { margin-top:9px; margin-bottom:5px; }
  .itot-page .itot-related-grid .environment-card p { line-height:1.45; }
}

/* =========================================================
   IT/OT & Automation V0.2 design fine-tuning
   - Security remains visible, not dominant
   - mobile density reduced without content cuts
   - technical mini-cards tightened
   ========================================================= */

.itot-page .itot-capability-grid .capability-card {
  padding-top: 23px;
  padding-bottom: 23px;
}

.itot-page .itot-security-card {
  background: linear-gradient(180deg, rgba(69,0,26,.028), #fff 38%);
  border-color: #d2c6cb;
}

.itot-page .itot-security-card::before { opacity: .58; }

@media (max-width: 720px) {
  .itot-page .subhero-inner { padding-top: 30px; padding-bottom: 34px; }
  .itot-page .section { padding-top: 39px; padding-bottom: 39px; }
  .itot-page .intro-section { padding-top: 36px; padding-bottom: 36px; }
  .itot-page .statement-section { padding-top: 42px; padding-bottom: 42px; }
  .itot-page .section-heading,
  .itot-page .compact-heading { margin-bottom: 26px; }

  .itot-page .itot-capability-grid .capability-card {
    min-height: 0;
    padding: 13px 15px;
  }
  .itot-page .itot-capability-grid .capability-card .card-index { margin-bottom: 12px; }
  .itot-page .itot-capability-grid .capability-card h3 { margin-bottom: 9px; }
  .itot-page .itot-capability-grid .capability-card p { margin-bottom: 9px; line-height: 1.5; }
  .itot-page .itot-capability-grid .capability-card .keywords { margin-bottom: 9px; }

  .itot-lifecycle .lifecycle-item { padding-bottom: 12px; }
  .itot-page .situation-card { padding: 13px 15px; }
  .itot-page .situation-card span { margin-bottom: 8px; }

  .itot-tech-section { padding-top: 38px; padding-bottom: 38px; }
  .itot-tech-grid { gap: 10px; }
  .itot-tech-card {
    min-height: 0;
    padding: 13px 15px 13px 18px;
    display: grid;
    grid-template-columns: minmax(98px, .78fr) minmax(0, 1.65fr);
    align-items: start;
    gap: 12px;
    background: #fafafa;
  }
  .itot-tech-card::before {
    left: 0; top: 0; width: 3px; height: 100%;
  }
  .itot-tech-card span {
    font-size: .67rem;
    letter-spacing: .09em;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  .itot-tech-card h3 {
    margin: 0;
    font-size: .93rem;
    line-height: 1.38;
  }

  .itot-page .related-section { padding-top: 36px; padding-bottom: 36px; }
  .itot-page .itot-related-grid { gap: 10px; }
  .itot-page .itot-related-grid .environment-card { padding: 13px 15px 32px; }
  .itot-page .itot-related-grid .environment-card h3 { margin-top: 9px; margin-bottom: 5px; }
  .itot-page .itot-related-grid .environment-card p { line-height: 1.45; }
  .itot-page .cta-section { padding-top: 42px; padding-bottom: 42px; }
}

/* =========================================================
   Pharma Manufacturing & Life Sciences V0.2
   Design-Freigabestand · 16.10.2026
   Fine-tuning only: Manufacturing-first hierarchy retained,
   AI-enabled GxP card compacted, mobile environment labels
   widened and letter-spacing reduced. No content redesign.
   ========================================================= */

.pharma-page .subhero-copy { max-width: 1000px; }

.pharma-page .subhero h1 { max-width: 1050px; font-size: clamp(2.8rem, 4.8vw, 4.95rem); }

.pharma-page .subhero-lead { max-width: 930px; }

.pharma-page .pharma-capability-grid .capability-card { min-height: 320px; padding-top: 23px; padding-bottom: 23px; }

.pharma-page .pharma-ai-card { background: linear-gradient(180deg, rgba(69,0,26,.026), #fff 40%); border-color:#d5c8cd; }

.pharma-page .pharma-ai-card::before { width: 4px; opacity:.62; }

.pharma-page .pharma-ai-card p { margin-bottom: 9px; line-height: 1.47; }

.pharma-page .pharma-ai-card .keywords { margin-bottom: 11px; }

.pharma-lifecycle { grid-template-columns: repeat(6, 1fr); }

.pharma-lifecycle::before { left: 3.2%; right: 4.1%; height: 2px; background: linear-gradient(90deg, var(--burgundy), #a5a6ac); }

.pharma-lifecycle .lifecycle-item strong { font-size: .96rem; font-weight: 650; }

.pharma-lifecycle .lifecycle-item small { color: #50535a; }

.pharma-statement-inner { grid-template-columns: .95fr 1.05fr; align-items: center; }

.pharma-situation-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }

.pharma-env-section { padding-top:72px; padding-bottom:72px; border-top:1px solid var(--line); }

.pharma-env-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }

.pharma-env-card { position:relative; min-height:190px; padding:22px; border:1px solid var(--line); background:var(--neutral); }

.pharma-env-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:var(--burgundy); }

.pharma-env-card span { display:block; color:var(--burgundy); font-size:.70rem; font-weight:700; letter-spacing:.10em; line-height:1.35; overflow-wrap:anywhere; }

.pharma-env-card h3 { margin:30px 0 0; color:var(--charcoal); font-size:1.03rem; line-height:1.45; }

.pharma-page .pharma-related-grid { grid-template-columns: repeat(3,1fr); }

@media (max-width: 980px) {
  .pharma-env-grid { grid-template-columns: repeat(2,1fr); }
  .pharma-situation-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
  .pharma-page .subhero-inner { padding-top:30px; padding-bottom:34px; }
  .pharma-page .section { padding-top:39px; padding-bottom:39px; }
  .pharma-page .intro-section { padding-top:36px; padding-bottom:36px; }
  .pharma-page .statement-section { padding-top:42px; padding-bottom:42px; }
  .pharma-page .section-heading, .pharma-page .compact-heading { margin-bottom:26px; }
  .pharma-page .pharma-capability-grid .capability-card { min-height:0; padding:13px 15px; }
  .pharma-page .pharma-capability-grid .capability-card .card-index { margin-bottom:12px; }
  .pharma-page .pharma-capability-grid .capability-card h3 { margin-bottom:9px; }
  .pharma-page .pharma-capability-grid .capability-card p { margin-bottom:9px; line-height:1.5; }
  .pharma-page .pharma-capability-grid .capability-card .keywords { margin-bottom:9px; }
  .pharma-page .pharma-ai-card p { margin-bottom:7px; line-height:1.46; }
  .pharma-page .pharma-ai-card .keywords { margin-bottom:7px; }
  .pharma-lifecycle .lifecycle-item { padding-bottom:12px; }
  .pharma-page .situation-card { padding:13px 15px; }
  .pharma-page .situation-card span { margin-bottom:8px; }
  .pharma-situation-grid { grid-template-columns:1fr; gap:10px; }
  .pharma-env-section { padding-top:38px; padding-bottom:38px; }
  .pharma-env-grid { grid-template-columns:1fr; gap:10px; }
  .pharma-env-card { min-height:0; padding:13px 15px 13px 18px; display:grid; grid-template-columns:minmax(132px,.96fr) minmax(0,1.45fr); align-items:start; gap:11px; background:#fafafa; }
  .pharma-env-card::before { left:0; top:0; width:3px; height:100%; }
  .pharma-env-card span { font-size:.66rem; letter-spacing:.055em; line-height:1.28; overflow-wrap:anywhere; }
  .pharma-env-card h3 { margin:0; font-size:.93rem; line-height:1.38; }
  .pharma-page .related-section { padding-top:36px; padding-bottom:36px; }
  .pharma-page .pharma-related-grid { gap:10px; }
  .pharma-page .pharma-related-grid .environment-card { padding:13px 15px 32px; }
  .pharma-page .pharma-related-grid .environment-card h3 { margin-top:9px; margin-bottom:5px; }
  .pharma-page .pharma-related-grid .environment-card p { line-height:1.45; }
  .pharma-page .cta-section { padding-top:42px; padding-bottom:42px; }
}

@media (max-width: 410px) {
  .pharma-env-card { grid-template-columns:minmax(128px,1fr) minmax(0,1.38fr); gap:9px; }
  .pharma-env-card span { font-size:.64rem; letter-spacing:.04em; }
}

/* =========================================================
   Pharma V0.2 final responsive release corrections
   - Statement stacks cleanly on mobile
   - Related competence cards are single-column on mobile
   No content changes.
   ========================================================= */

@media (max-width: 720px) {
  .pharma-statement-inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .pharma-statement .statement-lion {
    width: 220px;
    right: -72px;
    opacity: .055;
  }
  .pharma-page .pharma-related-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Über Leotron · Design V0.2 Freigabestand · 16.10.2026
   Basis: Webcopy V0.4 Freigabestand + Master V0.12 +
   bestätigtes Leotron Unterseiten-Designsystem.
   ========================================================= */

.about-page .about-subhero .subhero-copy { max-width: 980px; }

.about-page .about-subhero h1 { max-width: 900px; font-size: clamp(3rem, 5vw, 5.2rem); }

.about-page .about-subhero .subhero-claim { max-width: 900px; }

.about-page .about-hero-support { max-width: 850px; margin: 14px 0 0; color: var(--muted); font-size: 1.03rem; line-height: 1.62; }

.about-company-grid { display:grid; grid-template-columns: 1.35fr .65fr; gap: clamp(44px,7vw,96px); align-items:center; }

.about-company-copy h2, .about-person-copy h2, .about-heading h2, .about-leadership h2 { margin: 0 0 18px; font-size: clamp(2rem,3.2vw,3.2rem); line-height:1.08; color:var(--charcoal); }

.about-company-copy > p:not(.eyebrow) { max-width: 760px; margin: 0 0 14px; color: var(--muted); font-size: 1.02rem; line-height:1.62; }

.about-axis { border-left: 1px solid #c8c9ce; padding-left: 28px; }

.about-axis > div { display:grid; grid-template-columns: 42px 1fr; gap:12px; align-items:center; padding: 14px 0; border-bottom:1px solid var(--line); }

.about-axis span { color:var(--burgundy); font-weight:700; font-size:.72rem; letter-spacing:.13em; }

.about-axis strong { color:var(--charcoal); font-size:1.18rem; }

.about-axis p { margin:18px 0 0; color:var(--muted); line-height:1.55; }

.about-person-grid { display:grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: clamp(40px,7vw,92px); align-items:center; }

.about-portrait-frame { position:relative; overflow:hidden; background:#ececed; aspect-ratio: 4 / 5; max-width: 430px; border:1px solid var(--line); }

.about-portrait-frame::after { content:""; position:absolute; inset:auto 0 0; height:4px; background:var(--burgundy); }

.about-portrait-frame img { width:100%; height:100%; object-fit:cover; object-position:48% 14%; display:block; }

.about-person-copy { max-width:780px; }

.about-role { margin: -3px 0 22px; color:var(--burgundy); font-weight:650; font-size:1.03rem; line-height:1.45; }

.about-person-copy > p:not(.eyebrow):not(.about-role) { margin:0 0 13px; color:var(--muted); font-size:1.01rem; line-height:1.62; }

.about-heading { max-width: 900px; margin-bottom: 40px; }

.about-heading > p:last-child { max-width:760px; margin:0; color:var(--muted); line-height:1.58; }

.about-path { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:20px; }

.about-path::before { content:""; position:absolute; top:20px; left:5%; right:5%; height:2px; background:linear-gradient(90deg,var(--burgundy),#a5a6ac); }

.about-path-item { position:relative; padding: 0 12px; text-align:center; }

.about-path-item .dot { position:relative; z-index:2; display:block; width:14px; height:14px; margin:14px auto 15px; border:3px solid #fff; border-radius:50%; background:var(--burgundy); box-shadow:0 0 0 1px var(--burgundy); }

.about-path-item small { display:block; color:var(--burgundy); font-size:.68rem; font-weight:700; letter-spacing:.12em; }

.about-path-item strong { display:block; margin-top:8px; color:var(--charcoal); font-size:.96rem; line-height:1.38; }

.about-path-note { max-width:900px; margin:38px auto 0; text-align:center; color:var(--muted); line-height:1.58; }

.about-competence-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }

.about-competence-card { position:relative; min-height:245px; padding:25px; border:1px solid var(--line); background:#fff; }

.about-competence-card::before { content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:var(--burgundy); opacity:.7; }

.about-competence-card > span { color:var(--burgundy); font-size:.72rem; font-weight:700; letter-spacing:.14em; }

.about-competence-card h3 { margin:20px 0 11px; color:var(--charcoal); font-size:1.32rem; line-height:1.25; }

.about-competence-card .keywords { color:var(--burgundy); font-size:.84rem; font-weight:600; line-height:1.45; }

.about-competence-card p:last-child { margin:14px 0 0; color:var(--muted); line-height:1.55; }

.about-leadership-grid { align-items:start; }

.about-statement { position:relative; overflow:hidden; }

.about-statement-inner { position:relative; z-index:2; display:grid; grid-template-columns:1fr .9fr; gap: clamp(38px,6vw,86px); align-items:center; }

.about-statement h2 { max-width:720px; }

.about-statement-quote { border-left:1px solid rgba(255,255,255,.45); padding-left:34px; }

.about-statement-quote p { margin:0; color:#fff; font-size:clamp(1.25rem,2.1vw,1.9rem); font-weight:500; line-height:1.38; }

.about-industry-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }

.about-industry-card { position:relative; min-height:180px; padding:22px; border:1px solid var(--line); background:var(--neutral); }

.about-industry-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:var(--burgundy); }

.about-industry-card span { color:var(--burgundy); font-size:.7rem; font-weight:700; letter-spacing:.12em; }

.about-industry-card h3 { margin:30px 0 10px; color:var(--charcoal); font-size:1.05rem; line-height:1.35; }

.about-industry-card p { margin:0; color:var(--muted); font-size:.9rem; line-height:1.48; }

.about-industry-note { max-width:900px; margin:34px 0 0; color:var(--muted); line-height:1.58; }

@media (max-width: 980px) {
  .about-company-grid, .about-person-grid { grid-template-columns:1fr; }
  .about-axis { max-width:640px; }
  .about-person-grid { gap:34px; }
  .about-portrait-frame { max-width:390px; }
  .about-path { grid-template-columns:1fr; gap:0; max-width:720px; margin-inline:auto; }
  .about-path::before { top:0; bottom:0; left:15px; right:auto; width:2px; height:auto; background:linear-gradient(180deg,var(--burgundy),#a5a6ac); }
  .about-path-item { text-align:left; padding:0 0 22px 44px; }
  .about-path-item .dot { position:absolute; left:9px; top:0; margin:0; }
  .about-path-item small { margin-bottom:4px; }
  .about-path-item strong { margin-top:0; }
  .about-path-note { text-align:left; max-width:720px; }
  .about-industry-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 720px) {
  .about-page .subhero-inner { padding-top:30px; padding-bottom:36px; }
  .about-page .about-subhero h1 { font-size:2.65rem; line-height:1.03; }
  .about-page .about-subhero .subhero-claim { font-size:1.24rem; }
  .about-page .about-hero-support { font-size:.96rem; line-height:1.52; }
  .about-page .section { padding-top:40px; padding-bottom:40px; }
  .about-company-grid { gap:28px; }
  .about-axis { border-left:0; border-top:1px solid var(--line); padding:16px 0 0; }
  .about-axis > div { padding:11px 0; }
  .about-company-copy h2, .about-person-copy h2, .about-heading h2, .about-leadership h2 { font-size:1.85rem; }
  .about-person-grid { gap:26px; }
  .about-portrait-frame { max-width:none; width:100%; aspect-ratio:5 / 6; }
  .about-portrait-frame img { object-position:48% 15%; }
  .about-role { font-size:.96rem; margin-bottom:18px; }
  .about-heading { margin-bottom:28px; }
  .about-path-item { padding-bottom:20px; }
  .about-path-note { margin-top:22px; }
  .about-competence-grid { grid-template-columns:1fr; gap:10px; }
  .about-competence-card { min-height:0; padding:15px 16px 15px 19px; }
  .about-competence-card h3 { margin:13px 0 8px; font-size:1.12rem; }
  .about-competence-card p:last-child { margin-top:9px; line-height:1.48; }
  .about-statement { padding-top:44px; padding-bottom:44px; }
  .about-statement-inner { grid-template-columns:1fr; gap:24px; }
  .about-statement-quote { border-left:0; border-top:1px solid rgba(255,255,255,.4); padding:22px 0 0; }
  .about-statement-quote p { font-size:1.18rem; }
  .about-industry-grid { grid-template-columns:1fr; gap:10px; }
  .about-industry-card { min-height:0; padding:14px 15px 14px 18px; display:grid; grid-template-columns:38px 1fr; column-gap:10px; align-items:start; }
  .about-industry-card::before { width:3px; height:100%; }
  .about-industry-card span { grid-row:1 / span 2; margin-top:3px; }
  .about-industry-card h3 { margin:0 0 4px; font-size:1rem; }
  .about-industry-card p { font-size:.86rem; }
  .about-industry-note { margin-top:24px; }
  .about-page .cta-section { padding-top:44px; padding-bottom:44px; }
}

/* =========================================================
   Über Leotron · Design V0.2 Freigabestand · 16.10.2026
   Review-Feinrunde auf Basis V0.1. Keine konzeptionelle oder
   inhaltliche Änderung: Portraittypografie, Entwicklungslinie,
   Karten-Dichte und Übergang Führung → Statement optimiert.
   ========================================================= */

/* Portraitblock: Rollen-/Funktionszeile ruhiger und besser lesbar */

.about-role {
  font-size: 1.07rem;
  line-height: 1.52;
  margin-bottom: 20px;
  letter-spacing: .002em;
}

/* Entwicklungslinie: mehr Raum für Stufe 04, ohne die Logik zu ändern */

@media (min-width: 981px) {
  .about-path {
    grid-template-columns: .97fr .97fr 1.04fr 1.30fr .92fr;
  }
  .about-path-item { padding-inline: 10px; }
  .about-path-item:nth-child(4) strong {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Kompetenzblöcke: weniger künstliche Höhe, gleiche Viererlogik */

.about-competence-card {
  min-height: 220px;
  padding: 22px 23px;
}

.about-competence-card h3 { margin: 16px 0 10px; }

.about-competence-card p:last-child {
  margin-top: 11px;
  line-height: 1.52;
}

/* Führung und Statement enger als zusammengehöriger Positionierungsblock */

@media (min-width: 981px) {
  .about-leadership { padding-bottom: 72px; }
}

@media (min-width: 721px) and (max-width: 980px) {
  .about-leadership { padding-bottom: 58px; }
}

/* Mobile: bestätigte Struktur beibehalten, nur Rollenlesbarkeit angleichen */

@media (max-width: 720px) {
  .about-role {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 18px;
  }
}