.emp-hero .hero-text{max-width:700px}
.emp-hero .status-pille{margin-bottom:6px}
.emp-hero .wortmarke{font-size:clamp(44px, 6.4vw, 96px)}
.emp-hero .wortmarke .emp-klein{font-size:.42em; letter-spacing:.2em; font-weight:650; color:var(--fg-2); margin-bottom:.5em}
.emp-leitsatz{font-size:clamp(22px, 2.5vw, 33px); font-weight:650; letter-spacing:-.03em; line-height:1.18;
  margin-top:clamp(20px, 2.4vw, 28px); max-width:22ch}
.emp-leitsatz span{display:block}

@media (max-width:860px){
  .emp-hero{padding-top:clamp(232px, 72vw, 430px)}
  .emp-hero .hero-bild{bottom:auto; height:clamp(260px, 84vw, 480px)}
  .emp-hero .hero-bild img{object-position:90% 50%; opacity:.92}
  .emp-hero .hero-bild::after{background:linear-gradient(180deg, rgba(13,13,13,.4) 0%, rgba(13,13,13,.05) 26%, rgba(13,13,13,.12) 66%, var(--ink) 100%)}
}

@media (max-width:720px){.emp-hero .wortmarke{font-size:clamp(30px, calc((100vw - 48px) / 8.2), 96px)}}


.emp-zitat{position:relative; margin:0; padding:clamp(28px, 4vw, 52px) clamp(24px, 4vw, 56px);
  border-radius:var(--r-gross); border:1px solid var(--line-2); overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%, rgba(201,164,92,.16), rgba(201,164,92,.02) 58%), var(--tafel)}
.emp-zitat::before{content:"\201D"; position:absolute; right:clamp(18px, 4vw, 56px); top:.02em;
  font-size:clamp(130px, 17vw, 240px); line-height:1; font-weight:800; color:rgba(201,164,92,.13); pointer-events:none}
@media (max-width:700px){.emp-zitat::before{display:none}}
.emp-zitat p{position:relative; font-size:clamp(23px, 3vw, 40px); font-weight:650; letter-spacing:-.032em; line-height:1.2;
  max-width:26em; text-wrap:balance}
.emp-zitat p + p{margin-top:.5em}
.emp-zitat p.betont{color:var(--gold)}
.emp-zitat footer{position:relative; border:0; padding:0; margin-top:22px; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--fg-3); font-weight:600}


.emp-fisch{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1.12fr); gap:12px; align-items:stretch; margin-top:16px}
.emp-fisch > div{border-radius:var(--r-gross); padding:26px 26px 28px}
.emp-fisch .heute{border:1px dashed rgba(255,255,255,.16); background:rgba(255,255,255,.012)}
.emp-fisch .lernen{border:1px solid var(--line-2); box-shadow:var(--schein);
  background:linear-gradient(165deg, rgba(201,164,92,.14) 0%, rgba(201,164,92,.02) 62%), var(--tafel)}
.emp-fisch .marke-k{display:block; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:var(--fg-3)}
.emp-fisch .lernen .marke-k{color:var(--gold)}
.emp-fisch h3{font-size:clamp(22px, 2.4vw, 30px); letter-spacing:-.03em; margin:10px 0 8px}
.emp-fisch p{color:var(--fg-2); font-size:16px; line-height:1.6; max-width:38ch}
.emp-fisch .pfeil-m{display:grid; place-items:center}
.emp-fisch .pfeil-m svg{width:26px; height:26px; fill:none; stroke:var(--gold); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
@media (max-width:700px){
  .emp-fisch{grid-template-columns:1fr; gap:10px}
  .emp-fisch > div{padding:22px 20px 24px}
  .emp-fisch .pfeil-m svg{transform:rotate(90deg)}
}

.emp-zwei{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(24px, 4vw, 56px); align-items:center;
  margin-top:clamp(36px, 5vw, 64px)}
@media (max-width:860px){.emp-zwei{grid-template-columns:1fr}}
.emp-zwei .bild{border-radius:var(--r-gross); overflow:hidden; border:1px solid var(--line-n); aspect-ratio:4/3}
.emp-zwei .bild img{width:100%; height:100%; object-fit:cover}
.emp-zwei .body + .body{margin-top:14px}
.emp-zwei .body b{color:var(--fg); font-weight:600}
.emp-werte{display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; list-style:none; padding:0}
.emp-werte li{padding:8px 15px; border-radius:var(--r-pille); border:1px solid var(--line-2); color:var(--gold-hell);
  background:rgba(201,164,92,.07); font-weight:600; font-size:14.5px; line-height:1.3}


.emp-zeit{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px}
@media (max-width:980px){.emp-zeit{grid-template-columns:repeat(2, minmax(0,1fr))}}
@media (max-width:600px){.emp-zeit{grid-template-columns:1fr}}
.emp-film{display:flex; flex-direction:column; background:var(--tafel-2); border:1px solid var(--line-n);
  border-radius:var(--r-gross); overflow:hidden}
.emp-film.laeuft{border-color:var(--line-2)}
.emp-film .rahmen{position:relative; aspect-ratio:16/9; background:#0b0b0a}
.emp-film .rahmen iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.emp-video{position:absolute; inset:0; display:block; overflow:hidden; color:var(--fg)}
.emp-video:focus-visible{outline:2px solid var(--gold); outline-offset:-4px; border-radius:var(--r-gross) var(--r-gross) 0 0}
.emp-video img{width:100%; height:100%; object-fit:cover; filter:saturate(.8) brightness(.82);
  transition:transform .9s var(--ease), filter .4s var(--ease-aus)}
.emp-video::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,8,7,.08) 40%, rgba(8,8,7,.72) 100%)}
.emp-video .spielen{position:absolute; left:50%; top:50%; z-index:2; width:62px; height:62px; margin:-31px 0 0 -31px;
  border-radius:50%; display:grid; place-items:center; background:rgba(13,13,13,.62);
  box-shadow:inset 0 0 0 1px var(--line-2), 0 14px 34px -12px rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:transform .25s var(--ease-aus), background-color .25s var(--ease-aus)}
.emp-video .spielen svg{width:26px; height:26px; fill:var(--gold); margin-left:2px; transition:fill .25s var(--ease-aus)}
.emp-video .dauer{position:absolute; right:12px; bottom:12px; z-index:2; padding:4px 9px; border-radius:8px;
  background:rgba(8,8,7,.74); font-size:12.5px; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:.02em}
.emp-video.leer{background:radial-gradient(120% 150% at 0% 0%, rgba(201,164,92,.2), rgba(201,164,92,.02) 62%), var(--tafel)}
.emp-video.leer::after{display:none}
.emp-video .ohne-bild{position:absolute; right:7%; bottom:9%; width:30%; opacity:.2}
.emp-video .ohne-bild svg{width:100%; height:auto; fill:none; stroke:var(--gold); stroke-width:1.1; stroke-linecap:round; stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){
  .emp-video:hover img{transform:scale(1.04); filter:saturate(.95) brightness(.95)}
  .emp-video:hover .spielen{background:var(--gold); transform:scale(1.06)}
  .emp-video:hover .spielen svg{fill:#171309}
}
.emp-film .text{display:flex; flex-direction:column; gap:7px; padding:18px 20px 22px}
.emp-film .eyebrow{font-size:11.5px}
.emp-film h3{font-size:19px; margin:0}
.emp-film p{margin:0; color:var(--fg-2); font-size:15px; line-height:1.58}
.emp-video-hinweis{margin-top:16px; font-size:13.5px; color:var(--fg-3); line-height:1.6; max-width:80ch}
.emp-video-hinweis a{color:var(--gold-hell); text-decoration:underline; text-underline-offset:3px; white-space:nowrap}

.emp-stimme{display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(20px, 3vw, 40px); align-items:center;
  margin-top:clamp(28px, 4vw, 44px); padding:clamp(24px, 3.4vw, 44px); border-radius:var(--r-gross); border:1px solid var(--line-2);
  background:radial-gradient(120% 140% at 100% 0%, rgba(201,164,92,.13), rgba(201,164,92,.02) 58%), var(--tafel)}
.emp-stimme .portrait{width:clamp(96px, 13vw, 168px); aspect-ratio:1; border-radius:50%; overflow:hidden;
  border:1px solid var(--line-2); box-shadow:0 18px 44px -20px rgba(201,164,92,.55); background:#0b0b0a; flex:none}

.emp-stimme .portrait{position:relative; background:radial-gradient(circle at 50% 30%, rgba(201,164,92,.3), #0b0b0a 70%)}
.emp-stimme .portrait img{position:absolute; left:50%; top:0; width:210%; max-width:none; height:auto; transform:translate(-51%, -5%)}
.emp-stimme blockquote{margin:0}
.emp-stimme blockquote p{font-size:clamp(20px, 2.3vw, 29px); font-weight:650; letter-spacing:-.028em; line-height:1.26; max-width:30em; text-wrap:balance}
.emp-stimme blockquote p + p{margin-top:.55em; color:var(--gold)}
.emp-stimme .von{display:block; margin-top:18px; font-size:14px; color:var(--fg-2)}
.emp-stimme .von b{color:var(--fg); font-weight:600}
@media (max-width:640px){.emp-stimme{grid-template-columns:1fr}}
.emp-daraus{margin-top:22px; color:var(--fg-2); font-size:16.5px; line-height:1.6; max-width:62ch}
.emp-daraus b{color:var(--fg); font-weight:600}


.emp-vision{position:relative; margin:0 0 16px; border-radius:var(--r-gross); overflow:hidden; border:1px solid var(--line-2);
  background:#0b0b0a; aspect-ratio:21/9}
.emp-vision img{width:100%; height:100%; object-fit:cover; object-position:68% 50%}
.emp-vision::after{content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(8,8,7,.9) 0%, rgba(8,8,7,.55) 38%, rgba(8,8,7,0) 66%),
             linear-gradient(180deg, rgba(8,8,7,0) 60%, rgba(8,8,7,.7) 100%)}
.emp-vision figcaption{position:absolute; z-index:2; left:clamp(20px, 3.4vw, 44px); right:clamp(20px, 3.4vw, 44px);
  bottom:clamp(18px, 3vw, 38px); display:flex; flex-direction:column; align-items:flex-start; gap:12px}
.emp-vision figcaption b{font-size:clamp(20px, 2.5vw, 32px); font-weight:650; letter-spacing:-.03em; line-height:1.18; max-width:19em; text-wrap:balance}
.emp-vision .symbol{font-size:12px; color:var(--fg-2); letter-spacing:.02em}

@media (max-width:760px){
  .emp-vision{aspect-ratio:auto; display:flex; flex-direction:column; background:var(--tafel)}
  .emp-vision img{height:auto; aspect-ratio:16/10; object-position:82% 60%}
  .emp-vision::after{display:none}
  .emp-vision figcaption{position:static; padding:20px 20px 22px}
}
.emp-bereiche .bereich p{color:var(--fg-2); font-size:15px; line-height:1.58; margin-top:10px}
.emp-bereiche .bereich.emp-offen{border-style:dashed; border-color:var(--line-2); background:transparent; box-shadow:none; justify-content:center}
.emp-bereiche .bereich.emp-offen h3{margin-top:10px}


.emp-kette{position:relative; list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(6, minmax(0,1fr));
  gap:10px; counter-reset:k}
.emp-kette::before{content:""; position:absolute; left:8%; right:8%; top:23px; height:2px;
  background:linear-gradient(90deg, rgba(201,164,92,.15), var(--gold) 20%, var(--gold) 80%, rgba(201,164,92,.15))}
.emp-kette li{counter-increment:k; position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:0 4px}
.emp-kette li::before{content:counter(k); position:relative; z-index:1; width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  font-size:16px; font-weight:700; color:var(--gold); background:var(--ink); box-shadow:inset 0 0 0 1px var(--line-2), 0 0 0 6px var(--ink);
  font-variant-numeric:tabular-nums}
.emp-kette li:last-child::before{background:var(--gold); color:#171309; box-shadow:0 0 0 6px var(--ink), 0 14px 34px -12px rgba(201,164,92,.7)}
.emp-kette b{font-size:16.5px; font-weight:650; letter-spacing:-.02em; line-height:1.25}
.emp-kette span{font-size:14px; color:var(--fg-2); line-height:1.5; max-width:20ch}
@media (max-width:900px){
  .emp-kette{grid-template-columns:1fr; gap:0}
  .emp-kette::before{left:22px; right:auto; top:23px; bottom:23px; width:2px; height:auto;
    background:linear-gradient(180deg, rgba(201,164,92,.15), var(--gold) 12%, var(--gold) 88%, rgba(201,164,92,.15))}
  .emp-kette li{display:grid; grid-template-columns:46px minmax(0,1fr); column-gap:18px; row-gap:2px; align-items:start; text-align:left; padding:0 0 22px}
  .emp-kette li:last-child{padding-bottom:0}
  .emp-kette li::before{grid-row:1 / span 2}
  .emp-kette b{align-self:end; padding-top:3px}
  .emp-kette span{max-width:none}
}
.emp-kreis{display:flex; gap:14px; align-items:center; margin-top:clamp(22px, 3vw, 34px); padding:18px 22px; border-radius:var(--r);
  border:1px solid var(--line); background:linear-gradient(135deg, rgba(201,164,92,.1), rgba(201,164,92,.03))}
.emp-kreis svg{flex:none; width:26px; height:26px; fill:none; stroke:var(--gold); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
.emp-kreis p{margin:0; color:var(--fg-2); line-height:1.6}
.emp-kreis p b{color:var(--fg)}

.emp-arbeit{display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(24px, 4vw, 56px); align-items:center;
  margin-top:clamp(40px, 6vw, 76px)}
@media (max-width:860px){.emp-arbeit{grid-template-columns:1fr}}
.emp-arbeit .bild{border-radius:var(--r-gross); overflow:hidden; border:1px solid var(--line-n); aspect-ratio:4/3}
.emp-arbeit .bild img{width:100%; height:100%; object-fit:cover}
.emp-arbeit h3{font-size:clamp(22px, 2.4vw, 30px); letter-spacing:-.03em; margin:12px 0 12px}
.emp-arbeit .punkte{margin-top:18px; gap:10px}
.emp-arbeit .punkte li{font-size:16px}
.emp-ziel{margin-top:22px; padding-left:20px; border-left:2px solid var(--gold); font-size:clamp(18px, 1.8vw, 21px);
  font-weight:600; letter-spacing:-.022em; line-height:1.35; color:var(--fg); max-width:34em}


.emp-movement{position:relative; border-radius:var(--r-gross); overflow:hidden; border:1px solid var(--line-2); background:var(--tafel)}

.emp-movement .bild{position:absolute; inset:0 0 0 44%}
.emp-movement .bild img{width:100%; height:100%; object-fit:cover; object-position:63% 50%; opacity:.78}
.emp-movement .bild::after{content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, var(--tafel) 0%, rgba(8,8,7,.74) 30%, rgba(8,8,7,.2) 100%),
             linear-gradient(180deg, rgba(8,8,7,.35) 0%, rgba(8,8,7,0) 30%, rgba(8,8,7,0) 70%, rgba(8,8,7,.5) 100%)}
.emp-movement .innen{position:relative; z-index:1; padding:clamp(26px, 4.4vw, 60px); max-width:760px}
.emp-movement h2{margin:12px 0 16px}
.emp-movement .body + .body{margin-top:14px}
.emp-saeulen{display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; list-style:none; padding:0}
.emp-saeulen li{padding:8px 16px; border-radius:var(--r-pille); border:1px solid var(--line-n); background:rgba(255,255,255,.04);
  color:var(--fg); font-weight:600; font-size:14px; letter-spacing:.08em; text-transform:uppercase}
.emp-saeulen-note{margin-top:12px; font-size:14px; color:var(--fg-3); line-height:1.55; max-width:54ch}
.emp-movement .innen{max-width:700px}
@media (max-width:980px){
  .emp-movement .bild{inset:0}
  .emp-movement .bild img{opacity:.4; object-position:60% 50%}
  .emp-movement .bild::after{background:linear-gradient(180deg, rgba(8,8,7,.82) 0%, rgba(8,8,7,.94) 100%)}
}
.emp-drei{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin-top:16px; list-style:none; padding:0}
@media (max-width:860px){.emp-drei{grid-template-columns:1fr}}
.emp-drei > li{padding:24px 22px 24px; border-radius:var(--r-gross); border:1px solid var(--line-n); background:var(--tafel-2)}
.emp-drei h3{font-size:19px; margin:0 0 8px}
.emp-drei p{margin:0; color:var(--fg-2); font-size:15px; line-height:1.6}
.emp-drei > li.emp-spaeter{border-style:dashed; border-color:var(--line-2); background:transparent}
.emp-spaeter .kommt{margin:12px 0 0}


.emp-mission{position:relative; overflow:hidden; border-top:1px solid var(--line-n);
  background:radial-gradient(90% 120% at 50% 0%, rgba(201,164,92,.13), rgba(201,164,92,0) 62%)}
.emp-mission .mass{text-align:center; display:flex; flex-direction:column; align-items:center}
.emp-mission .emp-zitat{text-align:left; width:100%; margin-top:22px}
.emp-dreiklang{list-style:none; margin:clamp(30px, 4vw, 48px) 0 0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px; width:100%; text-align:left}
@media (max-width:860px){.emp-dreiklang{grid-template-columns:1fr}}
.emp-dreiklang li{padding:22px 22px 24px; border-radius:var(--r-gross); border:1px solid var(--line-n); background:var(--tafel-2)}
.emp-dreiklang span{display:block; color:var(--fg-3); font-size:15.5px; line-height:1.45}
.emp-dreiklang b{display:block; margin-top:6px; color:var(--fg); font-size:clamp(18px, 1.7vw, 20.5px); font-weight:650; letter-spacing:-.022em; line-height:1.28}
.emp-ausblick{margin-top:clamp(28px, 4vw, 44px); color:var(--fg-2); font-size:18px; line-height:1.6; max-width:52ch}
.emp-ausblick b{color:var(--fg); font-weight:600}
.emp-mission .hero-knoepfe{justify-content:center}


.emp-mission h2.eyebrow{font-size:12px; letter-spacing:.16em; line-height:1.4; font-weight:600}


@media (max-width:900px){
  html.bsm-empowerment .kopf .marke{flex:0 0 auto}
  html.bsm-empowerment .kopf .cta.sm{min-height:44px}
}
@media (max-width:600px){
  html.bsm-empowerment .fussnav{gap:0 24px}
  html.bsm-empowerment .fussnav a{min-height:44px; display:inline-flex; align-items:center}
  html.bsm-empowerment .fussnav button{min-height:44px}
}