diff --git a/static/script.js b/static/script.js
index a4a73df..8c5ea5a 100644
--- a/static/script.js
+++ b/static/script.js
@@ -6,6 +6,17 @@ outindex = 0
 playing = false
 playcolor = "#00ff3c"
 loop = true
+function nächste(id){
+  audios[id].pause()
+  console.log(id)
+  id = parseInt(id) + 1
+  console.log(id)
+  audios[id].play()
+}
+function vorherige(id){
+  audios[id].pause()
+  audios[id-1].play()
+}
 function looptrue(){
   if(loop){
     loop = false
diff --git a/templates/karte.html b/templates/karte.html
index dcb44a6..cc0f6ad 100644
--- a/templates/karte.html
+++ b/templates/karte.html
@@ -1,7 +1,7 @@
 <article>
     <img src="{{ karte.img }}"/>
     {% if karte.ytid %}
-    <button id="{{karte_loop.index0}}" onclick="abspielendiese(this.id)">Abspielen</button>
+    <p><button id="{{karte_loop.index0}}" onclick="vorherige(this.id)">Vorherige</button><button id="{{karte_loop.index0}}" onclick="abspielendiese(this.id)">Abspielen</button><button id="{{karte_loop.index0}}" onclick="nächste(this.id)">Nächstes</button></p>
     <audio controls src="/static/{{karte.datei}}"></audio>
     {% endif %}
     <h2>{{ karte.titel}}</h2>