diff --git a/assets/components/atoms/picture/picture-news-thumb.twig b/assets/components/atoms/picture/picture-news-thumb.twig
index 4bd7a500e..44f0843b7 100644
--- a/assets/components/atoms/picture/picture-news-thumb.twig
+++ b/assets/components/atoms/picture/picture-news-thumb.twig
@@ -1,3 +1,13 @@
+{% if light_image %}
+<picture>
+  <source media="(min-width: 1140px)" srcset="./images/styleguide/news-thumbs/news_thumb_02-95x53.jpg 1x, ./images/styleguide/news-thumbs/news_thumb_02-190x107.jpg 2x">
+  <source media="(min-width: 960px)" srcset="./images/styleguide/news-thumbs/news_thumb_02-95x53.jpg 1x, ./images/styleguide/news-thumbs/news_thumb_02-190x107.jpg 2x">
+  <source media="(min-width: 720px)" srcset="./images/styleguide/news-thumbs/news_thumb_02-80x45.jpg 1x, ./images/styleguide/news-thumbs/news_thumb_02-160x90.jpg 2x">
+  <source media="(min-width: 541px)" srcset="./images/styleguide/news-thumbs/news_thumb_02-120x68.jpg 1x, ./images/styleguide/news-thumbs/news_thumb_02-240x135.jpg 2x">
+  <source media="(max-width: 540px)" srcset="./images/styleguide/news-thumbs/news_thumb_02-540x304.jpg 1x, ./images/styleguide/news-thumbs/news_thumb_02-1080x608.jpg 2x">
+  <img src="./images/styleguide/news-thumbs/news_thumb_02-95x53.jpg" class="img-fluid" alt="ALT">
+</picture>
+{% else %}
 <picture>
   <source media="(min-width: 1140px)" srcset="./images/styleguide/news-thumbs/news_thumb-95x53.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-190x107.jpg 2x">
   <source media="(min-width: 960px)" srcset="./images/styleguide/news-thumbs/news_thumb-95x53.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-190x107.jpg 2x">
@@ -6,3 +16,4 @@
   <source media="(max-width: 540px)" srcset="./images/styleguide/news-thumbs/news_thumb-540x304.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x608.jpg 2x">
   <img src="./images/styleguide/news-thumbs/news_thumb-95x53.jpg" class="img-fluid" alt="ALT">
 </picture>
+{% endif %}
diff --git a/assets/components/molecules/list-group/list-group-teasers.twig b/assets/components/molecules/list-group/list-group-teasers.twig
index e51d6db6d..25a02cdc6 100644
--- a/assets/components/molecules/list-group/list-group-teasers.twig
+++ b/assets/components/molecules/list-group/list-group-teasers.twig
@@ -1,5 +1,5 @@
 <div class="list-group">
-  {% for i in 1..4 %}
+  {% for i in 1..2 %}
 
       <div class="list-group-teaser list-group-item list-group-teaser-container">
         <div class="list-group-teaser-thumbnail">
@@ -18,6 +18,40 @@
       </div>
   {% endfor %}
 
+  <div class="list-group-teaser list-group-item list-group-teaser-container">
+    <div class="list-group-teaser-thumbnail">
+      <a href="#" class="link-trapeze-horizontal">
+        {% include '@atoms/picture/picture-news-thumb.twig' %}
+        <div class="news-video-overlay"></div>
+      </a>
+    </div>
+    <div class="list-group-teaser-content">
+      <h3 class="h5"><a href="#">Physics: new e-books for the AIAA Education Series</a></h3>
+      <p>
+        <time datetime="2018-03-26"><span class="sr-only">Published:</span>26.03.2018</time>
+        <span class="text-muted">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
+          Epicureum esse, si probarem, quae ille diceret?</span>
+      </p>
+    </div>
+  </div>
+
+  <div class="list-group-teaser list-group-item list-group-teaser-container">
+    <div class="list-group-teaser-thumbnail">
+      <a href="#" class="link-trapeze-horizontal">
+        {% include '@atoms/picture/picture-news-thumb.twig' with { light_image: true } %}
+        <div class="news-video-overlay"></div>
+      </a>
+    </div>
+    <div class="list-group-teaser-content">
+      <h3 class="h5"><a href="#">Physics: new e-books for the AIAA Education Series</a></h3>
+      <p>
+        <time datetime="2018-03-26"><span class="sr-only">Published:</span>26.03.2018</time>
+        <span class="text-muted">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
+          Epicureum esse, si probarem, quae ille diceret?</span>
+      </p>
+    </div>
+  </div>
+
   <div class="list-group-teaser list-group-item list-group-teaser-container teaser-img-right">
     <div class="list-group-teaser-thumbnail">
       <a href="#" class="link-trapeze-horizontal">
diff --git a/assets/components/molecules/list-group/list-group.scss b/assets/components/molecules/list-group/list-group.scss
index a4603d232..92c3b8065 100644
--- a/assets/components/molecules/list-group/list-group.scss
+++ b/assets/components/molecules/list-group/list-group.scss
@@ -192,3 +192,25 @@
 
   }
 }
+
+.list-group-teaser-thumbnail .news-video-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  background: transparent;
+
+  &:before {
+    content: "";
+    width: 2.25rem;
+    height: 2.25rem;
+    background: url(../images/icons/icon-teaser-video.svg);
+    background-size: 100%;
+    border-radius: 50%;
+    box-shadow: 0 0 1rem rgba(0,0,0,0.16);
+  }
+}
diff --git a/assets/images/icons/icon-teaser-video.svg b/assets/images/icons/icon-teaser-video.svg
new file mode 100644
index 000000000..4c296789d
--- /dev/null
+++ b/assets/images/icons/icon-teaser-video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><style>.play-icon{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.circle{opacity:.6;}.circle-stroke{fill:#fff;}</style></defs><g class="circle"><circle cx="36" cy="36" r="34"/></g><path class="circle-stroke" d="m36,4c17.64,0,32,14.36,32,32s-14.36,32-32,32S4,53.64,4,36,18.36,4,36,4m0-4C16.12,0,0,16.12,0,36s16.12,36,36,36,36-16.12,36-36S55.88,0,36,0h0Z"/><polygon class="play-icon" points="29.5 22.5 50.5 36 29.5 49.5 29.5 22.5"/></svg>
diff --git a/assets/images/styleguide/news-thumbs/news_thumb-120x58.jpg b/assets/images/styleguide/news-thumbs/news_thumb-120x68.jpg
similarity index 100%
rename from assets/images/styleguide/news-thumbs/news_thumb-120x58.jpg
rename to assets/images/styleguide/news-thumbs/news_thumb-120x68.jpg
diff --git a/assets/images/styleguide/news-thumbs/news_thumb_02-1080x608.jpg b/assets/images/styleguide/news-thumbs/news_thumb_02-1080x608.jpg
new file mode 100644
index 000000000..d3331fd39
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb_02-1080x608.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb_02-120x68.jpg b/assets/images/styleguide/news-thumbs/news_thumb_02-120x68.jpg
new file mode 100644
index 000000000..dcde69066
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb_02-120x68.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb_02-160x90.jpg b/assets/images/styleguide/news-thumbs/news_thumb_02-160x90.jpg
new file mode 100644
index 000000000..20ae6dea2
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb_02-160x90.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb_02-190x107.jpg b/assets/images/styleguide/news-thumbs/news_thumb_02-190x107.jpg
new file mode 100644
index 000000000..893f2544e
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb_02-190x107.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb_02-240x135.jpg b/assets/images/styleguide/news-thumbs/news_thumb_02-240x135.jpg
new file mode 100644
index 000000000..c825ada9e
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb_02-240x135.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb_02-540x304.jpg b/assets/images/styleguide/news-thumbs/news_thumb_02-540x304.jpg
new file mode 100644
index 000000000..a2c71adfb
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb_02-540x304.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb_02-80x45.jpg b/assets/images/styleguide/news-thumbs/news_thumb_02-80x45.jpg
new file mode 100644
index 000000000..1f59d6f2c
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb_02-80x45.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb_02-95x53.jpg b/assets/images/styleguide/news-thumbs/news_thumb_02-95x53.jpg
new file mode 100644
index 000000000..8771948fc
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb_02-95x53.jpg differ