.company-history { padding-block: clamp(3rem, 7vw, 7rem); background: #f2f5ef; color: #203449; }
.company-history h2, .company-history h3 { font-family: var(--font-head); font-weight: 400; margin: 0; }
.company-history__intro { margin: 1rem 0 3rem; max-width: 42rem; line-height: 1.7; }
.company-history__list { list-style: none; margin: 0; padding: 0; }
.company-history__list li { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 2rem; }
.company-history__list time { color: #006600; font-family: var(--font-head); font-size: 1.75rem; padding-top: 1.5rem; }
.company-history__list li > div { position: relative; border-left: 2px solid #b8cbb2; padding: 1.5rem 0 2.5rem 2.5rem; }
.company-history__list li > div::before { content: ''; position: absolute; left: -.45rem; top: 2rem; width: .8rem; height: .8rem; border-radius: 50%; background: #008a00; box-shadow: 0 0 0 5px #f2f5ef; }
.company-history__list p { max-width: 48rem; margin: .8rem 0 0; line-height: 1.7; color: #4f5f52; }
.company-history__logos { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }
.company-history__logos img { display: block; width: 14.5rem; max-width: 100%; height: 5.5rem; object-fit: contain; object-position: left center; background: transparent; border: 0; border-radius: 0; mix-blend-mode: multiply; }
/* Das neue Hochformat im Bereich „Made in Germany“ vollständig zeigen. */
.subpage-detail__media { aspect-ratio: 3 / 4; background: #f4f5f2; }
.subpage-detail__media img[src*="nobacor-made-in-germany"] { object-fit: contain; }
@media (max-width: 48rem) {
  .company-history__list li { grid-template-columns: 4rem minmax(0, 1fr); gap: .75rem; }
  .company-history__list time { font-size: 1.35rem; }
  .company-history__list li > div { padding-left: 1.25rem; }
}