<!-- Template T08 (Center-Pill (Frage-/Statement-Format)) -->
<!-- Extrahiert aus _lib.designsystem.compose via _extract_templates.py -->
<!-- Platzhalter: {{PHOTO_URL}}, {{HEADLINE}}, {{EYEBROW}} -->
<div style="position:relative;width:1536px;height:1024px;overflow:hidden;background:#18273A;">
<img src="{{PHOTO_URL}}" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;">
    <div style="position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(24,39,58,0.35) 0%,rgba(24,39,58,0.1) 60%,rgba(24,39,58,0.55) 100%);"></div>
    <div style="position:absolute;top:64px;left:0;right:0;display:flex;justify-content:center;">
      <span class="tn-eyebrow" style="display:inline-flex;align-items:center;gap:12px;padding:10px 22px;
        border:1px solid rgba(248,246,242,0.7);border-radius:999px;font-family:'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
        font-size:15px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;color:#F8F6F2;
        background:rgba(24,39,58,0.7);">
        <span style="display:inline-block;width:9px;height:9px;border-radius:50%;background:#D4A853;"></span> {{EYEBROW}}
      </span>
    </div>
    <div style="position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#F8F6F2;padding:0 140px;">
      <h1 class="tn-headline" style="margin:0;font-size:74px;font-weight:600;line-height:1.08;letter-spacing:-1.7px;text-wrap:balance;max-width:1180px;margin-inline:auto;">{{HEADLINE}}</h1>
      <div style="width:160px;height:3px;border-radius:2px;background:linear-gradient(90deg,#0D9488 0%,#D4A853 65%,transparent 100%);margin:30px auto 0;"></div>
    </div>
</div>
