/* Careers: photographic opening and editorial rhythm from Media Days / Über uns.
   Page-local styles; brand tokens, navigation and map remain shared. */
body[data-photo-page="karriere"] {
  --career-line: rgba(5,37,6,.18);
  --career-muted: #52604f;
}
.career-hero { min-height:560px; display:flex; align-items:center; isolation:isolate; overflow:hidden; background:var(--marken-gruen); color:#fff; padding-block:70px 102px; }
.career-hero__content { position:relative; z-index:2; max-width:860px; }
.career-hero .eyebrow { color:#85ed61; font-weight:700; font-size:13px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:20px; }
.career-hero h1 { color:#fff; font-size:clamp(32px,4.25vw,56px); line-height:1.14; letter-spacing:0; margin:0 0 26px; max-width:25ch; }
.career-hero h1 span { color:#fff; }
.career-hero__content>p:not(.eyebrow) { max-width:57ch; font-size:17px; line-height:1.8; color:#e3eade; }
.career-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:30px; }
.career-hero__actions .btn { flex-shrink:0; white-space:nowrap; }
.career-entry-note { font-size:13px; color:#e3eade; display:flex; align-items:center; gap:9px; }
.career-entry-note::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--wachstums-gruen); }
.career-hero__visual { position:absolute; inset:0; z-index:-1; margin:0; }
.career-hero__visual img { width:100%; height:100%; object-fit:cover; object-position:center 56%; }
.career-hero__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,37,6,.94),rgba(5,37,6,.74) 48%,rgba(5,37,6,.17)),linear-gradient(0deg,rgba(5,37,6,.58),transparent 28%); }
.career-hero__visual figcaption { position:absolute; z-index:1; bottom:25px; left:28px; right:28px; padding-top:16px; border-top:1px solid #ffffff38; display:flex; justify-content:space-between; gap:16px; color:#e3eade; font-size:12px; }
.career-hero__visual figcaption strong { font-weight:500; }
.career-section,.career-path,.career-faq { padding-block:76px; }
body[data-photo-page="karriere"] main .section-kicker { font-size:12px; letter-spacing:.12em; color:#52704b; }
.career-section h2,.career-path h2,.career-faq h2,.career-dark h2,.career-cta h2 { font-size:clamp(26px,3vw,38px); line-height:1.2; letter-spacing:0; margin:0 0 22px; }
.career-intro { max-width:70ch; color:var(--career-muted); font-size:16px; line-height:1.8; }
.career-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:34px; }
.career-video-card { min-width:0; display:grid; grid-template-columns:minmax(0,1fr); background:rgba(248,249,244,.9); border:1px solid var(--career-line); border-radius:6px; overflow:hidden; }
.career-video { aspect-ratio:9/16; width:100%; max-width:255px; margin:18px auto 0; background:var(--marken-gruen); overflow:hidden; border-radius:4px; }
.career-video iframe { display:block; width:100%; height:100%; border:0; }
.career-video-card>div:last-child { padding:24px; }
.career-video-card>div:last-child>span { display:block; color:#4d6748; font-size:12px; margin-bottom:7px; }
.career-video-card h3 { font-size:23px; margin:0 0 9px; }
.career-video-card p { color:var(--career-muted); font-size:15px; line-height:1.7; margin:0; }
.career-dark { background:var(--marken-gruen); color:#fff; border-block:1px solid #42c81a55; }
.career-day { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:center; gap:64px; padding-block:76px; }
.career-dark h2,.career-dark h3 { color:#fff; }
body[data-photo-page="karriere"] .career-dark .section-kicker,body[data-photo-page="karriere"] .career-cta .section-kicker { color:#85ed61; }
.career-day>div:first-child>p:last-child { color:#c1cfbb; font-size:16px; line-height:1.8; margin:0; }
.career-day__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.career-day__grid article { padding-top:20px; border-top:1px solid #ffffff30; }
.career-day__grid b { font-size:12px; color:#85ed61; font-weight:500; }
.career-day__grid h3 { margin:14px 0 10px; font-size:18px; }
.career-day__grid p { color:#c1cfbb; font-size:15px; line-height:1.7; margin:0; }
.career-section__head { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:60px; align-items:end; }
.career-section__head h2 { max-width:20ch; margin-bottom:0; }
.career-section__head>p { color:var(--career-muted); font-size:16px; line-height:1.8; margin:0; }
.career-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:36px; }
.career-benefits article { position:relative; min-width:0; padding:30px; background:rgba(250,250,246,.94); border:1px solid var(--career-line); border-radius:6px; transition:border-color .2s,transform .2s; }
.career-benefit-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:5px; background:var(--marken-gruen); color:#85ed61; border:1px solid #397732; }
.career-benefit-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.career-benefits article:nth-child(2) .career-benefit-icon,.career-benefits article:nth-child(6) .career-benefit-icon { color:var(--marken-gruen); background:var(--wachstums-gruen); border-color:var(--wachstums-gruen); }
.career-benefits h3 { font-size:19px; line-height:1.4; margin:24px 0 10px; }
.career-benefits p { color:var(--career-muted); font-size:16px; line-height:1.75; margin:0; }
@media(hover:hover) { .career-benefits article:hover { transform:translateY(-3px); border-color:#42c81a; } }
.career-path { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:70px; border-block:1px solid var(--career-line); }
.career-path h2 { max-width:17ch; }
.career-path ol { list-style:none; padding:0; margin:0; }
.career-path li { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr); gap:24px; padding:0 0 32px; }
.career-path li:last-child { padding-bottom:0; }
.career-path li:not(:last-child)::before { content:""; position:absolute; width:1px; background:#71a85b; top:44px; bottom:0; left:21px; }
.career-path li>span { display:grid; place-items:center; width:44px; height:44px; background:var(--marken-gruen); border:1px solid #397732; border-radius:50%; color:#85ed61; font-size:13px; }
.career-path h3 { font-size:21px; margin:8px 0 10px; }
.career-path li p { color:var(--career-muted); font-size:16px; line-height:1.75; margin:0; }
.career-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:36px; }
.career-process article { padding-top:22px; border-top:1px solid #719667; }
.career-process b { display:block; font-family:var(--font-display); font-size:30px; font-weight:400; color:#277a18; }
.career-process h3 { font-size:20px; margin:20px 0 12px; }
.career-process p { color:var(--career-muted); font-size:16px; line-height:1.75; margin:0; }
.career-faq { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; border-top:1px solid var(--career-line); }
.career-faq h2 { max-width:17ch; }
.career-faq details { border-top:1px solid var(--career-line); }
.career-faq details:last-child { border-bottom:1px solid var(--career-line); }
.career-faq summary { position:relative; cursor:pointer; list-style:none; padding:23px 40px 23px 0; font-size:16px; line-height:1.55; font-weight:600; color:var(--marken-gruen); }
.career-faq summary::-webkit-details-marker { display:none; }
.career-faq summary::after { content:"+"; position:absolute; right:0; top:21px; display:grid; place-items:center; width:28px; height:28px; border:1px solid #719667; border-radius:50%; font-size:21px; font-weight:400; line-height:1; color:#277a18; }
.career-faq details[open] summary::after { content:"−"; background:var(--marken-gruen); color:#85ed61; }
.career-faq details p { color:var(--career-muted); line-height:1.8; font-size:16px; padding-bottom:24px; margin:0; }
.career-cta { background:var(--marken-gruen); color:#fff; position:relative; overflow:hidden; scroll-margin-top:90px; }
.career-cta::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,37,6,.82),rgba(5,37,6,.46) 55%,rgba(5,37,6,.18)),url('../assets/career-team-outdoors.jpg') center top/cover; }
.career-cta .wrap { padding-block:84px; }
.career-cta h2 { color:#fff; max-width:23ch; }
.career-cta p:not(.section-kicker) { color:#d2dfcb; max-width:57ch; font-size:16px; line-height:1.8; margin-bottom:28px; }
@media(max-width:950px) {
  .career-hero { min-height:520px; }
  .career-hero h1 { font-size:clamp(32px,5.5vw,48px); }
  .career-day,.career-path,.career-faq { gap:32px; }
  .career-video-grid { gap:18px; }
  .career-video { max-width:calc(100% - 28px); }
  .career-video-card>div:last-child { padding:20px; }
  .career-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .career-section__head { gap:32px; }
}
@media(max-width:700px) {
  .career-hero { min-height:560px; padding-block:54px 100px; }
  .career-hero__content>p:not(.eyebrow) { font-size:16px; }
  .career-hero__visual::after { background:linear-gradient(90deg,rgba(5,37,6,.92),rgba(5,37,6,.66)); }
  .career-hero__visual img { object-position:64% center; }
  .career-hero__visual figcaption { flex-direction:column; gap:3px; }
  .career-section,.career-path,.career-faq { padding-block:52px; }
  .career-section__head,.career-day,.career-path,.career-faq { grid-template-columns:1fr; gap:26px; }
  .career-section__head h2,.career-path h2,.career-faq h2 { max-width:none; }
  .career-day { padding-block:54px; }
  .career-video-grid { grid-template-columns:1fr; gap:24px; }
  .career-video-card { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; }
  .career-video { max-width:none; margin:0; border-radius:0; }
  .career-process { gap:24px; grid-template-columns:1fr; }
  .career-process article { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:18px; }
  .career-process b { grid-row:1/3; font-size:24px; }
  .career-process h3 { margin:0 0 10px; }
  .career-process p { grid-column:2; }
  .career-cta .wrap { padding-block:58px; }
}
@media(max-width:460px) {
  .career-hero h1 { font-size:30px; }
  .career-hero__actions { gap:16px; }
  .career-benefits { grid-template-columns:1fr; gap:14px; }
  .career-benefits article { padding:24px; }
  .career-day__grid { grid-template-columns:1fr; gap:22px; }
  .career-video-card { grid-template-columns:1fr; }
  .career-video { width:100%; max-width:225px; margin:18px auto 0; border-radius:4px; }
}
@media(prefers-reduced-motion:reduce) { .career-benefits article { transition:none; } }

/* Keep both heads in the upper part of the photograph visible. */
.career-cta .wrap{padding-top:260px;padding-bottom:64px;min-height:620px}
.career-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,37,6,.88),transparent 75%);pointer-events:none}
.career-cta .wrap{z-index:1}
@media(max-width:700px){
 .career-cta::before{background-image:linear-gradient(0deg,#052506 0%,rgba(5,37,6,.14) 80%),url('../assets/career-team-outdoors.jpg');background-size:100% auto;background-position:center top;background-repeat:no-repeat;aspect-ratio:3/2;bottom:auto}
 .career-cta::after{display:none}
 .career-cta .wrap{padding-top:calc(100vw * .55);padding-bottom:54px;min-height:0}
}

.career-hero__video{width:100%;height:100%;object-fit:cover;object-position:center}.career-video-toggle{position:absolute;right:28px;top:20px;z-index:3;border:1px solid #ffffff50;border-radius:30px;padding:8px 14px;background:#05250688;color:white;font:inherit;font-size:11px;cursor:pointer}.career-video-toggle:focus-visible{outline:2px solid #83ed60;outline-offset:4px}