No Sound on Hover with Hook Element

Hi there,

Please have a look at…
https://schwarzaufweiss.ch/kunden/

My little wolf is here, but that mp3 doesn't play on hover…

.partner-link {
    display: block;
    position: fixed;
    left: 90%;
    top: 90%;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}

…what's wrong with my Hook element what I have in wp_head for that page?

<div class="hide-on-mobile">
<div class="partner-link">
	<a href="https://www.wolfensberger-ag.ch" target="_blank"><img src="https://schwarzaufweiss.ch/wp-content/uploads/2022/05/cropped-wolfplakat_icon-3.png" width="45%" height="45%" ></a>
</div>
</div>
<script>
var audio = document.getElementById("https://schwarzaufweiss.ch/wp-content/uploads/2022/06/wolf.mp3");
$("nav a").mouseenter(function() {
  audio.play();
});
</script>

Thanks for a tip!
Hans