<!-- Template T04v (Cream-Card mittig im Bild) -->
<!-- Extrahiert aus _lib.designsystem.compose_v via _extract_templates.py -->
<!-- Platzhalter: {{PHOTO_URL}}, {{HEADLINE}}, {{EYEBROW}} -->
<div style="position:relative;width:1080px;height:1350px;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;left:64px;right:64px;top:50%;transform:translateY(-50%);
      background:#F8F6F2;padding:48px 44px;display:flex;flex-direction:column;gap:24px;
      box-shadow:0 16px 40px rgba(24,39,58,0.18);color:#18273A;">
      <div style="display:flex;align-items:center;gap:12px;">
        <span style="display:inline-block;width:11px;height:11px;border-radius:50%;background:#D4A853;"></span>
        <span class="tn-eyebrow" style="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:rgba(24,39,58,0.7);">{{EYEBROW}}</span>
      </div>
      <h1 class="tn-headline" style="margin:0;font-size:52px;font-weight:700;line-height:1.05;letter-spacing:-1.2px;text-wrap:balance;">{{HEADLINE}}</h1>
      <div>
        <div style="width:100px;height:3px;border-radius:2px;background:linear-gradient(90deg,#0D9488 0%,#D4A853 65%,transparent 100%);"></div>
        
      </div>
    </div>
</div>
