Index: /views/mods/mod_productgroups/show_2.phtml
===================================================================
--- /views/mods/mod_productgroups/show_2.phtml	(revision 8199)
+++ /views/mods/mod_productgroups/show_2.phtml	(revision 8200)
@@ -46,5 +46,10 @@
             <?php foreach ($arProductgroups as $k => $oProductgroup) { ?>
 
-                <a href="<?php echo $page_url; ?>show=<?php echo $oProductgroup->getId(); ?>" class="productgroup">
+                <a href="<?php
+
+                    if (intval($oProductgroup->__get('infopage')) > 0) echo \get_permalink(intval($oProductgroup->__get('infopage')));
+                    else echo $page_url.'show='.$oProductgroup->getId();
+
+                    ?>" class="productgroup">
 
                     <div class="title"><?php echo $oProductgroup->getLabel(); ?></div>
@@ -62,5 +67,5 @@
         <style>
 
-            .wpsg_mod_productgroup_layout2.productgroups { all:revert; display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(10, 1fr); grid-column-gap:1rem; grid-row-gap:1rem; }
+            .wpsg_mod_productgroup_layout2.productgroups { all:revert; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(10, 1fr); grid-column-gap:1rem; grid-row-gap:1rem; }
             .wpsg_mod_productgroup_layout2.productgroups > .productgroup { grid-column:span 2; padding-top:100%; text-decoration:none; position:relative; overflow:hidden; transition:all 0.3s ease; overflow:hidden width:100%; }
             .wpsg_mod_productgroup_layout2.productgroups > .productgroup  .bg { position:absolute; left:0; top:0; object-position:50% 50%; background-color:#DEDEDE; width:100%; height:100%; object-fit:cover; z-index:1; }
Index: /views/produkttemplates/standard3.phtml
===================================================================
--- /views/produkttemplates/standard3.phtml	(revision 8199)
+++ /views/produkttemplates/standard3.phtml	(revision 8200)
@@ -44,5 +44,6 @@
                             >
                                 <?php echo \wp_get_attachment_image($image_id, 'full', false, [
-                                    'data-index' => $k
+                                    'data-index' => $k,
+                                    'data-src' => \wp_get_attachment_image_src($image_id, 'full')[0]
                                 ]); ?>
                             </div>
@@ -416,6 +417,6 @@
         <style>
 
-            .wpsg_produkt_wrapper.layout3 .col_wrap { display:flex; width:100%; justify-content:stretch; gap:1rem; }
-            .wpsg_produkt_wrapper.layout3 .col_wrap > * { flex-grow:1; flex-shrink:0; width:0; }
+            .wpsg_produkt_wrapper.layout3 .col_wrap { display:flex; width:100%; justify-content:stretch; gap:1rem; flex-wrap:wrap; }
+            .wpsg_produkt_wrapper.layout3 .col_wrap > * { flex-grow:1; flex-shrink:0; width:100%; }
             .wpsg_produkt_wrapper.layout3 .col_wrap > .col.image { display:flex; justify-content:stretch; gap:0.5rem; }
             .wpsg_produkt_wrapper.layout3 .col_wrap > .col.image .thumbnails { width:20%; flex-shrink:0; }
@@ -425,4 +426,11 @@
             .ds_image_zoom.attached { position:relative; overflow:hidden; cursor:-webkit-zoom-in; cursor:zoom-in; }
             .ds_image_zoom.attached img { all:initial; position:absolute; left:0; top:0; /* transition:width 0.3s, height 0.3s, left 0.3s, top 0.3s; */ }
+
+            @media screen and (min-width:993px) {
+
+                .wpsg_produkt_wrapper.layout3 .col_wrap { flex-wrap:nowrap; }
+                .wpsg_produkt_wrapper.layout3 .col_wrap > * { width:0; }
+
+            }
 
         </style>
