/* =========================================================
   ÜBER UNS
   Seitenspezifische Styles für ueber-uns.html.
========================================================= */


/* Hero auf Über uns bis zum unteren Bildschirmrand */
.hero-subpage {
    height: 100vh;
    margin-bottom: 0;
}


/* =========================
   HERO-INHALT
========================= */

.about-hero {
    height: 100%;

    padding: 130px 8% 45px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-label {
    display: block;

    margin-bottom: 10px;

    color: #4b91ff;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.about-hero > h1 {
    margin: 0 0 20px;

    font-size: 64px;
    line-height: 1.05;
}

.about-hero > p {
    margin: 0;

    max-width: 720px;

    color: #d6dfeb;

    font-size: 19px;
    line-height: 1.7;
}


/* =========================
   DREI KERNPUNKTE
========================= */

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

    margin-top: 45px;
}

.about-value {
    padding: 24px 26px;

    background: rgba(7, 17, 31, 0.9);

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;

    backdrop-filter: blur(10px);
}

.about-value-label {
    display: block;

    margin-bottom: 8px;

    color: #8ea0b5;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.about-value h2 {
    margin: 0 0 10px;

    font-size: 22px;
    line-height: 1.2;
}

.about-value p {
    margin: 0;

    color: #d6dfeb;

    font-size: 14px;
    line-height: 1.55;
}

/* =========================
   VISION
========================= */

.about-vision {
    margin-top: 18px;
    padding: 24px 26px;

    background: rgba(7, 17, 31, 0.90);

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;

    backdrop-filter: blur(10px);
}

.about-vision h2 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.2;
}

.about-vision p {
    margin: 0;

    color: #d6dfeb;

    font-size: 14px;
    line-height: 1.55;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1100px) {

    .about-hero > h1 {
        font-size: 54px;
    }
}


@media (max-width: 900px) {

    .hero-subpage {
        height: auto;
        min-height: 100vh;
    }

    .about-hero {
        height: auto;
        padding: 130px 8% 60px;
        justify-content: flex-start;
    }

    .about-hero > h1 {
        font-size: 42px;
    }

    .about-hero > p {
        font-size: 17px;
    }

    .about-values {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}


/* Fuehrungsteam */
.about-team{padding:72px 8% 82px;background:linear-gradient(180deg,#071421 0%,#091a2b 100%);border-top:1px solid rgba(104,162,211,.22)}
.about-team-heading{width:min(760px,100%);margin:0 auto 28px;text-align:center}.about-team-heading h2{margin:8px 0 10px;font-size:clamp(28px,3.4vw,42px);line-height:1.1}.about-team-heading p{margin:0;color:#b9c8d8;font-size:16px;line-height:1.55}.team-grid{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,270px));justify-content:center;align-items:start;gap:20px}.team-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,rgba(15,39,61,.98),rgba(8,25,41,.98));border:1px solid rgba(113,166,209,.32);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.team-portrait{width:100%;aspect-ratio:4/3;background:#10243a;overflow:hidden}.team-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%}.team-copy{padding:20px 18px 21px}.team-role{display:block;color:#65a9ff;font-size:10px;font-weight:800;letter-spacing:1.15px}.team-copy h3{margin:7px 0 11px;font-size:20px;line-height:1.18}.team-copy p{margin:0;color:#c9d5e2;font-size:12px;line-height:1.58}.team-copy ul{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0 0;padding:0;list-style:none}.team-copy li{padding:5px 7px;border:1px solid rgba(101,169,255,.3);border-radius:999px;color:#bcd9fb;background:rgba(29,91,151,.16);font-size:9px;font-weight:700}
@media(max-width:720px){.about-team{padding:58px 18px 66px}.about-team-heading{text-align:left;margin-bottom:22px}.about-team-heading p{font-size:14px}.team-grid{grid-template-columns:repeat(2,minmax(0,250px));gap:14px}.team-copy{padding:17px 15px 18px}.team-copy h3{font-size:18px}}
@media(max-width:570px){.team-grid{grid-template-columns:minmax(0,310px)}.team-copy p{font-size:12px}}


/* Unterheader und gegliederte Über-uns-Bereiche */
.about-subnav{position:sticky;top:96px;z-index:900;display:flex;justify-content:center;gap:8px;margin-top:96px;padding:11px 18px;background:rgba(5,16,29,.95);border-block:1px solid rgba(103,164,220,.25);backdrop-filter:blur(12px)}
.about-subnav a{padding:9px 15px;border:1px solid transparent;border-radius:999px;color:#c9d7e5;text-decoration:none;font-size:13px;font-weight:800;transition:.18s}.about-subnav a:hover,.about-subnav a:focus-visible{color:#fff;border-color:#4b91ff;background:#173656}.about-section{scroll-margin-top:160px}.about-page{background:#071421}.about-team{padding-top:64px}.hero-subpage{height:auto;min-height:0}.about-hero{height:auto;min-height:760px;padding-top:72px;padding-bottom:72px;justify-content:center}.about-intro{max-width:780px}.about-intro h2{margin:0 0 20px;font-size:clamp(42px,5vw,66px);line-height:1.04}.about-intro>p{margin:0;color:#d6dfeb;font-size:18px;line-height:1.7}.about-value h3,.about-vision h3{margin:0 0 10px;font-size:22px;line-height:1.2}
.about-milestones{padding:78px 8% 92px;background:linear-gradient(180deg,#091a2b,#06111e);border-top:1px solid rgba(104,162,211,.22)}.about-milestones-heading{width:min(760px,100%);margin:0 auto 38px;text-align:center}.about-milestones-heading h2{margin:4px 0 10px;font-size:clamp(34px,4vw,52px)}.about-milestones-heading p,.milestones-empty{color:#b9c8d8}.milestones-list{position:relative;width:min(960px,100%);margin:auto;display:grid;gap:18px}.milestones-list:before{content:'';position:absolute;left:79px;top:42px;bottom:42px;width:1px;background:linear-gradient(180deg,transparent,#3da5ff 8%,#24d7a4 50%,#3da5ff 92%,transparent);box-shadow:0 0 16px rgba(61,165,255,.42)}.milestone-card{position:relative;display:grid;grid-template-columns:160px 1fr;min-height:150px;overflow:hidden;border:1px solid rgba(113,166,209,.34);border-radius:18px;background:linear-gradient(145deg,rgba(15,39,61,.98),rgba(8,25,41,.98));box-shadow:0 16px 34px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease}.milestone-card:hover{transform:translateY(-2px);border-color:rgba(72,183,255,.62)}.milestone-marker{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(40,149,255,.2),transparent 46%),linear-gradient(145deg,#0d2740,#091a2c);border-right:1px solid rgba(93,163,219,.25)}.milestone-blueprint{position:absolute;inset:0;z-index:-1;opacity:.36;background-image:linear-gradient(rgba(65,170,230,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(65,170,230,.16) 1px,transparent 1px),radial-gradient(circle at center,transparent 27px,rgba(47,210,171,.35) 28px,transparent 29px);background-size:24px 24px,24px 24px,100% 100%}.milestone-node{position:absolute;left:72px;width:15px;height:15px;border:3px solid #071521;border-radius:50%;background:#35d7a4;box-shadow:0 0 0 2px #54b4ff,0 0 18px rgba(53,215,164,.9)}.milestone-year{position:relative;margin-left:34px;color:#f5f9ff;font-size:clamp(27px,3vw,38px);font-weight:900;letter-spacing:.04em;text-shadow:0 0 24px rgba(62,163,255,.32)}.milestone-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 30px}.milestone-copy h3{margin:0 0 10px;font-size:clamp(20px,2.3vw,25px)}.milestone-copy p{max-width:720px;margin:0;color:#c8d5e2;line-height:1.65}
@media(max-width:900px){.about-subnav{top:86px;margin-top:86px;justify-content:flex-start;overflow-x:auto}.about-subnav a{white-space:nowrap}.about-section{scroll-margin-top:150px}.about-hero{min-height:0;padding-top:58px}.about-intro h2{font-size:42px}}
@media(max-width:570px){.about-subnav{padding-inline:12px}.milestones-list:before{left:25px;top:28px;bottom:28px}.milestone-card{grid-template-columns:64px 1fr;min-height:128px}.milestone-marker{overflow:visible}.milestone-blueprint{background-size:18px 18px,18px 18px,100% 100%}.milestone-node{left:18px;width:13px;height:13px}.milestone-year{margin-left:48px;transform:rotate(-90deg);font-size:21px;white-space:nowrap}.milestone-copy{padding:20px 18px}.milestone-copy h3{font-size:19px}}


/* Register ?ffnen eigenst?ndige Seiten und bleiben im normalen Seitenfluss. */
.about-subnav{position:relative;top:auto;z-index:20;margin-top:96px;justify-content:center;overflow:visible}
.about-subnav a.active,.about-subnav a[aria-current="page"]{color:#fff;border-color:#4b91ff;background:#245f9f;box-shadow:0 7px 20px rgba(24,116,232,.2)}
.about-page>.about-section:first-child{scroll-margin-top:0}
@media(max-width:900px){.about-subnav{top:auto;margin-top:86px;justify-content:center;flex-wrap:wrap;overflow:visible}.about-subnav a{white-space:normal;text-align:center}}