<style>

.radio {
background-color: #28303D;
margin: 7px 0;
border: 1px solid #ccc;
border-radius: 1em;
color: white;
padding: 5px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</style>

<h1>Wählen Sie ein Radio aus:</h1>

<!-- Radio 1 Button -->
<button class="radio" onclick="toggleRadio('dein stream link', 'radio1')">Radio 1</button>
<audio id="radio1" src=""></audio>

<!-- Radio 2 Button -->
<button class="radio" onclick="toggleRadio('dein stream link', 'radio2')">Radio 2</button>
<audio id="radio2" src=""></audio>

<!-- Radio 3 Button -->
<button class="radio" onclick="toggleRadio('dein stream link', 'radio3')">Radio 3</button>
<audio id="radio3" src=""></audio>

<script>
function toggleRadio(streamLink, audioId) {
var audioPlayer = document.getElementById(audioId);

if (audioPlayer.paused) {
audioPlayer.src = streamLink;
audioPlayer.play();
} else {
audioPlayer.pause();
}
}
</script>