diff --git a/site/assets/js/views/on-every-page.js b/site/assets/js/views/on-every-page.js
index 2098ca3..c9b04eb 100644
--- a/site/assets/js/views/on-every-page.js
+++ b/site/assets/js/views/on-every-page.js
@@ -79,7 +79,7 @@ export default function() {
 
 
 
-    // needs to be fixed:
+   
  
 // still needed?
   const anmeldeToggler = document.querySelector(".anmelde-toggler");
@@ -92,7 +92,9 @@ if (anmeldeToggler) {
   
 
 
-
+document.querySelectorAll('video[autoplay]').forEach( video => {
+  video.play();
+});
  
 
   const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
diff --git a/site/assets/scss/layouts/_trainings.scss b/site/assets/scss/layouts/_trainings.scss
index 51d7716..b218d10 100644
--- a/site/assets/scss/layouts/_trainings.scss
+++ b/site/assets/scss/layouts/_trainings.scss
@@ -17,17 +17,20 @@
     object-position: top right;
   }
   
-  @include media-breakpoint-up(lg) {    
-    top: auto;
-    right: auto;
-    width: 33%;
-    height: 10rem;
-    bottom: 0.1rem;
-    left: 3.1rem;
-
-    img {
-      transform: translate(-1.5rem, 1.5rem);
-      object-position: bottom left;
+  .box-training.box-large & {
+
+    @include media-breakpoint-up(lg) {    
+      top: auto;
+      right: auto;
+      width: 33%;
+      height: 10rem;
+      bottom: 0.1rem;
+      left: 3.1rem;
+
+      img {
+        transform: translate(-1.5rem, 1.5rem);
+        object-position: bottom left;
+      }
     }
   }
 }
diff --git a/site/hugo_stats.json b/site/hugo_stats.json
index ef33afa..ed8e2f8 100644
--- a/site/hugo_stats.json
+++ b/site/hugo_stats.json
@@ -103,6 +103,8 @@
       "border-top",
       "bottom-0",
       "box-anmelden",
+      "box-large",
+      "box-small",
       "box-training",
       "btn",
       "btn-filter",
diff --git a/site/layouts/partials/box-training-small.html b/site/layouts/partials/box-training-small.html
index 0d34539..591dc50 100644
--- a/site/layouts/partials/box-training-small.html
+++ b/site/layouts/partials/box-training-small.html
@@ -1,4 +1,4 @@
-<div data-scroll class="col box-training   {{ .Title | urlize}} {{ range $key, $value := .Params.categories }}{{ (replace $value "/" "-") | urlize }} {{ end }} ">
+<div data-scroll class="col box-training    {{ .Title | urlize}} {{ range $key, $value := .Params.categories }}{{ (replace $value "/" "-") | urlize }} {{ end }} ">
 
 
   
diff --git a/site/layouts/partials/box-training.html b/site/layouts/partials/box-training.html
index 62a7387..f086473 100644
--- a/site/layouts/partials/box-training.html
+++ b/site/layouts/partials/box-training.html
@@ -1,4 +1,4 @@
-<div data-scroll class="col-lg-6 box-training item {{ .Title | urlize}} {{ range $key, $value := .Params.categories }}{{ (replace $value "/" "-") | urlize }} {{ end }} ">
+<div data-scroll class="col-lg-6 box-training box-large item {{ .Title | urlize}} {{ range $key, $value := .Params.categories }}{{ (replace $value "/" "-") | urlize }} {{ end }} ">
 
   <div class="inner border light p-4 px-lg-10 py-lg-8 d-flex flex-column h-100 position-relative">
   {{ if  in .Params.categories "New"  }}
diff --git a/site/layouts/stories/single.html b/site/layouts/stories/single.html
index 1aa088c..606f4b1 100644
--- a/site/layouts/stories/single.html
+++ b/site/layouts/stories/single.html
@@ -34,7 +34,7 @@
       <div class="col-lg-2">
         <div data-scroll class="mb-3 bold small">Gebuchte Kurse</div>
         {{ range . }}
-          <a  class="btn btn-sm btn-outline-primary border-1 py-0  mb-2" href="{{ .link }}"> {{ .title  }} </a>
+          <a  class="btn btn-sm btn-outline-primary border-1 py-0  mb-2 me-2" href="{{ .link }}"> {{ .title  }} </a>
         {{ end }}
       </div>
       {{ end }}