<div class="titel">
<img src="inc/bg/1609858275128.png"></img>
<h3>Radio</h3>
</div>

<!--style>
.select {
   font-size: 0.7rem;
    display: inline-block;
    background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);
    border: 1px solid darkred;
    border-radius: 5px ;
    padding: 0.5rem;
}

.select select{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    font-family: Times New Roman;
    background-color: transparent;
    font-size: 0.7rem ;
}

</style-->

<br>

<div class="select">
    Playlist:
<select  required>
<option>&raquo; Bitte Wählen &laquo;</option>
<option value="37i9dQZF1DX1LCddwjCqDK">Weihnachtsklassiker</option>
<option value="6awauReNKrJW9pNUMH7T60">Mellys Weihnachten</option>
<option value="3xAw40ipYZWCBrqmmoFllU">Bibis Weihnachten</option>
<option value="0t6HBJl0PwHtdy0i4FPCfm">Weihnachten Benjamin Blümchen</option>
  </select>
</div>

<br></br>

<script>    
$("select").change(function () {
    var string = "https://open.spotify.com/embed/playlist/"+ $("select").val();   
    $("iframe").attr('src',string);
});  
</script> 

<div class="radio">

<iframe width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

</div>

<!--
<div class="radio">

<iframe src="https://open.spotify.com/embed/playlist/37i9dQZF1DX1LCddwjCqDK" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

<iframe src="https://open.spotify.com/embed/playlist/6awauReNKrJW9pNUMH7T60" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

</div>

https://open.spotify.com/playlist/3xAw40ipYZWCBrqmmoFllU?si=WegOKie3QyCprbI90sxglQ

https://open.spotify.com/playlist/0t6HBJl0PwHtdy0i4FPCfm?si=ATbsbsqZTmGdJRjfyQo9hw

-->