<!-- Template T30 (Footer-Streifen mit Subtitle + Headline oben) -->
<!-- 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:linear-gradient(120deg,rgba(24,39,58,0.65) 0%,rgba(24,39,58,0.15) 40%,rgba(24,39,58,0) 60%);"></div>
    <div style="position:absolute;left:80px;top:80px;right:80px;color:#F8F6F2;max-width:1080px;">
      <span class="tn-eyebrow" style="display:inline-flex;align-items:center;gap:12px;font-family:'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#D4A853;margin-bottom:22px;">
        <span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:#D4A853;"></span> {{EYEBROW}}
      </span>
      <h1 class="tn-headline" style="margin:0;font-size:76px;font-weight:700;line-height:1.04;letter-spacing:-1.8px;text-wrap:balance;">{{HEADLINE}}</h1>
    </div>
    <div style="position:absolute;left:0;right:0;bottom:0;padding:28px 80px;background:#F8F6F2;
      display:flex;justify-content:space-between;align-items:center;color:#18273A;
      border-top:3px solid transparent;
      background-image:linear-gradient(#F8F6F2,#F8F6F2),linear-gradient(90deg,#0D9488,#D4A853 60%,transparent);
      background-origin:padding-box,border-box;background-clip:padding-box,border-box;">
      <span style="font-family:'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;font-size:18px;font-weight:500;color:rgba(24,39,58,0.75);">Sondern an Menschen, Mut und Mandat.</span>
      <span style="display:inline-block;width:11px;height:11px;border-radius:50%;background:#D4A853;"></span>
    </div>
</div>
