public/assets/img/banners/placeholder-2.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 110" role="img" aria-label="Platzhalter-Logo">
  <rect x="2" y="2" width="256" height="106" rx="14" fill="none" stroke="#ffffff" stroke-opacity="0.4" stroke-dasharray="7 7"/>
  <text x="130" y="52" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="26" font-weight="700" fill="#ffffff">IHR LOGO</text>
  <text x="130" y="78" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" fill="#ffffff" fill-opacity="0.6">Sponsor 2</text>
</svg>
Banner-Slider auf der Startseite Komponente banner-slider liest data/banners.json; banner.js übernimmt Autoplay/Pause/Steuerung (progressive enhancement). Slider sitzt zwischen Hero und Instagram-Feed. Bilder vorerst als Platzhalter-SVGs. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KDQZ6FuchNUh2bxSW9PeNv 2026-06-19 08:12:43 +02:00			`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 110" role="img" aria-label="Platzhalter-Logo">`
			`<rect x="2" y="2" width="256" height="106" rx="14" fill="none" stroke="#ffffff" stroke-opacity="0.4" stroke-dasharray="7 7"/>`
			`<text x="130" y="52" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="26" font-weight="700" fill="#ffffff">IHR LOGO</text>`
			`<text x="130" y="78" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="14" fill="#ffffff" fill-opacity="0.6">Sponsor 2</text>`
			`</svg>`