/* Über uns – Figma „📝 About“ (3838:47511) */

/* Hero: Teamfoto links (läuft an den Rand), Text rechts */
.uu-hero { padding-top: 100px; overflow: hidden; }
.uu-hero__inner {
  width: min(1440px, 100%); margin-inline: auto;
  display: grid; grid-template-columns: 720px minmax(0, 562px); column-gap: 61px; align-items: start;
}
.uu-hero__media { padding-top: 48px; }
.uu-hero__media img { width: 720px; height: 450px; object-fit: cover; }
.uu-hero__text { padding-top: 48px; display: grid; justify-items: start; }
.uu-hero__lead { max-width: 474px; margin-top: 12px; margin-bottom: 40px; }

/* Zahlen */
.uu-zahlen { padding-block: 108px; }
.uu-zahlen__liste { display: grid; grid-template-columns: 270px 236px 232px 1fr; column-gap: 76px; align-items: start; }
.uu-zahl { display: grid; gap: 6px; }
.uu-zahl__wert { font-size: var(--fs-display-2); line-height: var(--lh-display-2); font-weight: 700; }
.uu-zahl dd { display: grid; gap: 12px; }
.uu-zahl__titel { font-size: var(--fs-display-4); line-height: var(--lh-display-4); font-weight: 700; min-height: 76px; }

/* Woran Kunden & Partner uns messen können: Text links, Foto (Stetig && Wandel) mit Bildunterschrift rechts bis an den Rand */
.uu-about { padding-block: 100px; overflow: hidden; }
.uu-about__inner {
  width: min(1440px, 100%); margin-inline: auto; padding-left: 110px;
  display: grid; grid-template-columns: 588px 742px; align-items: center;
}
.uu-about__text { display: grid; justify-items: start; gap: 30px; position: relative; z-index: 1; }
.uu-about__text p { max-width: 548px; }
.uu-about__text .btn { margin-top: 13px; }
.uu-about__media { display: grid; gap: 12px; }
.uu-about__media img { width: 742px; height: 440px; object-fit: cover; }
.uu-about__bildtext { font-size: 14px; line-height: 20px; color: var(--grey-600); }

/* Gründerteam */
.uu-team { padding-block: 132px; }
.uu-team__head { display: grid; justify-items: center; gap: 12px; text-align: center; margin-bottom: 51px; }
.uu-team__head h2 { max-width: 596px; }
.uu-team__head p { max-width: 734px; }
.uu-team__karten { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.uu-person { background: var(--grey-50); padding: 26px 27px 48px; display: flex; flex-direction: column; align-items: center; gap: 36px; }
.uu-person__bild { width: 100%; aspect-ratio: 230 / 333; overflow: hidden; background: var(--grey-100); }
.uu-person__bild img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.uu-person__bild--initialen { display: flex; align-items: center; justify-content: center; color: var(--ink); font-size: 72px; line-height: 1; font-weight: 700; letter-spacing: -0.01em; }
.uu-person__text { display: flex; flex-direction: column; align-items: center; text-align: center; }
.uu-person__name { font-size: var(--fs-display-4); line-height: var(--lh-display-4); font-weight: 700; }
.uu-person__rolle { margin-top: 2px; font-size: 18px; line-height: 20px; color: var(--grey-600); }
.uu-person__linkedin {
  margin-top: 18px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--ink); color: var(--white); transition: background-color .2s ease;
}
.uu-person__linkedin:hover { background: var(--cyan); }
.uu-team__button { margin-top: 51px; }

/* Werte */
.uu-werte { padding-block: 132px; }
.uu-werte__head { display: grid; justify-items: center; gap: 12px; text-align: center; margin-bottom: 48px; }
.uu-werte__head h2 { max-width: 560px; }
.uu-werte__karten { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; align-items: start; }
.uu-wert { padding: 49px 31px; display: grid; gap: 10px; }
.uu-wert__icon { width: 48px; height: 48px; margin-bottom: 18px; }
.uu-wert__titel { font-size: var(--fs-display-4); line-height: var(--lh-display-4); font-weight: 700; }
.uu-wert--dunkel { background: var(--ink); color: var(--white); }

/* Logowand: Titel links, Logos rechts (grau, beim Überfahren farbig) */
.uu-kunden { padding-block: 180px; }
.uu-kunden__inner {
  width: min(1186px, 100% - 2 * var(--gutter)); margin-inline: auto;
  display: flex; align-items: center; justify-content: space-between; gap: 48px;
}
.uu-kunden__titel { width: 436px; flex: none; }
.uu-kunden__logos { width: 666px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; align-items: center; justify-items: start; }
.uu-kunden__logos img { max-width: 100%; height: auto; filter: grayscale(1); opacity: .45; transition: filter .25s ease, opacity .25s ease; }
.uu-kunden__logos li:hover img { filter: none; opacity: 1; }

/* CTA „Bereit, gemeinsam anzufangen?“ */
.uu-cta { padding-block: 100px; }
.uu-cta__inner {
  width: min(1440px, 100%); margin-inline: auto; background: var(--ink); color: var(--white); overflow: hidden;
  display: grid; grid-template-columns: 792px minmax(0, 451px); column-gap: 87px; align-items: center;
}
.uu-cta__media { height: 560px; position: relative; overflow: hidden; }
.uu-cta__media img { position: absolute; left: 0; top: 1px; width: 804px; max-width: none; height: 558px; }
.uu-cta__text { display: grid; justify-items: start; gap: 48px; }
.uu-cta__text h2 { min-height: 168px; }
.uu-cta .btn--outline-light { border-width: 2px; }

/* Standort München */
.uu-standort { padding: 100px 0 200px; }
.uu-standort__inner { display: flex; flex-direction: column; align-items: center; text-align: center; }
.uu-standort__titel { max-width: 560px; }
.uu-standort__adresse { margin-top: 48px; font-style: normal; color: var(--grey-700); display: flex; flex-direction: column; align-items: center; gap: 12px; }
.uu-standort__ort { font-size: var(--fs-display-4); line-height: var(--lh-display-4); font-weight: 700; }
.uu-standort__link { display: inline-flex; align-items: center; gap: 6px; transition: color .2s ease; }
.uu-standort__link svg { flex: none; }
.uu-standort__link:hover { color: var(--cyan); }
.uu-standort__skyline { margin-top: 90px; width: 1221px; max-width: 100%; }
.uu-standort__inner > .btn { margin-top: 48px; }

/* ---------- Responsiv ---------- */
@media (max-width: 1279px) {
  .uu-hero__inner { width: min(var(--container), 100% - 2 * var(--gutter)); grid-template-columns: 1fr 1fr; column-gap: 40px; align-items: center; }
  .uu-hero__media { padding-top: 0; }
  .uu-hero__media img { width: 100%; height: auto; }
  .uu-hero__text { padding-top: 0; }

  .uu-zahlen__liste { grid-template-columns: repeat(4, 1fr); column-gap: 40px; }

  .uu-about__inner { width: min(var(--container), 100% - 2 * var(--gutter)); padding-left: 0; grid-template-columns: 1fr 1fr; gap: 40px; }
  .uu-about__media img { width: 100%; height: auto; }

  .uu-kunden__titel { width: 380px; }

  .uu-cta__inner { grid-template-columns: 1.15fr 1fr; column-gap: 48px; }
  .uu-cta__media { height: auto; aspect-ratio: 792 / 560; }
  .uu-cta__media img { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left center; }
  .uu-cta__text { padding-right: var(--gutter); }
  .uu-cta__text h2 { min-height: 0; }
}
@media (max-width: 991px) {
  .uu-hero { padding-top: 64px; }
  .uu-hero__inner { grid-template-columns: 1fr; row-gap: 40px; }
  .uu-hero__text { order: -1; }
  .uu-hero__media { max-width: 600px; }

  .uu-zahlen { padding-block: 80px; }
  .uu-zahlen__liste { grid-template-columns: 1fr 1fr; gap: 48px 40px; }
  .uu-zahl__titel { min-height: 0; }

  .uu-about { padding-block: 80px; }
  .uu-about__inner { grid-template-columns: 1fr; }
  .uu-about__media { max-width: 640px; }

  .uu-team, .uu-werte { padding-block: 104px; }
  .uu-team__karten { grid-template-columns: 1fr 1fr; }
  .uu-werte__karten { grid-template-columns: 1fr 1fr; }

  .uu-kunden { padding-block: 104px; }
  .uu-kunden__inner { flex-direction: column; align-items: flex-start; }
  .uu-kunden__titel { width: auto; max-width: 560px; }
  .uu-kunden__logos { width: 100%; }

  .uu-cta { padding-block: 80px; }
  .uu-cta__inner { grid-template-columns: 1fr; }
  .uu-cta__text { padding: 48px var(--gutter) 56px; }

  .uu-standort { padding: 80px 0 120px; }
}
@media (max-width: 767px) {
  .uu-zahlen__liste { gap: 40px 20px; }
  .uu-zahl__titel { font-size: 20px; line-height: 28px; }
  .uu-zahl__text { font-size: 16px; line-height: 26px; }

  .uu-team, .uu-werte { padding-block: 80px; }
  .uu-team__head { margin-bottom: 40px; }
  .uu-team__karten { gap: 12px; }
  .uu-person { padding: 12px 12px 24px; gap: 16px; }
  .uu-person__bild--initialen { font-size: 44px; }
  .uu-person__name { font-size: 18px; line-height: 24px; }
  .uu-person__rolle { font-size: 15px; line-height: 20px; }

  .uu-werte__karten { grid-template-columns: 1fr; gap: 8px; }
  .uu-wert { padding: 36px 24px; }

  .uu-kunden { padding-block: 80px; }
  .uu-kunden__logos { gap: 36px 24px; }

  .uu-standort__skyline { margin-top: 56px; }
}
@media (max-width: 479px) {
  .uu-kunden__logos { grid-template-columns: 1fr 1fr; }
}