/* ══════════════════════════════════
   ÜBER UNS — Page Styles
   Inherits: shared.css, index.css
══════════════════════════════════ */

#ueber-uns-hero{background:linear-gradient(180deg,#111d35 0%,#0d0e18 100%);padding:96px 0 72px;border-top:2px solid rgba(67,130,247,.2)}
.uu-hero-inner{max-width:760px}
.uu-hero-sub{font-size:1.1rem;color:var(--muted);line-height:1.75;max-width:640px;margin-top:16px}
#uu-mv{background:var(--surface);padding:88px 0}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.mv-grid{grid-template-columns:1fr}
.mv-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:36px}
.mv-card--vision{border-color:rgba(67,130,247,.25);background:rgba(67,130,247,.04)}
.mv-card--mission{border-color:rgba(146,99,177,.25);background:rgba(146,99,177,.04)}
.mv-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.mv-text{font-size:1.05rem;line-height:1.75;color:var(--ivory);margin:0}
#uu-werte{background:#0f1628;padding:88px 0}
.werte-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin-top:36px}
.werte-grid{grid-template-columns:1fr 1fr}
.werte-grid{grid-template-columns:1fr}
.wert-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px 24px;transition:border-color .25s,transform .25s;cursor:default}
.wert-card:hover{border-color:rgba(146,99,177,.35);transform:translateY(-3px)}
.wert-title{font-family:var(--font);font-size:1rem;font-weight:700;color:var(--ivory);margin-bottom:10px}
.wert-desc{font-size:.875rem;color:var(--muted);line-height:1.65}
#uu-geschichte{background:var(--surface);padding:88px 0}
.geschichte-body{max-width:720px;margin-top:32px}
.geschichte-body p{font-size:1.05rem;line-height:1.85;color:var(--muted);margin-bottom:22px}
.geschichte-body p:last-child{margin-bottom:0}
#uu-team{background:var(--surface);padding:88px 0}
.team-sub{font-size:1.05rem;color:var(--muted);margin-top:14px;line-height:1.7}
.team-text p{font-size:1.05rem;line-height:1.85;color:var(--muted);margin-bottom:22px}
.team-text p:last-child{margin-bottom:0}
.team-placeholder{margin-top:44px;padding:52px;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius);text-align:center;color:var(--muted);font-size:.875rem;font-style:italic}

/* ══════════════════════════════════
   RESPONSIVE — Über uns
══════════════════════════════════ */

@media (max-width: 1024px) {
  #ueber-uns-hero { padding: 80px 0 56px }
  #uu-mv,#uu-werte,#uu-geschichte,#uu-team { padding: 64px 0 }
  .mv-grid { grid-template-columns: 1fr }
  .werte-grid { grid-template-columns: 1fr 1fr }
}

@media (max-width: 768px) {
  #ueber-uns-hero { padding: 56px 0 40px }
  #uu-mv,#uu-werte,#uu-geschichte,#uu-team { padding: 48px 0 }
  .mv-card { padding: 24px }
  .werte-grid { grid-template-columns: 1fr }
  .wert-card { padding: 20px 18px }
  .geschichte-body p { font-size: 1rem }
  .team-text p { font-size: 1rem }
}

@media (max-width: 480px) {
  .mv-grid { gap: 16px }
  .werte-grid { gap: 12px }
}