Verlinkung & Banner – WebRadioSystem

Banner 1

Klassisch · Klein

<!-- WebRadioSystem Partner Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:0;border-radius:10px;overflow:hidden;font-family:Orbitron,sans-serif;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.5)">
  <div style="background:#e63946;padding:12px 16px;display:flex;align-items:center;justify-content:center">
    <span style="font-size:22px">📻</span>
  </div>
  <div style="background:#0e0e18;padding:10px 18px;border:1px solid #1e1e32;border-left:none">
    <div style="font-size:13px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;letter-spacing:1px;margin-top:2px">RADIO · CHAT · COMMUNITY</div>
    <div style="display:inline-flex;align-items:center;gap:4px;background:rgba(230,57,70,.15);border:1px solid rgba(230,57,70,.3);color:#e63946;padding:2px 8px;border-radius:4px;font-size:8px;font-weight:700;letter-spacing:2px;margin-top:5px">● PARTNER</div>
  </div>
</a>

Banner 2

Leaderboard · Breit

<!-- WebRadioSystem Leaderboard Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#07070d,#13131e);border:1px solid #2a2a44;border-radius:10px;padding:14px 22px;font-family:Orbitron,sans-serif;text-decoration:none;box-shadow:0 4px 24px rgba(230,57,70,.15);min-width:468px;position:relative;overflow:hidden">
  <div style="display:flex;align-items:center;gap:12px">
    <div style="width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
    <div>
      <div style="font-size:14px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
      <div style="font-size:9px;color:#606080;margin-top:2px;letter-spacing:1px">RADIO · CHAT · COMMUNITY · KOSTENLOS</div>
    </div>
  </div>
  <div style="display:flex;flex-direction:column;align-items:flex-end;gap:6px">
    <div style="background:#e63946;color:#fff;padding:7px 16px;border-radius:6px;font-size:9px;font-weight:900;letter-spacing:2px">JETZT HÖREN</div>
    <div style="display:flex;align-items:center;gap:4px;font-size:8px;color:#e63946;letter-spacing:2px">● LIVE ON AIR</div>
  </div>
</a>

Banner 3

Box · Quadratisch

<!-- WebRadioSystem Box Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#07070d,#13131e);border:2px solid #e63946;border-radius:14px;padding:20px;font-family:Orbitron,sans-serif;text-decoration:none;box-shadow:0 0 30px rgba(230,57,70,.2);width:160px;text-align:center">
  <span style="font-size:32px;margin-bottom:8px">📻</span>
  <div style="font-size:11px;font-weight:900;color:#fff;letter-spacing:2px;line-height:1.2">WEB<span style="color:#e63946">RADIO</span><br>SYSTEM</div>
  <div style="width:40px;height:2px;background:linear-gradient(90deg,#e63946,#ff6b35);border-radius:1px;margin:8px auto"></div>
  <div style="font-size:8px;color:#606080;letter-spacing:1px">RADIO · CHAT · COMMUNITY</div>
  <div style="background:#e63946;color:#fff;padding:5px 10px;border-radius:5px;font-size:8px;font-weight:900;letter-spacing:2px;margin-top:8px">PARTNER</div>
</a>

Banner 4 & 5

Minimal & Pill

<!-- WebRadioSystem Minimal Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:10px;background:#0e0e18;border-left:3px solid #e63946;padding:10px 16px;font-family:sans-serif;text-decoration:none;border-radius:0 8px 8px 0">
  <span style="font-size:18px">📻</span>
  <div>
    <div style="font-size:12px;font-weight:700;color:#eeeef8">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:10px;color:#606080;margin-top:1px">Partner & offiziell verlinkt</div>
  </div>
</a>

<!-- WebRadioSystem Pill Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#e63946,#ff6b35);padding:10px 20px;border-radius:999px;font-family:Orbitron,sans-serif;text-decoration:none;box-shadow:0 4px 20px rgba(230,57,70,.4)">
  <span style="font-size:16px">📻</span>
  <span style="font-size:11px;font-weight:900;color:#fff;letter-spacing:2px">WEBRADIOSYSTEM</span>
  <span style="color:rgba(255,255,255,.4);font-size:10px">|</span>
  <span style="font-size:9px;color:rgba(255,255,255,.75);letter-spacing:1px">PARTNER</span>
</a>

Banner 6

Dark Neon · Glowing

<!-- WebRadioSystem Neon Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:0;border-radius:10px;overflow:hidden;font-family:Orbitron,sans-serif;text-decoration:none;box-shadow:0 0 20px rgba(230,57,70,.3),0 0 40px rgba(230,57,70,.1)">
  <div style="background:linear-gradient(135deg,#e63946,#8b0010);padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:4px">
    <span style="font-size:24px">📻</span>
    <span style="font-size:7px;font-weight:900;letter-spacing:2px;color:rgba(255,255,255,.8)">LIVE</span>
  </div>
  <div style="background:#07070d;border:1px solid rgba(230,57,70,.3);border-left:none;padding:12px 18px">
    <div style="font-size:14px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px;letter-spacing:.5px;font-family:sans-serif">Radio · Chat · Community · Kostenlos</div>
    <div style="display:inline-block;background:rgba(230,57,70,.15);border:1px solid rgba(230,57,70,.4);color:#e63946;padding:4px 10px;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:1px;margin-top:7px">→ JETZT BESUCHEN</div>
  </div>
</a>

Banner 7 & 8

Wellen & Full-Width

<!-- WebRadioSystem Wellen Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-block;background:#0e0e18;border:1px solid #2a2a44;border-radius:12px;padding:14px 20px 18px;font-family:Orbitron,sans-serif;text-decoration:none;position:relative;overflow:hidden;min-width:300px">
  <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px">
    <span style="font-size:20px">📻</span>
    <span style="font-size:13px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</span>
  </div>
  <div style="font-size:9px;color:#606080;letter-spacing:1px;font-family:sans-serif">RADIO · CHAT · COMMUNITY · KOSTENLOS HÖREN</div>
  <div style="position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e63946,#ff6b35,#4cc9f0,#4ade80)"></div>
</a>

<!-- WebRadioSystem Footer Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0e0e18,#13131e);border:1px solid #2a2a44;border-top:2px solid #e63946;padding:14px 24px;font-family:Orbitron,sans-serif;text-decoration:none;gap:16px;flex-wrap:wrap">
  <div style="display:flex;align-items:center;gap:12px">
    <span style="font-size:22px">📻</span>
    <div style="font-size:12px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
  </div>
  <div style="font-size:11px;color:#606080;letter-spacing:.5px;font-family:sans-serif">Offizieller Partner · Radio · Chat · Community</div>
  <div style="background:#e63946;color:#fff;padding:8px 18px;border-radius:6px;font-size:9px;font-weight:900;letter-spacing:2px">JETZT BESUCHEN →</div>
</a>

Banner 9 & 10

Retro & Card

<!-- WebRadioSystem Retro Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;align-items:center;background:#07070d;border:2px solid #e63946;border-radius:8px;padding:16px 24px;font-family:Orbitron,sans-serif;text-decoration:none;position:relative">
  <div style="font-size:8px;font-weight:700;letter-spacing:4px;color:#606080;text-transform:uppercase;margin-bottom:8px">OFFIZIELLER PARTNER</div>
  <span style="font-size:28px;margin-bottom:6px">📻</span>
  <div style="font-size:16px;font-weight:900;color:#fff;letter-spacing:3px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
  <div style="width:60%;height:1px;background:linear-gradient(90deg,transparent,#e63946,transparent);margin:8px auto"></div>
  <div style="font-size:8px;color:#606080;letter-spacing:2px">RADIO · CHAT · COMMUNITY</div>
</a>

<!-- WebRadioSystem Card Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;background:linear-gradient(135deg,#13131e,#07070d);border:1px solid #2a2a44;border-radius:14px;padding:0;overflow:hidden;font-family:Orbitron,sans-serif;text-decoration:none;width:200px;box-shadow:0 8px 32px rgba(0,0,0,.5)">
  <div style="background:linear-gradient(135deg,#e63946,#8b0010);padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px">
    <span style="font-size:28px">📻</span>
    <div style="font-size:12px;font-weight:900;color:#fff;letter-spacing:2px;text-align:center">WEBRADIOSYSTEM</div>
  </div>
  <div style="padding:14px;text-align:center">
    <div style="font-size:10px;color:#606080;line-height:1.5;font-family:sans-serif;margin-bottom:10px">Radio · Chat · Community. Kostenlos hören und mitmachen!</div>
    <div style="display:block;background:#e63946;color:#fff;padding:7px;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:2px;text-align:center">JETZT BESUCHEN</div>
  </div>
</a>

Textlink

Einfacher Textlink

Banner 11

Animiert · Pulsierend

<style>
@keyframes wrs-pulse{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,.4)}50%{box-shadow:0 0 0 8px rgba(230,57,70,0)}}
@keyframes wrs-bar1{0%,100%{height:6px}50%{height:20px}}
@keyframes wrs-bar2{0%,100%{height:14px}50%{height:6px}}
@keyframes wrs-bar3{0%,100%{height:10px}50%{height:18px}}
@keyframes wrs-bar4{0%,100%{height:18px}50%{height:8px}}
</style>
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#07070d;border:1.5px solid #e63946;border-radius:12px;padding:14px 22px;font-family:Orbitron,sans-serif;text-decoration:none;animation:wrs-pulse 2s ease-in-out infinite">
  <div style="width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-size:13px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px;letter-spacing:1px">RADIO · CHAT · COMMUNITY</div>
  </div>
  <div style="display:flex;align-items:center;gap:3px">
    <span style="width:4px;background:#e63946;border-radius:2px;animation:wrs-bar1 .8s ease-in-out infinite;display:inline-block"></span>
    <span style="width:4px;background:#ff6b35;border-radius:2px;animation:wrs-bar2 .8s ease-in-out infinite .1s;display:inline-block"></span>
    <span style="width:4px;background:#4cc9f0;border-radius:2px;animation:wrs-bar3 .8s ease-in-out infinite .2s;display:inline-block"></span>
    <span style="width:4px;background:#4ade80;border-radius:2px;animation:wrs-bar4 .8s ease-in-out infinite .3s;display:inline-block"></span>
  </div>
</a>

Banner 12 & 13

Hell & Bunt

<!-- WebRadioSystem Hell / Light Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #e63946;border-radius:10px;padding:12px 20px;font-family:Orbitron,sans-serif;text-decoration:none;box-shadow:0 2px 12px rgba(230,57,70,.15)">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#e63946,#ff6b35);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-size:13px;font-weight:900;color:#111;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#888;margin-top:2px;letter-spacing:1px">RADIO · CHAT · COMMUNITY</div>
    <div style="background:#e63946;color:#fff;padding:2px 8px;border-radius:4px;font-size:8px;font-weight:700;letter-spacing:1px;margin-top:4px;display:inline-block">PARTNER</div>
  </div>
</a>

<!-- WebRadioSystem Regenbogen Banner -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;background:linear-gradient(135deg,#ff0000,#ff7700,#ffff00,#00ff00,#0000ff,#8b00ff);padding:3px;border-radius:12px;text-decoration:none">
  <div style="background:#07070d;border-radius:10px;padding:11px 18px;display:flex;align-items:center;gap:12px">
    <span style="font-size:22px">📻</span>
    <div>
      <div style="font-family:Orbitron,sans-serif;font-size:13px;font-weight:900;color:#fff;letter-spacing:2px">WEBRADIOSYSTEM</div>
      <div style="font-size:9px;color:#aaa;margin-top:2px;letter-spacing:1px;font-family:sans-serif">PARTNER · RADIO · CHAT · COMMUNITY</div>
    </div>
  </div>
</a>

Banner 14

Glassmorphism · Modern

<!-- WebRadioSystem Glassmorphism Banner -->
<!-- Hinweis: backdrop-filter funktioniert nur wenn der Hintergrund sichtbar ist -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:14px 22px;font-family:Orbitron,sans-serif;text-decoration:none">
  <div style="width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,rgba(230,57,70,.8),rgba(139,0,16,.8));display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0">📻</div>
  <div>
    <div style="font-size:13px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#ff8080">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:rgba(255,255,255,.5);margin-top:3px;letter-spacing:1px">RADIO · CHAT · COMMUNITY</div>
    <div style="display:inline-flex;align-items:center;gap:4px;background:rgba(230,57,70,.2);border:1px solid rgba(230,57,70,.3);color:#ff8080;padding:2px 8px;border-radius:4px;font-size:8px;font-weight:700;letter-spacing:1px;margin-top:5px">● LIVE PARTNER</div>
  </div>
</a>

Widget – Einbettbar

🎛️ Einbettbares
Radio-Widget

<!-- WebRadioSystem Partner Widget -->
<div style="background:#0e0e18;border:1px solid #2a2a44;border-radius:14px;padding:18px 20px;width:300px;font-family:Orbitron,sans-serif;position:relative;overflow:hidden;box-sizing:border-box">
  <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e63946,#ff6b35,#4cc9f0)"></div>
  <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px">
    <div style="width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0">📻</div>
    <div>
      <div style="font-size:11px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
      <div style="font-size:8px;color:#606080;margin-top:2px;letter-spacing:1px">OFFIZIELLER PARTNER</div>
    </div>
    <div style="margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:rgba(230,57,70,.12);border:1px solid rgba(230,57,70,.3);color:#e63946;padding:3px 8px;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:1px">
      <span style="width:5px;height:5px;background:#e63946;border-radius:50%;display:inline-block"></span> LIVE
    </div>
  </div>
  <div style="background:#07070d;border:1px solid #1e1e32;border-radius:9px;padding:10px 14px;margin-bottom:10px">
    <div style="font-size:10px;color:#e63946;letter-spacing:1px;margin-bottom:3px;font-family:sans-serif">🎵 JETZT LÄUFT</div>
    <div id="wrs-track" style="font-size:12px;font-weight:700;color:#eeeef8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Lade...</div>
    <div id="wrs-artist" style="font-size:10px;color:#606080;margin-top:2px;font-family:sans-serif"></div>
  </div>
  <div style="display:flex;gap:8px">
    <a href="https://webradiosystem.de" target="_blank"
       style="flex:1;background:#e63946;color:#fff;border-radius:7px;padding:9px;font-size:9px;font-weight:900;letter-spacing:2px;text-align:center;text-decoration:none;display:block">▶ ZUR SEITE</a>
    <a href="https://webradiosystem.de/bewerbung.html" target="_blank"
       style="background:#13131e;color:#606080;border:1px solid #2a2a44;border-radius:7px;padding:9px 12px;font-size:9px;font-weight:700;letter-spacing:1px;text-decoration:none;white-space:nowrap">PARTNER?</a>
  </div>
</div>
<script>
// Lädt automatisch den aktuellen Titel von RecordsRadio
(function(){
  function load(){
    fetch('https://api.laut.fm/station/recordsradio/current_song?_='+Date.now())
      .then(r=>r.json()).then(d=>{
        var t=d.title||d.song&&d.song.title||'RecordsRadio';
        var a=d.artist||d.song&&d.song.artist&&d.song.artist.name||'24/7 Live';
        var el=document.getElementById('wrs-track');
        var al=document.getElementById('wrs-artist');
        if(el)el.textContent=t;
        if(al)al.textContent=a;
      }).catch(function(){
        var el=document.getElementById('wrs-track');
        if(el)el.textContent='RecordsRadio – Live on Air';
      });
  }
  load();
  setInterval(load,20000);
})();
</script>

💡 Das Widget lädt automatisch den aktuellen Titel von RecordsRadio via laut.fm API. Einfach den Code irgendwo auf deiner Seite einfügen – keine weiteren Abhängigkeiten nötig.

Widget – Klein

🔖 Kleines
Badge-Widget

<!-- WebRadioSystem Badge Widget -->
<div style="background:#0e0e18;border:1px solid #2a2a44;border-radius:10px;padding:12px 14px;width:210px;font-family:Orbitron,sans-serif;position:relative;overflow:hidden;box-sizing:border-box">
  <div style="position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#e63946,#ff6b35)"></div>
  <div style="padding-left:10px">
    <div style="font-size:9px;color:#606080;letter-spacing:2px;margin-bottom:6px">OFFIZIELLER PARTNER</div>
    <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px">
      <span style="font-size:18px">📻</span>
      <div style="font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    </div>
    <a href="https://webradiosystem.de" target="_blank"
       style="display:block;background:linear-gradient(135deg,#e63946,#ff6b35);color:#fff;border-radius:6px;padding:7px;font-size:9px;font-weight:900;letter-spacing:2px;text-align:center;text-decoration:none">→ JETZT BESUCHEN</a>
  </div>
</div>

Banner 15 & 16

Gradient Rahmen & Lauftext

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;padding:3px;border-radius:13px;background:linear-gradient(135deg,#e63946,#ff6b35,#4cc9f0,#4ade80);text-decoration:none">
  <div style="background:#07070d;border-radius:11px;padding:12px 20px;display:flex;align-items:center;gap:12px">
    <span style="font-size:22px">📻</span>
    <div style="font-family:Orbitron,sans-serif">
      <div style="font-size:13px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
      <div style="font-size:9px;color:#606080;margin-top:2px;letter-spacing:1px">PARTNER · RADIO · CHAT</div>
    </div>
  </div>
</a>

<style>@keyframes wrs-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}</style>
<div style="background:#07070d;border:1px solid #2a2a44;border-radius:10px;overflow:hidden;max-width:420px">
  <div style="background:linear-gradient(135deg,#e63946,#8b0010);padding:8px 16px;display:flex;align-items:center;gap:8px">
    <span style="font-size:16px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;color:#fff;letter-spacing:2px">WEBRADIOSYSTEM</span>
    <span style="margin-left:auto;background:rgba(255,255,255,.2);color:#fff;padding:2px 8px;border-radius:4px;font-size:8px;font-weight:700;font-family:Orbitron,sans-serif">PARTNER</span>
  </div>
  <div style="overflow:hidden;white-space:nowrap;padding:8px 0;background:#0e0e18">
    <a href="https://webradiosystem.de" target="_blank" style="display:inline-flex;gap:40px;animation:wrs-scroll 12s linear infinite;text-decoration:none">
      <span style="font-family:Orbitron,sans-serif;font-size:9px;color:#e63946;letter-spacing:2px">● RADIO · CHAT · COMMUNITY</span>
      <span style="font-family:Orbitron,sans-serif;font-size:9px;color:#4cc9f0;letter-spacing:2px">● KOSTENLOS HÖREN</span>
      <span style="font-family:Orbitron,sans-serif;font-size:9px;color:#4ade80;letter-spacing:2px">● JETZT PARTNER WERDEN</span>
      <span style="font-family:Orbitron,sans-serif;font-size:9px;color:#e63946;letter-spacing:2px">● RADIO · CHAT · COMMUNITY</span>
      <span style="font-family:Orbitron,sans-serif;font-size:9px;color:#4cc9f0;letter-spacing:2px">● KOSTENLOS HÖREN</span>
      <span style="font-family:Orbitron,sans-serif;font-size:9px;color:#4ade80;letter-spacing:2px">● JETZT PARTNER WERDEN</span>
    </a>
  </div>
</div>

Banner 17 & 18

Vertikal & Signet

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#0e0e18,#07070d);border:1px solid #2a2a44;border-radius:12px;padding:20px 16px;width:120px;text-decoration:none;gap:12px">
  <div style="width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:24px">📻</div>
  <div style="font-family:Orbitron,sans-serif;font-size:10px;font-weight:900;color:#fff;letter-spacing:1px;text-align:center;line-height:1.4">WEB<br><span style="color:#e63946">RADIO</span><br>SYSTEM</div>
  <div style="width:100%;height:1px;background:linear-gradient(90deg,transparent,#e63946,transparent)"></div>
  <div style="font-size:8px;color:#606080;letter-spacing:1px;font-family:sans-serif;text-align:center">RADIO · CHAT · COMMUNITY</div>
  <div style="background:#e63946;color:#fff;padding:6px 12px;border-radius:6px;font-size:8px;font-weight:900;letter-spacing:1px;font-family:Orbitron,sans-serif">PARTNER</div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none"
   title="WebRadioSystem – Radio, Chat & Community">
  <div style="width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 20px rgba(230,57,70,.4)">📻</div>
  <div style="font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;color:#e63946;letter-spacing:2px">WRS</div>
</a>

Banner 19 & 20

Skyscraper & Mega Banner

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;align-items:center;background:#07070d;border:1px solid #2a2a44;border-top:4px solid #e63946;border-radius:14px;padding:24px 16px;width:160px;text-decoration:none;gap:16px">
  <div style="width:60px;height:60px;border-radius:14px;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:28px">📻</div>
  <div style="font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;color:#fff;letter-spacing:2px;text-align:center">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
  <div style="width:80%;height:1px;background:linear-gradient(90deg,transparent,#e63946,transparent)"></div>
  <div style="font-family:sans-serif;font-size:11px;color:#606080;text-align:center;line-height:1.6">Kostenlos Radio hören &amp; im Live-Chat mitmachen</div>
  <div style="font-family:Orbitron,sans-serif;font-size:9px;color:#e63946;letter-spacing:2px">● 24/7 LIVE</div>
  <div style="width:100%;background:#e63946;color:#fff;padding:10px;border-radius:8px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:900;letter-spacing:2px;text-align:center">JETZT HÖREN</div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#07070d,#13131e);border:1px solid #2a2a44;border-left:4px solid #e63946;border-radius:10px;padding:12px 28px;text-decoration:none;gap:20px;flex-wrap:wrap">
  <div style="display:flex;align-items:center;gap:12px">
    <div style="width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:22px">📻</div>
    <div>
      <div style="font-family:Orbitron,sans-serif;font-size:15px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
      <div style="font-size:10px;color:#606080;margin-top:2px;font-family:sans-serif">Die Radio-Community – kostenlos, live, direkt im Browser</div>
    </div>
  </div>
  <div style="display:flex;gap:16px;font-family:Orbitron,sans-serif;font-size:9px;color:#606080;letter-spacing:1px">
    <span>📡 LIVE RADIO</span><span>💬 LIVE CHAT</span><span>🎵 COVER &amp; TITEL</span>
  </div>
  <div style="background:#e63946;color:#fff;padding:8px 20px;border-radius:7px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:900;letter-spacing:2px">▶ JETZT HÖREN</div>
</a>

Banner 21 & 22

Mobile & Sticky Banner

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:flex;align-items:center;gap:12px;background:#0e0e18;border:1px solid #2a2a44;border-radius:12px;padding:12px 16px;max-width:320px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0">📻</div>
  <div style="flex:1;min-width:0">
    <div style="font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:2px;font-family:sans-serif">Radio · Chat · kostenlos</div>
  </div>
  <div style="background:#e63946;color:#fff;padding:7px 12px;border-radius:7px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:900;letter-spacing:1px;flex-shrink:0">▶ HÖREN</div>
</a>

<!-- Sticky Bottom Bar: am Ende des <body> einfügen -->
<div style="position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#07070d;border-top:2px solid #e63946;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap">
  <div style="display:flex;align-items:center;gap:10px">
    <span style="font-size:18px">📻</span>
    <div style="font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
  </div>
  <div style="font-size:11px;color:#606080;font-family:sans-serif">Dein Radio-Partner – kostenlos hören!</div>
  <div style="display:flex;gap:8px">
    <a href="https://webradiosystem.de" target="_blank" style="background:#e63946;color:#fff;padding:7px 16px;border-radius:6px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:900;letter-spacing:1px;text-decoration:none">BESUCHEN →</a>
    <button onclick="this.parentElement.parentElement.style.display='none'" style="background:none;border:1px solid #2a2a44;color:#606080;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:11px">✕</button>
  </div>
</div>

Banner 23 – 25

Dark, Neon Outline & Foto-Hintergrund

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#000;border:1px solid #333;border-radius:10px;padding:14px 22px;font-family:Orbitron,sans-serif;text-decoration:none">
  <span style="font-size:24px">📻</span>
  <div>
    <div style="font-size:13px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#ff3131">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#555;margin-top:3px;letter-spacing:1px">RADIO · CHAT · COMMUNITY</div>
    <div style="font-size:8px;color:#ff3131;margin-top:5px;letter-spacing:2px">● LIVE ON AIR</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:transparent;border:2px solid #e63946;border-radius:10px;padding:12px 22px;font-family:Orbitron,sans-serif;text-decoration:none;box-shadow:0 0 15px #e63946,inset 0 0 15px rgba(230,57,70,.05)">
  <span style="font-size:24px;filter:drop-shadow(0 0 8px #e63946)">📻</span>
  <div>
    <div style="font-size:13px;font-weight:900;color:#e63946;letter-spacing:2px;text-shadow:0 0 10px #e63946">WEBRADIOSYSTEM</div>
    <div style="font-size:9px;color:rgba(230,57,70,.6);margin-top:3px;letter-spacing:1px">RADIO · CHAT · COMMUNITY</div>
  </div>
</a>

<!-- Social Share Card / Link Preview -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:block;background:#0e0e18;border:1px solid #2a2a44;border-radius:12px;overflow:hidden;max-width:380px;text-decoration:none">
  <div style="height:80px;background:linear-gradient(135deg,#e63946,#ff6b35,#4cc9f0);display:flex;align-items:center;justify-content:center;font-size:36px">📻</div>
  <div style="padding:16px">
    <div style="font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;color:#fff;letter-spacing:2px;margin-bottom:6px">WEBRADIOSYSTEM</div>
    <div style="font-size:12px;color:#606080;line-height:1.5;margin-bottom:12px;font-family:sans-serif">Radio. Chat. Community. Kostenlos Web-Radio hören und im Live-Chat mit anderen Fans mitmachen.</div>
    <div style="font-size:10px;color:#e63946;letter-spacing:1px;font-family:Orbitron,sans-serif">🔗 webradiosystem.de</div>
  </div>
</a>

Widget – Jetzt läuft

🎵 Live Now Widget

<!-- WebRadioSystem Live Now Widget -->
<div id="wrs-livenow" style="background:#0e0e18;border:1px solid #2a2a44;border-top:2px solid #e63946;border-radius:14px;padding:16px 18px;max-width:340px;font-family:Orbitron,sans-serif;box-sizing:border-box">
  <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px">
    <div style="width:8px;height:8px;background:#e63946;border-radius:50%"></div>
    <div style="font-size:9px;color:#e63946;letter-spacing:2px">JETZT BEI RECORDSRADIO</div>
  </div>
  <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px">
    <div style="width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#e63946,#8b0010);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0">🎵</div>
    <div style="min-width:0">
      <div id="wrs-ln-title" style="font-size:12px;font-weight:900;color:#eeeef8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Lade…</div>
      <div id="wrs-ln-artist" style="font-size:10px;color:#e63946;margin-top:3px;font-family:sans-serif"></div>
    </div>
  </div>
  <a href="https://webradiosystem.de" target="_blank" style="display:flex;align-items:center;justify-content:space-between;background:rgba(230,57,70,.1);border:1px solid rgba(230,57,70,.3);border-radius:8px;padding:8px 12px;text-decoration:none">
    <span style="font-family:Orbitron,sans-serif;font-size:9px;color:#e63946;letter-spacing:1px">📻 WEBRADIOSYSTEM</span>
    <span style="font-size:9px;color:#606080;font-family:sans-serif">PARTNER WERDEN →</span>
  </a>
</div>
<script>
(function(){
  function load(){
    fetch('https://api.laut.fm/station/recordsradio/current_song?_='+Date.now())
      .then(r=>r.json()).then(d=>{
        var t = typeof d.title==='string' ? d.title : '';
        var a = typeof d.artist==='string' ? d.artist : (d.artist&&d.artist.name ? d.artist.name : '');
        var tEl = document.getElementById('wrs-ln-title');
        var aEl = document.getElementById('wrs-ln-artist');
        if(tEl && t) tEl.textContent = t;
        if(aEl && a) aEl.textContent = a;
      }).catch(function(){});
  }
  load();
  setInterval(load, 20000);
})();
</script>

Banner 26 – 28

Spotify-Style, Typewriter & Split-Color

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#121212;border-radius:12px;padding:14px 20px;font-family:sans-serif;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.6)">
  <div style="width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#1db954,#0d7a35);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0">📻</div>
  <div>
    <div style="font-size:14px;font-weight:700;color:#fff">WebRadioSystem</div>
    <div style="font-size:11px;color:#b3b3b3;margin-top:2px">Radio · Chat · Community</div>
    <div style="display:inline-flex;align-items:center;gap:5px;margin-top:6px;background:#1db954;padding:4px 10px;border-radius:999px">
      <span style="font-size:10px;font-weight:700;color:#000">▶ Jetzt hören</span>
    </div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:12px;overflow:hidden;text-decoration:none">
  <div style="background:#e63946;padding:16px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px">
    <span style="font-size:26px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;color:#fff;letter-spacing:1px">RADIO</span>
  </div>
  <div style="background:#07070d;padding:14px 20px">
    <div style="font-family:Orbitron,sans-serif;font-size:13px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:4px;letter-spacing:1px">PARTNER · KOSTENLOS · LIVE</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;background:#0e0e18;border:1px solid #2a2a44;border-radius:12px;padding:16px 20px;text-decoration:none;gap:8px;min-width:220px">
  <div style="display:flex;align-items:center;gap:10px">
    <span style="font-size:20px">📻</span>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEBRADIOSYSTEM</div>
  </div>
  <div style="color:#ffd700;font-size:14px">★★★★★</div>
  <div style="font-size:10px;color:#606080;font-family:sans-serif">Tolle Plattform für Web-Radio-Fans!</div>
  <div style="font-size:9px;color:#e63946;font-family:Orbitron,sans-serif;letter-spacing:1px">→ webradiosystem.de</div>
</a>

Banner 29 – 31

QR-Code, Countdown & News-Ticker

<div style="display:inline-flex;align-items:center;gap:16px;background:#0e0e18;border:1px solid #2a2a44;border-radius:12px;padding:16px 20px">
  <img src="https://api.qrserver.com/v1/create-qr-code/?size=80x80&data=https://webradiosystem.de&bgcolor=0e0e18&color=e63946&qzone=2"
       alt="WebRadioSystem QR" style="width:70px;height:70px;border-radius:8px;flex-shrink:0">
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px;margin-bottom:4px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:10px;color:#606080;font-family:sans-serif;margin-bottom:8px">QR-Code scannen &amp; sofort hören</div>
    <a href="https://webradiosystem.de" target="_blank"
       style="font-size:8px;color:#e63946;font-family:Orbitron,sans-serif;letter-spacing:1px;text-decoration:none">webradiosystem.de</a>
  </div>
</div>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;align-items:center;background:#0e0e18;border:2px solid #e63946;border-radius:14px;padding:20px 24px;text-decoration:none;text-align:center;gap:8px;min-width:180px;position:relative;overflow:hidden">
  <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e63946,#ff6b35,#ffd700)"></div>
  <div style="font-size:8px;font-family:Orbitron,sans-serif;color:#ffd700;letter-spacing:3px">⭐ OFFIZIELL</div>
  <div style="font-size:28px">📻</div>
  <div style="font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
  <div style="width:80%;height:1px;background:linear-gradient(90deg,transparent,#e63946,transparent)"></div>
  <div style="font-size:8px;color:#606080;letter-spacing:1px;font-family:sans-serif">VERIFIZIERTER PARTNER</div>
  <div style="background:#e63946;color:#fff;padding:5px 14px;border-radius:6px;font-size:8px;font-weight:700;letter-spacing:1px;font-family:Orbitron,sans-serif">✓ PARTNER</div>
</a>

<style>
.wrs-flip:hover .wrs-flip-inner{transform:rotateY(180deg)}
.wrs-flip{perspective:600px;width:200px;height:80px;cursor:pointer;display:block;text-decoration:none}
.wrs-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}
.wrs-flip-front,.wrs-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px}
.wrs-flip-back{transform:rotateY(180deg);background:linear-gradient(135deg,#e63946,#8b0010);flex-direction:column}
</style>
<a href="https://webradiosystem.de" target="_blank" rel="noopener" class="wrs-flip">
  <div class="wrs-flip-inner">
    <div class="wrs-flip-front" style="background:#0e0e18;border:1px solid #2a2a44">
      <span style="font-size:22px">📻</span>
      <div style="font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    </div>
    <div class="wrs-flip-back">
      <div style="font-family:Orbitron,sans-serif;font-size:10px;font-weight:900;color:#fff;letter-spacing:2px">PARTNER</div>
      <div style="font-size:9px;color:rgba(255,255,255,.8);font-family:sans-serif">webradiosystem.de</div>
    </div>
  </div>
</a>

Banner 32 – 35

Farbthemen-Varianten

Für Websites mit verschiedenen Farbschemata – passend zu jedem Design.

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #1e3a5f;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:42px;height:42px;border-radius:9px;background:linear-gradient(135deg,#4cc9f0,#003d55);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#4cc9f0">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#406080;margin-top:3px">RADIO · CHAT · COMMUNITY</div>
    <div style="font-size:8px;color:#4cc9f0;margin-top:4px;letter-spacing:1px">● PARTNER</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #1a3a1a;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:42px;height:42px;border-radius:9px;background:linear-gradient(135deg,#4ade80,#065f1e);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#4ade80">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#406040;margin-top:3px">RADIO · CHAT · COMMUNITY</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #2d1a3a;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:42px;height:42px;border-radius:9px;background:linear-gradient(135deg,#a78bfa,#3b0764);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#a78bfa">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#604080;margin-top:3px">RADIO · CHAT · COMMUNITY</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #3a1a00;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:42px;height:42px;border-radius:9px;background:linear-gradient(135deg,#fb923c,#7a2500);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#fb923c">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#604020;margin-top:3px">RADIO · CHAT · COMMUNITY</div>
  </div>
</a>

Banner 36 – 38

Cyberpunk, Vintage & Minimal White

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#0a0015;border:1px solid #ff2a6d;border-radius:4px;padding:14px 20px;text-decoration:none;box-shadow:4px 4px 0 #ff2a6d">
  <div style="width:44px;height:44px;background:#ff2a6d;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:13px;font-weight:900;color:#ff2a6d;letter-spacing:2px;text-shadow:0 0 10px #ff2a6d">WEBRADIOSYSTEM</div>
    <div style="font-size:9px;color:#05d9e8;margin-top:3px;letter-spacing:2px;font-family:Orbitron,sans-serif">RADIO_CHAT_COMMUNITY</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#1a0f00;border:2px solid #8b6914;border-radius:8px;padding:14px 20px;text-decoration:none">
  <span style="font-size:32px">📻</span>
  <div>
    <div style="font-family:Georgia,serif;font-size:14px;font-weight:700;color:#c8a84b;letter-spacing:2px">WebRadioSystem</div>
    <div style="font-size:9px;color:#8b6914;margin-top:3px;letter-spacing:1px;font-style:italic">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#8b6914;margin-top:6px;letter-spacing:2px">★ OFFIZIELLER PARTNER ★</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #eee;border-radius:10px;padding:12px 18px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.08)">
  <div style="width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e63946,#ff6b35);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#111;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#999;margin-top:2px;font-family:sans-serif">Radio · Chat · Community</div>
  </div>
  <div style="margin-left:auto;background:#e63946;color:#fff;padding:6px 12px;border-radius:6px;font-size:9px;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:1px">▶</div>
</a>

Banner 39 – 42

Neumorphic, Terminal, Holographic & Wave

<!-- Neumorphic Banner – passt zu hellem Hintergrund #e0e5ec -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#e0e5ec;border-radius:14px;padding:16px 22px;text-decoration:none;box-shadow:6px 6px 12px #b8bec7,-6px -6px 12px #ffffff">
  <div style="width:44px;height:44px;border-radius:10px;background:#e0e5ec;box-shadow:4px 4px 8px #b8bec7,-4px -4px 8px #ffffff;display:flex;align-items:center;justify-content:center;font-size:22px">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#444;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#888;margin-top:3px;font-family:sans-serif">Radio · Chat · Community</div>
    <div style="background:#e63946;color:#fff;padding:4px 10px;border-radius:5px;font-size:8px;font-weight:700;margin-top:6px;display:inline-block;font-family:Orbitron,sans-serif">PARTNER</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-block;background:#000;border:1px solid #00ff41;border-radius:4px;padding:14px 20px;text-decoration:none;font-family:'Courier New',monospace;min-width:280px">
  <div style="color:#00ff41;font-size:10px;margin-bottom:6px">$ ./webradiosystem --partner</div>
  <div style="color:#00ff41;font-size:12px;font-weight:700;margin-bottom:4px">> WEB<span style="color:#ff3131">RADIO</span>SYSTEM</div>
  <div style="color:#006600;font-size:9px;margin-bottom:4px">Radio | Chat | Community | Kostenlos</div>
  <div style="color:#00ff41;font-size:9px">Status: [PARTNER ✓]</div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:linear-gradient(135deg,#1a0530,#0d1f40);border-radius:12px;padding:14px 22px;text-decoration:none;position:relative;overflow:hidden">
  <div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#ff0080,#00ffff,#8000ff,#ff0080)"></div>
  <div style="width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#ff0080,#00ffff);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:13px;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#ff80c0,#80ffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent">WEBRADIOSYSTEM</div>
    <div style="font-size:9px;color:rgba(255,255,255,.5);margin-top:3px;letter-spacing:1px">PARTNER · RADIO · CHAT</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-block;background:#0e0e18;border-radius:12px;overflow:hidden;text-decoration:none;min-width:260px">
  <div style="padding:14px 20px;display:flex;align-items:center;gap:12px">
    <span style="font-size:22px">📻</span>
    <div>
      <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
      <div style="font-size:9px;color:#606080;margin-top:2px;font-family:sans-serif">Radio · Chat · Community</div>
    </div>
  </div>
  <svg viewBox="0 0 260 30" style="display:block;width:100%;height:30px" preserveAspectRatio="none">
    <path d="M0,15 C30,5 60,25 90,15 S150,5 180,15 S240,25 260,15 L260,30 L0,30 Z" fill="#e63946"/>
  </svg>
  <div style="background:#e63946;padding:6px;text-align:center;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;color:#fff;letter-spacing:2px">OFFIZIELLER PARTNER</div>
</a>

Banner 43 – 50

8 weitere Varianten

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #500724;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#ff69b4,#500724);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ff69b4">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #5c3a00;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#ffd700,#5c3a00);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ffd700">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #042f2e;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#14b8a6,#042f2e);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#14b8a6">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #003300;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#00ff41,#003300);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#00ff41">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #2b1055;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#ff60cc,#2b1055);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ff60cc">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #1a0533;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#ff71ce,#b967ff);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ff71ce">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #3a2000;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#c8a84b,#3a2000);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#c8a84b">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #111111;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#666,#111);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#888888">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

Banner 51 – 60

Text-Signaturen & Footer-Links

Perfekt für E-Mail-Signaturen, Forum-Posts, Blog-Kommentare und Footer-Bereiche.

Widgets 4 – 6

🎛️ Weitere Widgets

<div style="background:#07070d;border:1px solid #2a2a44;border-radius:10px;padding:14px;width:250px;font-family:Orbitron,sans-serif;box-sizing:border-box">
  <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
    <div style="font-size:10px;font-weight:700;color:#e63946;letter-spacing:1px">📻 WEBRADIOSYSTEM</div>
    <div style="font-size:8px;color:#e63946;letter-spacing:1px">● LIVE</div>
  </div>
  <div style="background:#0e0e18;border-radius:7px;padding:8px 10px;margin-bottom:10px">
    <div id="wrs-mp-title" style="font-size:11px;font-weight:700;color:#eeeef8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Lade…</div>
    <div style="font-size:9px;color:#606080;margin-top:2px;font-family:sans-serif">Techno · House · EDM</div>
  </div>
  <a href="https://webradiosystem.de" target="_blank"
     style="display:block;background:linear-gradient(135deg,#e63946,#ff6b35);color:#fff;border-radius:7px;padding:8px;font-size:9px;font-weight:900;letter-spacing:2px;text-align:center;text-decoration:none">▶ ZUR WEBSEITE</a>
</div>
<script>
(function(){
  fetch('https://api.laut.fm/station/recordsradio/current_song?_='+Date.now())
    .then(r=>r.json()).then(d=>{
      var t=typeof d.title==='string'?d.title:'RecordsRadio Live';
      var el=document.getElementById('wrs-mp-title');
      if(el)el.textContent=t;
    }).catch(function(){});
})();
</script>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-block;background:#0e0e18;border:1px solid #2a2a44;border-radius:14px;padding:20px 22px;max-width:320px;text-decoration:none">
  <div style="font-size:40px;color:#e63946;line-height:1;margin-bottom:8px;font-family:Georgia,serif">"</div>
  <div style="font-family:sans-serif;font-size:13px;color:#eeeef8;line-height:1.6;margin-bottom:12px;font-style:italic">
    Das beste Web-Radio-Portal – kostenlos, mit Live-Chat und tollem Community-Feeling!
  </div>
  <div style="display:flex;align-items:center;gap:10px;border-top:1px solid #2a2a44;padding-top:10px">
    <span style="font-size:18px">📻</span>
    <div>
      <div style="font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;color:#e63946;letter-spacing:1px">WEBRADIOSYSTEM</div>
      <div style="font-size:9px;color:#606080;font-family:sans-serif">webradiosystem.de</div>
    </div>
  </div>
</a>

<!-- WebRadioSystem Partner-Listen-Eintrag -->
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:flex;align-items:center;gap:10px;padding:8px 0;text-decoration:none;border-bottom:1px solid #eee">
  <span style="font-size:16px">📻</span>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:#333;letter-spacing:1px">WebRadioSystem</div>
    <div style="font-size:9px;color:#888;font-family:sans-serif">Radio · Chat · Community · kostenlos</div>
  </div>
  <span style="margin-left:auto;color:#e63946;font-size:12px;font-weight:700">→</span>
</a>

Banner 61 – 65

Shimmer, Neon-Sign, Newspaper, Stamp & mehr

<style>@keyframes wrs-sh{0%{background-position:-200% 0}100%{background-position:200% 0}}</style>
<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:0;border-radius:12px;padding:3px;text-decoration:none;background:linear-gradient(90deg,#1a0005,#e63946,#ff6b35,#ffd700,#e63946,#1a0005);background-size:200% 100%;animation:wrs-sh 3s linear infinite">
  <div style="background:#07070d;border-radius:10px;padding:11px 18px;display:flex;align-items:center;gap:12px">
    <span style="font-size:22px">📻</span>
    <div style="font-family:Orbitron,sans-serif">
      <div style="font-size:13px;font-weight:900;color:#fff;letter-spacing:2px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
      <div style="font-size:9px;color:#606080;margin-top:2px;letter-spacing:1px">PARTNER · RADIO · CHAT</div>
    </div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:20px 28px;text-decoration:none;text-align:center;background:#050505;border-radius:12px">
  <span style="font-size:30px;filter:drop-shadow(0 0 12px #e63946)">📻</span>
  <div style="font-family:Orbitron,sans-serif;font-size:16px;font-weight:900;color:#e63946;letter-spacing:3px;text-shadow:0 0 10px #e63946,0 0 20px #e63946,0 0 40px #e63946">RADIO</div>
  <div style="font-family:Orbitron,sans-serif;font-size:10px;color:#4cc9f0;letter-spacing:4px;text-shadow:0 0 8px #4cc9f0">CHAT · COMMUNITY</div>
  <div style="font-size:9px;color:rgba(230,57,70,.6);letter-spacing:2px;font-family:sans-serif">webradiosystem.de</div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-block;background:#f5f0e0;border:2px solid #333;padding:14px 20px;text-decoration:none;max-width:300px;font-family:Georgia,serif">
  <div style="border-bottom:2px solid #333;padding-bottom:6px;margin-bottom:8px;text-align:center;font-size:8px;letter-spacing:4px;color:#666">OFFIZIELLER PARTNER</div>
  <div style="text-align:center">
    <div style="font-size:20px;font-weight:900;color:#111;letter-spacing:2px;font-family:Orbitron,sans-serif">WebRadioSystem</div>
    <div style="font-size:9px;color:#666;margin:4px 0;letter-spacing:1px">Radio · Chat · Community</div>
    <div style="border-top:1px solid #333;border-bottom:1px solid #333;padding:4px 0;margin:6px 0;font-size:10px;color:#333">Kostenlos hören – jetzt besuchen!</div>
    <div style="font-size:9px;color:#e63946">webradiosystem.de</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;flex-direction:column;align-items:center;border:3px dashed #e63946;border-radius:8px;padding:16px 24px;text-decoration:none;transform:rotate(-3deg)">
  <div style="font-family:Orbitron,sans-serif;font-size:10px;color:#e63946;letter-spacing:4px;margin-bottom:6px">✓ OFFIZIELL</div>
  <span style="font-size:26px;margin-bottom:6px">📻</span>
  <div style="font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;color:#e63946;letter-spacing:2px">PARTNER</div>
  <div style="font-family:Orbitron,sans-serif;font-size:9px;color:#e63946;letter-spacing:3px;margin-top:4px;opacity:.7">WEBRADIOSYSTEM</div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#07070d;border:1px solid #2a2a44;border-radius:12px;padding:14px 22px;text-decoration:none">
  <div style="text-align:center">
    <div style="font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;color:#e63946;line-height:1">LIVE</div>
    <div style="font-size:8px;color:#606080;letter-spacing:1px;margin-top:2px">ON AIR</div>
  </div>
  <div style="width:1px;height:40px;background:#2a2a44"></div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

Banner 66 – 75

10 Final-Varianten

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#e63946,#8b0010);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">KONZERT</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#e63946">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#e63946;margin-top:5px;letter-spacing:1px">TICKET · EINTRITT FREI</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#4cc9f0,#003d55);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">APP</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#4cc9f0">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#4cc9f0;margin-top:5px;letter-spacing:1px">JETZT ÖFFNEN</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#ffd700,#5c3a00);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">AWARD</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ffd700">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#ffd700;margin-top:5px;letter-spacing:1px">BEST PARTNER</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#4ade80,#065f1e);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">CHAT</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#4ade80">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#4ade80;margin-top:5px;letter-spacing:1px">LIVE MITMACHEN</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#a78bfa,#3b0764);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">♪ MUSIC</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#a78bfa">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#a78bfa;margin-top:5px;letter-spacing:1px">LIVE RADIO</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#ff4500,#8b0000);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">🔥 HOT</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ff4500">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#ff4500;margin-top:5px;letter-spacing:1px">TOP PARTNER</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#b9f2ff,#003366);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">❄ COOL</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#b9f2ff">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#b9f2ff;margin-top:5px;letter-spacing:1px">FRESH RADIO</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#ffff00,#333300);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">⚡ LIVE</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ffff00">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#ffff00;margin-top:5px;letter-spacing:1px">POWER RADIO</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#ff1493,#4d0026);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">♥ LOVE</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ff1493">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#ff1493;margin-top:5px;letter-spacing:1px">RADIO PARTNER</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;text-decoration:none">
  <div style="background:linear-gradient(135deg,#ffd700,#8b6914);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px">
    <span style="font-size:20px">📻</span>
    <span style="font-family:Orbitron,sans-serif;font-size:7px;font-weight:700;color:#fff;letter-spacing:1px">👑 VIP</span>
  </div>
  <div style="background:#07070d;padding:12px 18px;border:1px solid #2a2a44;border-left:none">
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ffd700">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
    <div style="font-size:8px;color:#ffd700;margin-top:5px;letter-spacing:1px">PREMIUM PARTNER</div>
  </div>
</a>

Banner 76 – 80

Timer, Glassmorphism, Cassette & mehr

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-block;background:#1a1200;border:1px solid #c8a028;border-radius:4px;padding:16px 24px;text-decoration:none;font-family:'Courier New',monospace">
  <div style="color:#c8a028;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:6px">WebRadioSystem</div>
  <div style="color:#8b6914;font-size:10px;letter-spacing:2px;margin-bottom:8px">──────────────────</div>
  <div style="color:#c8a028;font-size:9px;letter-spacing:1px">Radio · Chat · Community</div>
  <div style="color:#8b6914;font-size:8px;margin-top:6px;letter-spacing:2px">★ OFFIZIELLER PARTNER ★</div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-block;background:#1a1a1a;border:2px solid #333;border-radius:6px;padding:14px 20px;text-decoration:none;min-width:220px">
  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px">
    <div style="width:20px;height:20px;border-radius:50%;border:3px solid #555;background:#222"></div>
    <div style="flex:1;height:2px;background:linear-gradient(90deg,#e63946,#ff6b35,#e63946)"></div>
    <div style="width:20px;height:20px;border-radius:50%;border:3px solid #555;background:#222"></div>
  </div>
  <div style="text-align:center;font-family:Orbitron,sans-serif">
    <div style="font-size:11px;font-weight:900;color:#e63946;letter-spacing:2px">WEBRADIOSYSTEM</div>
    <div style="font-size:8px;color:#666;margin-top:3px;letter-spacing:1px">RADIO · CHAT · COMMUNITY</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#e63946;border-radius:16px 16px 16px 0;padding:14px 20px;text-decoration:none">
  <span style="font-size:20px">📻</span>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEBRADIOSYSTEM</div>
    <div style="font-size:9px;color:rgba(255,255,255,.8);margin-top:2px;font-family:sans-serif">Jetzt kostenlos hören!</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#010101;border-radius:10px;padding:14px 20px;text-decoration:none;border:1px solid #333">
  <div style="width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#ff0050,#00f2ea);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:13px;font-weight:900;color:#fff;letter-spacing:1px">WEBRADIO<span style="color:#ff0050">SYSTEM</span></div>
    <div style="font-size:9px;color:#888;margin-top:3px;letter-spacing:1px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:14px;background:#2b2d31;border-radius:8px;padding:14px 20px;text-decoration:none;border:1px solid #1e1f22">
  <div style="width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#3441c1);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0">📻</div>
  <div>
    <div style="font-size:14px;font-weight:700;color:#fff;margin-bottom:3px;font-family:sans-serif">WebRadioSystem</div>
    <div style="font-size:10px;color:#b5bac1;font-family:sans-serif">Radio · Chat · Community · Kostenlos</div>
    <div style="font-size:9px;color:#23a55a;margin-top:4px;font-family:sans-serif">● Online – Jetzt hören</div>
  </div>
</a>

Banner 81 – 90

10 weitere Varianten

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #128c7e;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#25d366">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #cc0000;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#ff0000,#cc0000);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ff0000">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #833ab4;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#c13584">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #6441a5;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#9147ff,#6441a5);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#9147ff">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #cc3300;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#ff5500,#cc3300);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#ff5500">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #3300cc;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#5000ff,#3300cc);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#5000ff">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #0f7a9b;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#1da0c3,#0f7a9b);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#1da0c3">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #a80000;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#d51007,#a80000);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#d51007">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #1a8a28;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#39b54a,#1a8a28);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#39b54a">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

<a href="https://webradiosystem.de" target="_blank" rel="noopener"
   style="display:inline-flex;align-items:center;gap:12px;background:#07070d;border:1px solid #004499;border-radius:10px;padding:12px 18px;text-decoration:none">
  <div style="width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,#0066cc,#004499);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0">📻</div>
  <div>
    <div style="font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;color:#fff;letter-spacing:1px">WEB<span style="color:#0066cc">RADIO</span>SYSTEM</div>
    <div style="font-size:9px;color:#606080;margin-top:3px">Radio · Chat · Community</div>
  </div>
</a>

VERLINKE UNS –KOMM KOSTENLOS RAUF.

SO FUNKTIONIERT ES

Klassisch · Klein

KOMPAKT BANNER

Leaderboard · Breit

LEADERBOARD BANNER

Box · Quadratisch

BOX BANNER

Minimal & Pill

MINIMAL BANNER

PILL BANNER

Dark Neon · Glowing

NEON BANNER

Wellen & Full-Width

WELLEN BANNER

FOOTER BANNER

Retro & Card

RETRO BANNER

CARD BANNER

Einfacher Textlink

TEXTLINK

Animiert · Pulsierend

PULSE BANNER

Hell & Bunt

HELL / LIGHT BANNER

REGENBOGEN / BUNT

Glassmorphism · Modern

GLASS BANNER

🎛️ EinbettbaresRadio-Widget

IFRAME WIDGET

🔖 KleinesBadge-Widget

BADGE WIDGET

Gradient Rahmen & Lauftext

GRADIENT BORDER

LAUFTEXT BANNER

Vertikal & Signet

VERTIKAL BANNER

SIGNET / ICON

Skyscraper & Mega Banner

SKYSCRAPER

MEGA BANNER

Mobile & Sticky Banner

MOBILE BANNER

STICKY BOTTOM BAR

Dark, Neon Outline & Foto-Hintergrund

PURE DARK

NEON OUTLINE

SOCIAL SHARE CARD

🎵 Live Now Widget

JETZT LÄUFT WIDGET

Spotify-Style, Typewriter & Split-Color

SPOTIFY STYLE

SPLIT-COLOR

STARS & BEWERTUNG

QR-Code, Countdown & News-Ticker

QR-CODE BANNER

PARTNER-ZERTIFIKAT

HOVER BANNER

Farbthemen-Varianten

BLAU THEME

GRÜN THEME

LILA THEME

ORANGE THEME

Cyberpunk, Vintage & Minimal White

CYBERPUNK

VINTAGE RADIO

MINIMAL WHITE

Neumorphic, Terminal, Holographic & Wave

NEUMORPHIC

TERMINAL STYLE

HOLOGRAPHIC

WAVE BOTTOM

8 weitere Varianten

PINK THEME

GOLD THEME

TEAL THEME

MATRIX GRÜN

SYNTHWAVE

VAPORWAVE

EARTH TONE

VERLINKE UNS –
KOMM KOSTENLOS RAUF.

🎛️ Einbettbares
Radio-Widget

🔖 Kleines
Badge-Widget