/* Über uns — Seitenlayout, bestehende Inhalte unverändert. */
.about-page { --about-width: 1180px; }
.about-page > section > div.mx-auto,
.about-page > section > div.relative.z-10,
.about-hero > .relative.z-20 { max-width: var(--about-width); }
.about-page > section:not(.about-hero) { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.about-page h1, .about-page h2 { font-weight: 400; letter-spacing: -.025em; }
.about-page .font-label { font-size: .75rem; letter-spacing: .08em; }
.about-hero { min-height: 0; padding-top: 7rem; background: radial-gradient(ellipse at 75% 30%, #1c427a, #0d1a2f 75%); }
.about-hero > .relative.z-20 { min-height: 0; padding-top: 3rem; padding-bottom: 4rem; align-items: center; }
.about-hero > .relative.z-20 > div { max-width: 850px; }
.about-hero h1 { font-size: clamp(2.35rem, 4.6vw, 4rem); line-height: 1.05; text-wrap: balance; }
.about-hero h1 { background: linear-gradient(180deg, #fff 25%, #bed8ff); background-clip: text; color: transparent; }
.about-hero p { max-width: 640px; color: #d8e7ff; font-size: 1.1rem; }
.about-hero::after, .about-network::after, .about-contact::before {
  content: ""; position: absolute; pointer-events: none; width: 36rem; height: 40rem;
  clip-path: var(--br-lt); background: linear-gradient(145deg, rgba(18,103,255,.5), rgba(139,180,255,.05));
  right: -12rem; top: -3rem;
}
.about-person, .about-benefits { background: linear-gradient(110deg, #f7fbff, #f1f7ff); }
.about-person > div { align-items: start; gap: 4rem; }
.about-person h2 { font-size: clamp(2rem, 3.4vw, 3rem); }
.about-person .flex.items-center.gap-4 > a { width: 5rem; height: 5rem; border: 0; }
.about-person .flex.items-center.gap-4 > div > p { font-family: 'DM Sans', sans-serif; font-size: 1rem; font-weight: 700; }
.about-person p.mt-9 { color: #071a3a; font-size: 1rem; }
.about-person p.mt-4 { margin-top: 2.25rem; font-size: 1rem; color: #637797; }
.about-industries > div { border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.about-industry { position: relative; padding: 1.2rem 0 1.2rem 5rem; }
.about-industry:first-child { padding-top: 0; }
.about-industry h3 { font-size: 1rem; }
.about-industry p { margin-top: .35rem; font-size: .875rem; line-height: 1.5; }
.about-industry-icon { position: absolute; left: 0; top: 1.2rem; display: grid; place-items: center; width: 3.7rem; height: 3.7rem; border-radius: .6rem; background: #e5f0ff; color: #1267ff; }
.about-industry:first-child .about-industry-icon { top: 0; }
.about-industry-icon svg { width: 2rem; height: 2rem; }
.about-network { isolation: isolate; background: radial-gradient(ellipse at 90% 0, #183866, #0d1a2f 70%); }
.about-network::after { width: 42rem; height: 48rem; top: -3rem; right: -13rem; z-index: -1; }
.about-network .ab-netbg { opacity: .2; }
.about-network > div.relative { position: relative; z-index: 1; }
.about-network .text-center { text-align: left; margin-bottom: 4rem; }
.about-network h2 { max-width: 850px; font-size: clamp(2.25rem, 4vw, 3.5rem); line-height: 1.1; text-wrap: balance; color: #e4efff; }
.about-network .text-center p.mx-auto { margin-left: 0; color: #d8e7ff; }
.about-network .ab-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; }
.about-network .ab-grid3 article { border: 0; border-top: 1px solid #479aff; padding: 1.25rem 0 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.about-network .ab-grid3 h3 { font-size: 1.1rem; font-weight: 800; }
.about-network .ab-grid3 p { color: #bfd2ec; }
.about-network .ab-grid3 article > div { border: 0; padding-top: 0; }
.about-network .ab-grid3 article span { background: transparent; border: 0; border-radius: 0; padding: 0; font-size: .75rem; }
.about-network .ab-grid3 article .flex.flex-wrap { gap: .5rem 1rem; }
.about-network .ab-net-note { margin: 2.5rem 0; max-width: 950px; color: #bfd2ec; font-size: .95rem; line-height: 1.7; }
.about-network .ab-trust { border: 0; border-top: 1px solid #479aff; background: transparent; box-shadow: none; border-radius: 0; margin-top: 2.5rem; padding-top: 2rem; }
.about-network .ab-trust-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.about-network .ab-trust-list li { display: flex; gap: 1.2rem; padding: 0; background: transparent; border: 0; }
.about-network .ab-icon { flex-shrink: 0; color: #479aff; background: transparent; border: 0; width: 3rem; height: 3rem; }
.about-network .ab-icon svg { width: 3rem; height: 3rem; stroke-width: 1.4; }
.about-network .ab-trust h3 { color: #fff; font-size: 1.15rem; line-height: 1.3; font-weight: 800; }
.about-network .ab-trust p { color: #bfd2ec; margin-top: .75rem; font-size: 1rem; }
.about-benefits .text-center { text-align: left; margin-bottom: 3rem; }
.about-benefits h2 { font-size: clamp(2rem, 3.4vw, 3rem); }
.about-benefits .ab-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.about-benefits .ab-steps li { padding: 0 2rem; border: 0; border-left: 1px solid #d1e2fc; border-radius: 0; background: transparent; box-shadow: none; }
.about-benefits .ab-steps li:first-child { border-left: 0; padding-left: 0; }
.about-benefits .ab-steps li:last-child { padding-right: 0; }
.about-benefits .ab-steps::before, .about-benefits .ab-steps li::before, .about-benefits .ab-steps li::after { content: none; }
.about-benefits .ab-step-n { background: transparent; border: 0; padding: 0; box-shadow: none; font-size: .8rem; color: #3b82f6; margin-bottom: .75rem; }
.about-benefits .ab-steps h3 { font-size: 1.25rem; font-weight: 800; }
.about-benefits .ab-steps p { font-size: 1rem; color: #637797; margin-top: .75rem; }
.about-faq h2 { font-size: clamp(2rem, 3vw, 2.75rem); }
.about-faq button[data-accordion-trigger] { padding-top: 1rem; padding-bottom: 1rem; }
.about-faq button h3 { font-size: .95rem; }
.about-faq [data-accordion-content] .ml-13 { margin-left: 0; border: 0; box-shadow: none; background: transparent; }
.about-contact { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(110deg, #edf5ff, #dfeeff); }
.about-contact::before { z-index: -1; width: 22rem; height: 24rem; right: 38%; top: -4rem; background: #c7ddfc; clip-path: var(--br-gt); }
.about-contact > div { display: grid; grid-template-columns: 1.5fr 1fr; gap: 4rem; align-items: center; text-align: left; }
.about-contact-copy h2 { font-size: clamp(2rem, 3.5vw, 3rem); margin-bottom: 1rem; }
.about-contact-copy p { margin: 0; }
.about-contact-action { padding: 0; background: transparent; }
.about-contact-action a { border-radius: .4rem; padding-left: 1.5rem; padding-right: 1.5rem; }
@media (max-width: 900px) {
  .about-network .ab-grid3, .about-network .ab-trust-list { gap: 1.5rem; }
  .about-network .ab-trust-list li { flex-direction: column; }
  .about-contact > div { gap: 2rem; }
}
@media (max-width: 767px) {
  .about-page > section:not(.about-hero) { padding-top: 3rem; padding-bottom: 3rem; }
  .about-hero { padding-top: 5rem; }
  .about-hero > .relative.z-20 { padding-top: 2rem; padding-bottom: 3rem; }
  .about-hero::after { opacity: .35; right: -25rem; }
  .about-person > div { gap: 2.5rem; }
  .about-person .flex.items-center.gap-4 > a { width: 4rem; height: 4rem; }
  .about-person h2 { font-size: clamp(1.7rem, 7vw, 2.5rem); }
  .about-network .ab-grid3, .about-network .ab-trust-list, .about-benefits .ab-steps, .about-contact > div { grid-template-columns: 1fr; }
  .about-network .ab-trust-list li { flex-direction: row; }
  .about-benefits .ab-steps li, .about-benefits .ab-steps li:first-child, .about-benefits .ab-steps li:last-child { padding: 1.5rem 0; border-left: 0; border-top: 1px solid #d1e2fc; }
  .about-benefits .ab-steps li:first-child { padding-top: 0; border-top: 0; }
  .about-contact-action { padding: 0; }
}
.about-page h1, .about-page h2, .about-page h3 { overflow-wrap: anywhere; }
.about-faq .text-center { text-align: left; display: grid; grid-template-columns: 1.5fr 1fr; gap: .5rem 3rem; align-items: end; }
.about-faq .text-center > .font-label { grid-column: 1 / -1; }
.about-faq .text-center > p.mx-auto { margin: 0; font-size: .95rem; }
.about-faq [data-accordion-root] { border-radius: .4rem; box-shadow: 0 8px 30px rgba(13,26,47,.04); }
.about-faq [data-accordion-trigger] > div > div.flex { gap: 1rem; }
@media (max-width: 767px) {
  .about-faq .text-center { grid-template-columns: 1fr; gap: 1rem; }
  .about-page > section > div { min-width: 0; }
  .about-hero h1 { font-size: clamp(2rem, 8.5vw, 2.75rem); }
}
.about-page section > div > div,
.about-person .flex.items-center.gap-4 > div { min-width: 0; }
.about-hero > .relative.z-20 > div { width: 100%; }
@media (max-width: 767px) {
  .about-person > div { grid-template-columns: minmax(0, 1fr); }
  .about-hero h1 { hyphens: auto; }
  .about-person .flex.items-center.gap-4 { align-items: flex-start; }
  .about-person .flex.items-center.gap-4 > div > p { overflow-wrap: anywhere; }
}
.about-page { width: 100%; max-width: 100vw; }
.about-page > section { width: 100%; max-width: 100vw; }
.about-page > section > div.mx-auto,
.about-page > section > div.relative.z-10,
.about-hero > .relative.z-20 { width: 100%; }