.about-hero{position:relative;isolation:isolate;background:#052506;color:white;padding:120px 0 80px;min-height:620px}.about-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 66%;z-index:-2}.about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#052506ef,#05250670);z-index:-1}.about-hero h1{color:white;max-width:19ch;font-size:clamp(34px,4.8vw,66px);line-height:1.12}.about-hero p:not(.eyebrow){max-width:54ch;line-height:1.8;color:#e0e8dc;margin:28px 0}.about-hero small{display:block;margin-top:30px;color:#c6d4bf;font-size:10px;letter-spacing:1px}.about-hero .eyebrow{color:#70ed41}.about-values{padding-block:90px}.about-values .values-grid{gap:22px}.about-value{position:relative;overflow:hidden;border:1px solid #b6c9ae;border-radius:20px;padding:32px;background:#ffffffde;transition:transform .4s,box-shadow .4s}.about-value:hover{transform:translateY(-5px);box-shadow:0 18px 45px #05250612}.value-signal{display:grid;place-items:center;width:38px;height:38px;border:1px solid #42c81a70;border-radius:11px;background:#42c81a12;color:#1b9614;margin-bottom:22px}.value-signal svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.about-value.is-visible .value-signal{animation:value-flash 1.2s ease-out}@keyframes value-flash{30%{box-shadow:0 0 0 12px #42c81a25,0 0 25px #42c81a}}
.about-team{background:linear-gradient(110deg,rgba(5,37,6,.91),rgba(5,37,6,.79) 50%,rgba(5,37,6,.91)),url("../assets/team-office-background.jpg") center / cover no-repeat;background-color:#052506;color:white;padding:90px 0}.about-team h2{color:white;max-width:24ch;margin-inline:auto;text-align:center}.about-team .section-kicker,.team-intro{text-align:center}.team-intro{color:#bbcfb3;max-width:55ch;margin:24px auto}.team-stage{height:580px;position:relative;overflow:hidden;margin-top:35px}.team-portrait{position:absolute;width:252px;height:448px;left:50%;top:12px;transform:translateX(-50%);border:2px solid #42c81a;border-radius:18px;background:linear-gradient(140deg,#356c3a,#0b2c0e);overflow:hidden;display:grid;place-items:center;box-shadow:0 0 40px #42c81a18}.team-portrait img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.team-portrait span{font-size:60px;color:#d9efcf;font-weight:700}.team-portrait small{position:absolute;bottom:30px;font-size:9px;color:#b2cfaa;letter-spacing:1px}.team-bio{position:absolute;top:300px;left:0;width:100%;text-align:center}.team-bio h3{font-size:clamp(26px,3vw,40px);color:white;margin:12px 0}.team-bio #team-role{color:#70ed41;font-size:15px}.team-bio #team-description{max-width:48ch;margin:20px auto;color:#bbcfb3;line-height:1.8;font-size:14px}.team-controls{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.team-controls button,.team-picker button{cursor:pointer;background:transparent;color:white;border:1px solid #ffffff38;padding:12px 18px;border-radius:30px;font:inherit;font-size:12px}.team-controls button:hover,.team-picker button[aria-pressed=true]{background:#42c81a;color:#052506;border-color:#42c81a}.team-picker{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:36px auto 0;max-width:850px}.team-controls span{font-size:12px;color:#bbcfb3}#video-pause{margin-top:16px}.about-hero [hidden],.team-portrait [hidden]{display:none}@media(max-width:700px){.about-hero{padding-top:70px;min-height:560px}.about-values,.about-team{padding-block:60px}.team-stage{height:550px}.team-picker{gap:8px}.team-picker button{padding:10px;font-size:11px}}@media(prefers-reduced-motion:reduce){.about-value{transition:none}.about-value.is-visible .value-signal{animation:none}}

.about-team{padding:36px 0;scroll-margin-top:88px}.about-team h2,.about-team .section-kicker,.about-team .team-intro{text-align:left;margin-left:0;margin-right:0}.about-team h2{max-width:none;font-size:clamp(25px,2.8vw,38px);margin-block:10px}.about-team .team-intro{max-width:75ch;margin-block:12px;font-size:14px}.team-stage{height:365px;margin-top:20px}.team-portrait{width:190px;height:338px;top:0}.team-bio{top:204px}.team-bio h3{font-size:28px;margin:8px 0}.team-bio #team-role{font-size:13px;margin:8px 0}.team-bio #team-description{font-size:12px;line-height:1.6;margin:12px auto;max-width:60ch}.team-controls{gap:14px}.team-controls button{padding:9px 16px}.team-picker{margin-top:18px;max-width:none;gap:8px}.team-picker button{font-size:11px;padding:9px 12px}.team-portrait img{bottom:auto;right:auto;min-height:0}.team-portrait small{bottom:20px;font-size:8px}@media(max-width:700px){.about-team{padding:30px 0}.team-stage{height:390px}.team-bio #team-description{max-width:34ch}.team-picker{margin-top:16px}}

/* 2:3 introduction, then a 220px portrait circle. */
.team-portrait{width:220px;height:330px}.team-bio{top:230px}.team-stage{height:390px}.team-portrait img{object-fit:fill}@media(max-width:700px){.team-stage{height:415px}}

/* Haltungs-Karten: bewusst eckig und mit prägnanten Icon-Marken. */
.about-values .about-value{border-radius:3px;padding:34px 36px;box-shadow:5px 5px 0 rgba(5,37,6,.07)}
.about-values .value-signal{width:46px;height:46px;border:1px solid #0f8714;border-radius:3px;background:#42c81a;color:#052506;box-shadow:5px 5px 0 #dcefd3;margin-bottom:24px}
.about-values .value-signal svg{width:23px;height:23px;stroke-width:1.9}
.about-values .about-value:nth-child(even) .value-signal{background:#052506;color:#79ef4f;border-color:#052506;box-shadow:5px 5px 0 #bfe6b0}
.about-values .about-value:hover .value-signal{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #b9ebaa}

/* Align the hero edges with the shared vertical guide lines. */
@media(min-width:900px){.about-hero{max-width:1180px;width:calc(100% - 20px);margin-inline:auto;overflow:hidden}}

/* Keep full team biographies visible above the carousel controls. */
.team-stage{height:460px}@media(max-width:700px){.team-stage{height:540px}}